and the HTML parser hoists that block out of the inline anchor, collapsing the row. */
/* section summary + restriction */
/* Inline label content (section instructions / notes) — a read-only panel, not an activity row */
/* per-activity dates, description, unread */
/* Description: full-width block under the head, indented to line up with the
activity name (icon 38 + row pad 18 + gap 13). Horizontal-scroll guard for
any content wider than the card (wide Word tables, big images). */
/* Descriptions/section summaries often hold Word-pasted content (fixed-width
tables, oversized images) that would overflow the card. Keep tables as real
tables (never display:block — that collapses them to min-content), just drop
the hard-coded inch/pixel widths and cap at the card width; the .cv-act-desc
scroll container handles anything still too wide. */
/* completion control sits at the row's right edge (static span or toggle form) */
/* MANUAL completion = a real button: solid bordered circle, gold on hover, filled green when done */
/* AUTOMATIC completion = read-only STATUS, never a checkbox. Done: soft green check.
Pending: faint dashed ring with a small centre dot (no check affordance), default cursor. */
/* ---- rail ---- */
/* Classic course content is rendered into region-main for header/footer
wiring; the bespoke UI replaces it visually. */
/* ---- mobile / backdrop ---- */
/* ---- floating help (gold FAB) — bottom-left so it clears the right rail ---- */
/* Support block buttons (LSM / ticket / SOP) as clean rows — match the
dashboard's help panel, since the markup reuses .sd-support. */
/* ---- Ask JO panel ---- */
}
#cv-root *, #cv-root *::before, #cv-root *::after {
box-sizing: border-box;
}
#cv-root svg {
display: block;
}
#cv-root.cv-app {
display: grid;
grid-template-columns: 248px 1fr;
}
#cv-root .cv-side {
background: linear-gradient(180deg, var(--cv-navy), #032148);
color: #cfe0ec;
padding: 20px 16px;
display: flex;
flex-direction: column;
gap: 3px;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
}
#cv-root .cv-brand {
display: block;
padding: 4px 8px 18px;
}
#cv-root .cv-brand img {
max-height: 38px;
width: auto;
}
#cv-root .cv-brand-txt {
color: #fff;
font-weight: 800;
font-size: 18px;
}
#cv-root .cv-nav a {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 11px;
color: #aec4d4;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
#cv-root .cv-nav a svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#cv-root .cv-nav a:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
#cv-root .cv-nav a.on {
background: rgba(0, 117, 237, 0.2);
color: var(--cv-accent);
font-weight: 700;
}
#cv-root .cv-nav a.on svg {
stroke: var(--cv-accent);
}
#cv-root .cv-navlbl {
font: 600 11px/1 var(--cv-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5d7e95;
padding: 16px 12px 8px;
}
#cv-root .cv-main-col {
min-width: 0;
display: flex;
flex-direction: column;
}
#cv-root .cv-topbar {
position: sticky;
top: 0;
z-index: 30;
background: rgba(244, 247, 251, 0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--cv-line);
}
#cv-root .cv-topbar-inner {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 28px;
}
#cv-root .cv-tb-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
#cv-root .cv-burger {
display: none;
border: 0;
background: none;
padding: 0;
cursor: pointer;
}
#cv-root .cv-burger svg {
width: 24px;
height: 24px;
stroke: var(--cv-ink);
fill: none;
stroke-width: 1.9;
}
#cv-root .cv-crumb {
font-weight: 600;
color: var(--cv-muted);
font-size: 13.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#cv-root .cv-crumb a {
color: var(--cv-muted);
text-decoration: none;
}
#cv-root .cv-crumb .sep {
margin: 0 7px;
color: var(--cv-faint);
}
#cv-root .cv-crumb .cur {
color: var(--cv-ink);
font-weight: 700;
}
#cv-root .cv-search-wrap {
flex: 1;
display: flex;
justify-content: center;
}
#cv-root .cv-search {
display: flex;
align-items: center;
gap: 9px;
width: 100%;
max-width: 460px;
background: var(--cv-surface);
border: 1px solid #CBD8E6;
border-radius: 12px;
padding: 9px 14px;
box-shadow: var(--cv-sh-sm);
}
#cv-root .cv-search svg {
width: 17px;
height: 17px;
stroke: var(--cv-faint);
fill: none;
stroke-width: 2;
flex: 0 0 auto;
}
#cv-root .cv-search input {
border: 0;
background: none;
outline: none;
width: 100%;
font: 600 13px var(--cv-sans);
color: var(--cv-ink);
}
#cv-root .cv-top-actions {
display: flex;
align-items: center;
gap: 10px;
}
#cv-root .cv-askjo {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--cv-gnavy);
color: #fff;
font-weight: 700;
font-size: 13.5px;
padding: 9px 15px;
border: 0;
border-radius: 12px;
cursor: pointer;
}
#cv-root .cv-askjo svg {
width: 16px;
height: 16px;
}
#cv-root .cv-askjo[disabled] {
opacity: 0.5;
cursor: default;
}
#cv-root .cv-iconbtn {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--cv-surface);
border: 1px solid var(--cv-line);
display: grid;
place-items: center;
color: var(--cv-muted);
box-shadow: var(--cv-sh-sm);
cursor: pointer;
}
#cv-root .cv-iconbtn svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#cv-root .cv-navbar-plugin {
display: flex;
align-items: center;
gap: 10px;
}
#cv-root .cv-navbar-plugin .popover-region-toggle, #cv-root .cv-navbar-plugin .nav-link {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--cv-surface);
border: 1px solid var(--cv-line);
display: grid;
place-items: center;
color: var(--cv-muted);
box-shadow: var(--cv-sh-sm);
position: relative;
}
#cv-root .cv-navbar-plugin .count-container {
top: 4px;
right: 4px;
}
#cv-root .cv-usermenu .dropdown-toggle {
text-decoration: none;
}
#cv-root .cv-content {
padding: 22px 28px 70px;
max-width: 1480px;
width: 100%;
}
#cv-root .cv-hero {
background: var(--cv-gnavy);
color: #fff;
border-radius: 22px;
padding: 24px 28px;
display: flex;
gap: 26px;
align-items: center;
box-shadow: var(--cv-sh);
}
#cv-root .cv-hero-l {
min-width: 0;
}
#cv-root .cv-eyebrow {
font: 700 11px/1 var(--cv-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--cv-accent);
}
#cv-root .cv-hero h1 {
font-size: 29px;
font-weight: 800;
letter-spacing: -0.02em;
margin: 9px 0 13px;
color: #fff;
max-width: 620px;
}
#cv-root .cv-hmeta {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#cv-root .cv-chip {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 20px;
padding: 6px 13px;
font-size: 12px;
font-weight: 600;
color: #dcebff;
}
#cv-root .cv-chip svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#cv-root .cv-av {
width: 20px;
height: 20px;
border-radius: 6px;
background: var(--cv-gaccent);
color: var(--cv-on-accent);
display: grid;
place-items: center;
font: 800 9px/1 var(--cv-mono);
}
#cv-root .cv-hero-r {
margin-left: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
flex: 0 0 auto;
}
#cv-root .cv-ring {
position: relative;
width: 118px;
height: 118px;
}
#cv-root .cv-ring svg {
transform: rotate(-90deg);
}
#cv-root .cv-ring-bg {
stroke: rgba(255, 255, 255, 0.16);
}
#cv-root .cv-ring-fg {
stroke: var(--cv-accent);
transition: stroke-dasharray 0.6s ease;
}
#cv-root .cv-ring-mid {
position: absolute;
inset: 0;
display: grid;
place-content: center;
text-align: center;
}
#cv-root .cv-ring-mid b {
font: 800 26px/1 var(--cv-mono);
color: #fff;
}
#cv-root .cv-ring-mid span {
font: 600 9px/1 var(--cv-mono);
color: #9fc0d8;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 5px;
}
#cv-root .cv-resume {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--cv-gaccent);
color: var(--cv-on-accent);
font-weight: 800;
font-size: 13.5px;
padding: 11px 18px;
border-radius: 12px;
text-decoration: none;
box-shadow: 0 8px 22px rgba(0, 117, 237, 0.4);
white-space: nowrap;
}
#cv-root .cv-resume svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.4;
}
#cv-root .cv-tabs {
display: flex;
gap: 4px;
margin: 18px 0 0;
border-bottom: 1px solid var(--cv-line);
overflow-x: auto;
}
#cv-root .cv-tabs a {
padding: 12px 16px;
font-weight: 700;
font-size: 13.5px;
color: var(--cv-muted);
border-bottom: 2px solid transparent;
margin-bottom: -1px;
text-decoration: none;
white-space: nowrap;
}
#cv-root .cv-tabs a:hover {
color: var(--cv-ink);
}
#cv-root .cv-tabs a.on {
color: var(--cv-navy);
border-bottom-color: var(--cv-accent);
}
#cv-root .cv-body {
display: grid;
grid-template-columns: 226px minmax(0, 1fr) 290px;
gap: 18px;
align-items: start;
margin-top: 18px;
}
#cv-root .cv-toc {
position: sticky;
top: 80px;
background: var(--cv-surface);
border: 1px solid var(--cv-line);
border-radius: 16px;
box-shadow: var(--cv-sh-sm);
overflow: hidden;
}
#cv-root .cv-toc-h {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 16px;
border-bottom: 1px solid var(--cv-line);
}
#cv-root .cv-toc-h b {
font-size: 13px;
font-weight: 800;
}
#cv-root .cv-toc-h button {
border: 0;
background: none;
font: 700 11px var(--cv-sans);
color: var(--cv-blue);
cursor: pointer;
}
#cv-root .cv-toc-i {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 14px;
border-bottom: 1px solid var(--cv-line);
position: relative;
text-decoration: none;
}
#cv-root .cv-toc-i:last-child {
border-bottom: 0;
}
#cv-root .cv-toc-i:hover {
background: var(--cv-ground);
}
#cv-root .cv-toc-i.on {
background: rgba(0, 117, 237, 0.09);
}
#cv-root .cv-toc-i.on::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: var(--cv-accent);
}
#cv-root .cv-toc-dot {
width: 18px;
height: 18px;
flex: 0 0 18px;
border-radius: 50%;
display: grid;
place-items: center;
}
#cv-root .cv-toc-dot svg {
width: 12px;
height: 12px;
stroke: #fff;
fill: none;
stroke-width: 3;
display: none;
}
#cv-root .cv-toc-dot.done {
background: var(--cv-green);
}
#cv-root .cv-toc-dot.done svg {
display: block;
}
#cv-root .cv-toc-dot.prog {
background: var(--cv-accent);
}
#cv-root .cv-toc-dot.todo {
background: var(--cv-surface);
border: 2px solid var(--cv-line);
}
#cv-root .cv-toc-n {
flex: 1;
min-width: 0;
font-size: 12px;
font-weight: 700;
color: var(--cv-ink);
line-height: 1.3;
}
#cv-root .cv-toc-c {
font: 700 10px/1 var(--cv-mono);
color: var(--cv-faint);
}
#cv-root .cv-secs {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
#cv-root .cv-sec {
background: var(--cv-surface);
border: 1px solid var(--cv-line);
border-radius: 16px;
box-shadow: var(--cv-sh-sm);
overflow: hidden;
}
#cv-root .cv-sec-h {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
border: 0;
background: none;
padding: 16px 18px;
cursor: pointer;
text-align: left;
font-family: var(--cv-sans);
}
#cv-root .cv-sec-tog svg {
width: 18px;
height: 18px;
stroke: var(--cv-faint);
fill: none;
stroke-width: 2.4;
transition: transform 0.2s ease;
}
#cv-root .cv-sec:not(.open) .cv-sec-tog svg {
transform: rotate(-90deg);
}
#cv-root .cv-sec-t {
font-size: 15px;
font-weight: 800;
color: var(--cv-ink);
flex: 1;
min-width: 0;
}
#cv-root .cv-sec-prog {
display: flex;
align-items: center;
gap: 9px;
}
#cv-root .cv-mini {
width: 80px;
height: 7px;
background: #EDF1F6;
border-radius: 6px;
overflow: hidden;
}
#cv-root .cv-mini i {
display: block;
height: 100%;
background: var(--cv-gaccent);
}
#cv-root .cv-sec-cnt {
font: 700 12px var(--cv-mono);
color: var(--cv-muted);
min-width: 32px;
text-align: right;
}
#cv-root .cv-sec-body {
border-top: 1px solid var(--cv-line);
}
#cv-root .cv-sec:not(.open) .cv-sec-body {
display: none;
}
#cv-root .cv-act-row {
display: block;
border-bottom: 1px solid var(--cv-line);
}
#cv-root .cv-act-row:last-child {
border-bottom: 0;
}
#cv-root .cv-act-row:hover {
background: var(--cv-ground);
}
#cv-root .cv-act-head {
display: flex;
align-items: stretch;
}
#cv-root .cv-act {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 13px;
padding: 13px 18px;
text-decoration: none;
}
#cv-root .cv-act.nolink {
pointer-events: none;
}
#cv-root .cv-sec-summary {
padding: 12px 18px;
border-bottom: 1px solid var(--cv-line);
font-size: 13px;
line-height: 1.55;
color: var(--cv-muted);
}
#cv-root .cv-sec-summary :last-child {
margin-bottom: 0;
}
#cv-root .cv-sec-restrict {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
border-bottom: 1px solid var(--cv-line);
font: 600 12px var(--cv-sans);
color: #B23A25;
background: rgba(224, 86, 62, 0.05);
}
#cv-root .cv-sec-restrict svg {
width: 15px;
height: 15px;
flex: none;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#cv-root .cv-sec-label {
margin: 10px 14px;
padding: 14px 16px 14px 18px;
background: var(--cv-ground);
border: 1px solid var(--cv-line);
border-left: 3px solid var(--cv-accent);
border-radius: 12px;
color: var(--cv-ink);
font-size: 13.5px;
line-height: 1.6;
overflow-wrap: anywhere;
}
#cv-root .cv-sec-label > :first-child {
margin-top: 0;
}
#cv-root .cv-sec-label > :last-child {
margin-bottom: 0;
}
#cv-root .cv-sec-label p {
margin: 0 0 8px;
}
#cv-root .cv-sec-label strong, #cv-root .cv-sec-label b {
color: var(--cv-onsurface);
}
#cv-root .cv-sec-label .no-overflow {
overflow: visible;
}
#cv-root .cv-sec-label img {
max-width: 100%;
height: auto;
}
#cv-root .cv-sec-label a {
color: var(--cv-blue);
}
#cv-root .cv-sec-label table {
max-width: 100%;
}
#cv-root .cv-act-dates {
display: flex;
flex-wrap: wrap;
gap: 3px 14px;
margin-top: 6px;
}
#cv-root .cv-date {
font: 600 11px var(--cv-sans);
color: var(--cv-muted);
}
#cv-root .cv-date b {
color: var(--cv-ink);
font-weight: 800;
}
#cv-root .cv-act-desc {
display: block;
padding: 0 18px 13px 69px;
margin-top: -4px;
font-size: 12.5px;
line-height: 1.5;
color: var(--cv-muted);
overflow-wrap: break-word;
overflow-x: auto;
}
#cv-root .cv-act-desc > :first-child {
margin-top: 0;
}
#cv-root .cv-act-desc :last-child {
margin-bottom: 0;
}
#cv-root .cv-act-desc .no-overflow {
overflow: visible;
}
#cv-root .cv-act-desc table, #cv-root .cv-sec-label table {
width: auto !important;
max-width: 100% !important;
table-layout: auto;
border-collapse: collapse;
height: auto !important;
}
#cv-root .cv-act-desc td, #cv-root .cv-act-desc th, #cv-root .cv-sec-label td, #cv-root .cv-sec-label th {
width: auto !important;
height: auto !important;
}
#cv-root .cv-act-desc img, #cv-root .cv-sec-label img {
max-width: 100% !important;
height: auto;
}
#cv-root .cv-act-unread {
display: inline-block;
vertical-align: middle;
background: #0075ED;
color: #000000;
font: 800 9px var(--cv-mono);
letter-spacing: 0.04em;
padding: 2px 7px;
border-radius: 999px;
margin-left: 6px;
}
#cv-root .cv-act-head > .cv-comp, #cv-root .cv-act-head > .cv-comp-form {
flex: 0 0 auto;
align-self: center;
margin: 0 16px 0 2px;
}
#cv-root .cv-comp-form {
display: flex;
align-items: center;
}
#cv-root .cv-comp-btn {
border: 2px solid var(--cv-line);
background: var(--cv-surface);
padding: 0;
cursor: pointer;
color: #C0CBD4;
}
#cv-root .cv-comp-btn.todo:hover {
border-color: var(--cv-accent);
color: var(--cv-accent);
}
#cv-root .cv-comp-btn.done {
background: var(--cv-green);
border-color: var(--cv-green);
color: #fff;
}
#cv-root .cv-ic {
width: 38px;
height: 38px;
flex: 0 0 38px;
border-radius: 11px;
display: grid;
place-items: center;
background: var(--cv-ground);
color: var(--cv-muted);
}
#cv-root .cv-ic svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#cv-root .cv-ic.t-quiz {
background: rgba(0, 117, 237, 0.14);
color: #063A70;
}
#cv-root .cv-ic.t-video {
background: rgba(139, 92, 246, 0.13);
color: var(--cv-violet);
}
#cv-root .cv-ic.t-lesson, #cv-root .cv-ic.t-page {
background: rgba(64, 108, 210, 0.12);
color: var(--cv-blue);
}
#cv-root .cv-ic.t-live {
background: rgba(229, 85, 110, 0.12);
color: var(--cv-rose);
}
#cv-root .cv-ic.t-assign {
background: rgba(31, 163, 122, 0.13);
color: var(--cv-green);
}
#cv-root .cv-ic.t-scheduler {
background: rgba(64, 108, 210, 0.12);
color: var(--cv-blue);
}
#cv-root .cv-ic.t-forum {
background: rgba(229, 85, 110, 0.1);
color: var(--cv-rose);
}
#cv-root .cv-act-main {
flex: 1;
min-width: 0;
}
#cv-root .cv-act-n {
display: block;
font-size: 14px;
font-weight: 700;
color: var(--cv-ink);
line-height: 1.3;
}
#cv-root .cv-act-m {
display: block;
font: 600 11px/1 var(--cv-mono);
color: var(--cv-faint);
text-transform: uppercase;
letter-spacing: 0.04em;
margin-top: 5px;
}
#cv-root .cv-comp {
width: 26px;
height: 26px;
flex: 0 0 26px;
display: grid;
place-items: center;
border-radius: 50%;
}
#cv-root .cv-comp svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
#cv-root .cv-comp.done {
color: var(--cv-green);
}
#cv-root .cv-comp.done svg {
stroke-width: 2.6;
}
#cv-root .cv-comp.todo {
color: #CFD8E0;
}
#cv-root .cv-comp-auto {
cursor: default;
}
#cv-root .cv-comp-auto.done {
background: rgba(31, 163, 122, 0.12);
}
#cv-root .cv-comp-auto.todo {
width: 22px;
height: 22px;
flex: 0 0 22px;
border: 2px dashed #D3DCE4;
background: transparent;
}
#cv-root .cv-comp-auto.todo::after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #C6D0D9;
}
#cv-root .cv-cta {
display: inline-flex;
align-items: center;
gap: 6px;
font: 800 11.5px var(--cv-sans);
color: var(--cv-onsurface);
white-space: nowrap;
}
#cv-root .cv-cta svg {
width: 13px;
height: 13px;
stroke: currentColor;
fill: none;
stroke-width: 2.3;
}
#cv-root .cv-rail {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 80px;
}
#cv-root .cv-rc {
background: var(--cv-surface);
border: 1px solid var(--cv-line);
border-radius: 16px;
box-shadow: var(--cv-sh-sm);
padding: 16px 17px;
}
#cv-root .cv-rc h4 {
font-size: 13px;
font-weight: 800;
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 13px;
}
#cv-root .cv-rc h4 .cv-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--cv-accent);
}
#cv-root .cv-upnext {
background: var(--cv-navy);
color: #fff;
border: 0;
}
#cv-root .cv-upnext h4 {
color: #fff;
}
#cv-root .cv-un-n {
font-size: 15px;
font-weight: 800;
margin-bottom: 4px;
}
#cv-root .cv-un-m {
font: 600 11px/1 var(--cv-mono);
color: #9fc0d8;
text-transform: uppercase;
letter-spacing: 0.06em;
}
#cv-root .cv-upnext .cv-resume {
margin-top: 14px;
width: 100%;
justify-content: center;
}
#cv-root .cv-mentor {
display: flex;
align-items: center;
gap: 12px;
}
#cv-root .cv-mav {
width: 44px;
height: 44px;
border-radius: 12px;
background: var(--cv-gnavy);
color: #fff;
display: grid;
place-items: center;
font: 800 14px/1 var(--cv-mono);
}
#cv-root .cv-mn {
font-size: 14px;
font-weight: 800;
}
#cv-root .cv-mr {
font: 600 10px/1 var(--cv-mono);
color: var(--cv-faint);
text-transform: uppercase;
letter-spacing: 0.06em;
margin-top: 3px;
}
#cv-root .cv-btn-ghost {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin-top: 13px;
background: var(--cv-ground);
border: 1px solid var(--cv-line);
border-radius: 11px;
padding: 10px;
font-weight: 800;
font-size: 12.5px;
color: var(--cv-onsurface);
text-decoration: none;
}
#cv-root .cv-btn-ghost svg {
width: 15px;
height: 15px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#cv-root .cv-kd {
display: flex;
align-items: flex-start;
gap: 11px;
padding: 9px 0;
border-bottom: 1px solid var(--cv-line);
}
#cv-root .cv-kd:last-child {
border-bottom: 0;
}
#cv-root .cv-kd > div:last-child {
min-width: 0;
flex: 1;
padding-right: 2px;
}
#cv-root .cv-kdate {
flex: 0 0 44px;
text-align: center;
background: var(--cv-ground);
border-radius: 9px;
padding: 5px 0;
}
#cv-root .cv-kdate-d {
font: 800 15px/1 var(--cv-mono);
color: var(--cv-ink);
}
#cv-root .cv-kdate-m {
font: 700 8px/1 var(--cv-mono);
color: var(--cv-rose);
text-transform: uppercase;
margin-top: 2px;
}
#cv-root .cv-kdn {
font-size: 12.5px;
font-weight: 700;
line-height: 1.35;
overflow-wrap: anywhere;
}
#cv-root .cv-kdm {
font: 600 10px/1 var(--cv-mono);
color: var(--cv-faint);
margin-top: 4px;
line-height: 1.4;
overflow-wrap: anywhere;
}
#cv-root .cv-ann {
display: block;
padding: 10px 0;
border-bottom: 1px solid var(--cv-line);
text-decoration: none;
}
#cv-root .cv-ann:last-child {
border-bottom: 0;
}
#cv-root .cv-at {
font-size: 12.5px;
font-weight: 700;
line-height: 1.35;
color: var(--cv-ink);
}
#cv-root .cv-ad {
font: 600 10px/1 var(--cv-mono);
color: var(--cv-faint);
margin-top: 5px;
}
#cv-root .cv-pb {
display: flex;
align-items: center;
gap: 9px;
font-size: 12px;
margin-bottom: 9px;
}
#cv-root .cv-pb:last-child {
margin-bottom: 0;
}
#cv-root .cv-pbn {
flex: 1;
color: var(--cv-muted);
font-weight: 600;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#cv-root .cv-pbar {
width: 64px;
height: 6px;
background: #EDF1F6;
border-radius: 5px;
overflow: hidden;
flex: 0 0 64px;
}
#cv-root .cv-pbar i {
display: block;
height: 100%;
background: var(--cv-gaccent);
}
#cv-root .cv-pbv {
font: 700 10px/1 var(--cv-mono);
color: var(--cv-muted);
width: 30px;
text-align: right;
}
#cv-root .cv-empty {
background: var(--cv-surface);
border: 1px solid var(--cv-line);
border-radius: 16px;
padding: 40px;
text-align: center;
color: var(--cv-muted);
margin-top: 18px;
}
#cv-root .cv-region-main {
display: none;
}
#cv-root .cv-backdrop {
display: none;
}
#cv-root .cv-help {
position: fixed;
left: 22px;
bottom: 22px;
z-index: 1050;
}
#cv-root .cv-help-fab {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--cv-gaccent);
color: var(--cv-on-accent);
font-weight: 800;
font-size: 13.5px;
border: 0;
border-radius: 30px;
padding: 13px 19px;
cursor: pointer;
box-shadow: 0 12px 30px rgba(0, 117, 237, 0.42);
}
#cv-root .cv-help-fab svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#cv-root .cv-help-panel {
position: absolute;
left: 0;
bottom: 62px;
width: 320px;
background: var(--cv-surface);
border: 1px solid var(--cv-line);
border-radius: 16px;
box-shadow: var(--cv-sh-lg);
overflow: hidden;
}
#cv-root .cv-help-head {
display: flex;
align-items: center;
gap: 11px;
padding: 14px 16px;
border-bottom: 1px solid var(--cv-line);
}
#cv-root .cv-help-ic {
width: 34px;
height: 34px;
border-radius: 10px;
background: rgba(0, 117, 237, 0.16);
color: #063A70;
display: grid;
place-items: center;
}
#cv-root .cv-help-ic svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#cv-root .cv-help-t b {
display: block;
font-size: 13.5px;
font-weight: 800;
}
#cv-root .cv-help-t small {
color: var(--cv-faint);
font-size: 11px;
}
#cv-root .cv-help-close {
margin-left: auto;
border: 0;
background: none;
font-size: 22px;
line-height: 1;
color: var(--cv-faint);
cursor: pointer;
}
#cv-root .cv-help-panel .sd-support {
padding: 6px 16px 14px;
}
#cv-root .cv-help-panel .sd-support .support-block-button {
display: flex;
flex-direction: column;
}
#cv-root .cv-help-panel .sd-support .btn {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
text-align: left;
padding: 13px 0;
margin: 0;
border: 0;
border-bottom: 1px solid var(--cv-line);
border-radius: 0;
background: none;
box-shadow: none;
color: var(--cv-ink);
font: 600 13px/1.3 var(--cv-sans);
cursor: pointer;
}
#cv-root .cv-help-panel .sd-support .btn::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--cv-accent);
}
#cv-root .cv-help-panel .sd-support .btn:last-child {
border-bottom: 0;
}
#cv-root .cv-help-panel .sd-support .btn:hover {
color: var(--cv-blue);
}
#cv-root .cv-askjo-panel {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 1060;
width: 380px;
max-width: calc(100vw - 32px);
background: var(--cv-surface);
border: 1px solid var(--cv-line);
border-radius: 16px;
box-shadow: var(--cv-sh-lg);
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 72vh;
}
#cv-root .cv-askjo-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 16px;
background: var(--cv-gnavy);
color: #fff;
font-weight: 800;
}
#cv-root .cv-askjo-close {
border: 0;
background: none;
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
#cv-root .cv-askjo-body {
flex: 1;
overflow-y: auto;
padding: 12px 14px;
min-height: 220px;
}
#cv-root .cv-askjo-control {
border-top: 1px solid var(--cv-line);
padding: 10px 12px;
}
@media (max-width: 1240px) {
#cv-root .cv-body {
grid-template-columns: 200px minmax(0, 1fr);
}
#cv-root .cv-rail {
grid-column: 1 / -1;
position: static;
flex-direction: row;
flex-wrap: wrap;
}
#cv-root .cv-rail .cv-rc {
flex: 1 1 280px;
}
}
@media (max-width: 920px) {
#cv-root.cv-app {
grid-template-columns: 1fr;
}
#cv-root .cv-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 248px;
z-index: 1080;
transform: translateX(-100%);
transition: transform 0.25s ease;
}
#cv-root.cv-nav-open .cv-side {
transform: translateX(0);
}
#cv-root.cv-nav-open .cv-backdrop {
display: block;
position: fixed;
inset: 0;
background: rgba(11, 32, 52, 0.45);
z-index: 1070;
}
#cv-root .cv-burger {
display: block;
}
#cv-root .cv-body {
grid-template-columns: 1fr;
}
#cv-root .cv-toc {
position: static;
}
#cv-root .cv-hero {
flex-direction: column;
align-items: flex-start;
}
#cv-root .cv-hero-r {
margin-left: 0;
flex-direction: row;
align-items: center;
}
}
@media (max-width: 560px) {
#cv-root .cv-search-wrap {
display: none;
}
#cv-root .cv-askjo span {
display: none;
}
#cv-root .cv-content {
padding: 16px 14px 80px;
}
}
#cv-root .cv-side {
padding: 22px 16px;
gap: 3px;
}
#cv-root .cv-brand {
display: flex;
align-items: center;
padding: 6px 8px 22px;
}
#cv-root .cv-brand img {
max-height: 38px;
max-width: none;
width: auto;
height: auto;
}
#cv-root .cv-navlbl {
font: 600 11px/1 var(--cv-sans);
letter-spacing: 0.12em;
padding: 18px 12px 8px;
}
#cv-root .cv-nav {
display: flex;
flex-direction: column;
gap: 3px;
}
#cv-root .cv-nav a {
position: relative;
padding: 10px 12px;
font-family: var(--cv-sans);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
#cv-root .cv-nav a svg {
flex: 0 0 18px;
}
#cv-root .cv-nav a.on {
font-weight: 700;
}
#cv-root .cv-nav a.on::before {
content: "";
position: absolute;
left: -16px;
top: 8px;
bottom: 8px;
width: 4px;
border-radius: 0 4px 4px 0;
background: var(--cv-accent);
}
#cv-root .cv-topbar {
padding: 14px 0;
}
#cv-root .cv-topbar-inner {
min-height: 44px;
max-width: 1320px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#cv-root .cv-search {
padding: 10px 14px;
}
#cv-root .cv-search input {
padding: 0;
height: auto;
min-height: 0;
border-radius: 0;
box-shadow: none;
line-height: 1.5;
}
#cv-root .cv-content {
max-width: 1320px;
}
@media (min-width: 1081px) {
#cv-root .cv-topbar-inner {
padding-left: 30px;
padding-right: 30px;
}
#cv-root .cv-content {
padding-left: 30px;
padding-right: 30px;
}
}
/* ==========================================================================
Dark mode
========================================================================== */
body.sd-dark #cv-root, body.theme-dark #cv-root {
--cv-ground: #0A1722;
--cv-surface: #0F2230;
--cv-ink: #EAF2F9;
--cv-muted: #9DB2C3;
--cv-faint: #6F8597;
--cv-line: #1E3445;
--cv-navy: #0A264B;
--cv-onsurface: var(--cv-ink);
--cv-gnavy: linear-gradient(135deg, #0F3362, #0A1E39);
}
body.sd-dark #cv-root .cv-topbar, body.theme-dark #cv-root .cv-topbar {
background: rgba(10, 23, 34, 0.92);
}
body.sd-dark #cv-root .cv-mini, body.sd-dark #cv-root .cv-pbar, body.theme-dark #cv-root .cv-mini, body.theme-dark #cv-root .cv-pbar {
background: #1A2D3C;
}
body.sd-dark #cv-root .cv-search, body.theme-dark #cv-root .cv-search {
border-color: #294056;
}
body.sd-dark #cv-root .cv-toc-dot.todo, body.theme-dark #cv-root .cv-toc-dot.todo {
background: var(--cv-surface);
border-color: #2A4255;
}
body.sd-dark #cv-root .cv-ic, body.theme-dark #cv-root .cv-ic {
background: #14293A;
}
body.sd-dark #cv-root .cv-kdate, body.theme-dark #cv-root .cv-kdate {
background: #14293A;
}
body.sd-dark #cv-root .cv-btn-ghost, body.theme-dark #cv-root .cv-btn-ghost {
background: #14293A;
}
body.sd-dark #cv-root .cv-tabs a.on, body.theme-dark #cv-root .cv-tabs a.on {
color: var(--cv-ink);
}
/* A named block rendered as a rail card. The block supplies only its inner
content here -- the card, heading and dot come from this design -- so the
job is to stop the block's own chrome fighting it and to keep a wide table
from forcing the rail wider. */
.cv-blockcard .cv-blockbody {
min-width: 0;
overflow-x: auto;
/* Blocks often ship their own card/panel wrapper. Inside a card it is
one border too many. */
}
.cv-blockcard .cv-blockbody > .card, .cv-blockcard .cv-blockbody > .block, .cv-blockcard .cv-blockbody > .box {
background: none;
border: 0;
box-shadow: none;
padding: 0;
margin: 0;
}
.cv-blockcard .cv-blockbody table {
width: 100%;
font-size: 0.82rem;
}
/* ==========================================================================
theme_baz — bespoke per-course grade report (gradebook table, student-only)
Scoped to #sgr-root. Navy / gold, matching the other bespoke pages.
Light + dark. scssphp-safe: block comments only.
========================================================================== */
#sgr-root {
--sgr-navy: #022758;
/* Label on an accent surface. Derived from the accent's contrast in
theme_baz_brand_palette(), so a dark accent gets white and a light
one keeps the navy. */
--sgr-on-accent: #FFFFFF;
--sgr-ground: #F4F7FB;
--sgr-surface: #fff;
--sgr-ink: #0B2034;
--sgr-muted: #5C7184;
--sgr-faint: #90A4B5;
--sgr-line: #E5ECF3;
--sgr-accent: #0075ED;
--sgr-green: #1FA37A;
--sgr-blue: #2563EB;
--sgr-gnavy: linear-gradient(135deg, #04387E, #021F46);
--sgr-gaccent: linear-gradient(135deg, #0882FF, #0C63BC);
--sgr-sans: "Manrope", "Inter", system-ui, sans-serif;
--sgr-mono: "JetBrains Mono", ui-monospace, monospace;
--sgr-sh-sm: 0 1px 2px rgba(11, 32, 52, .06), 0 1px 3px rgba(11, 32, 52, .04);
--sgr-sh: 0 4px 14px rgba(11, 32, 52, .07);
--sgr-sh-lg: 0 18px 50px rgba(11, 32, 52, .12);
font-family: var(--sgr-sans);
color: var(--sgr-ink);
background: var(--sgr-ground);
min-height: 100vh;
/* ---- shell ---- */
/* ---- topbar ---- */
/* ---- content ---- */
/* Grade on its own line, % pill on the next — right-aligned, clean stack. */
/* Specificity must beat `.sgr-total > span` (which sets the label colour). */
/* ---- gradebook table ---- */
/* No overflow:hidden here — it would break the sticky header on page scroll.
Corners are rounded on the header/footer cells instead. */
/* Sticky header: stays put just below the sticky topbar while the body scrolls. */
/* Grade-category subtotal, e.g. "Continuous Assessment total 29/30" — the group's own
aggregate, so it closes the group rather than sitting among its assessments. Needs the full
".sgr-table tbody" prefix to outweigh the generic cell padding above. */
/* Deep-linked assessment name. */
/* Actions column + 3-dots grade-analysis menu. */
/* Feedback sub-row. */
/* Report toggle (User report <-> Overview report). */
/* Classic report rendered into region-main for header/footer wiring; hidden. */
/* ---- floating help (gold FAB, bottom-left to mirror the course page) ---- */
/* Support block buttons (LSM / ticket / SOP) as clean rows — match the
dashboard's help panel, since the markup reuses .sd-support. */
/* ---- Ask JO panel ---- */
}
#sgr-root *, #sgr-root *::before, #sgr-root *::after {
box-sizing: border-box;
}
#sgr-root svg {
display: block;
}
#sgr-root .muted {
color: var(--sgr-faint) !important;
}
#sgr-root.sgr-app {
display: grid;
grid-template-columns: 248px 1fr;
}
#sgr-root .sgr-side {
background: linear-gradient(180deg, var(--sgr-navy), #032148);
color: #cfe0ec;
padding: 20px 16px;
display: flex;
flex-direction: column;
gap: 3px;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
}
#sgr-root .sgr-brand {
display: block;
padding: 4px 8px 18px;
}
#sgr-root .sgr-brand img {
max-height: 38px;
width: auto;
}
#sgr-root .sgr-brand-txt {
color: #fff;
font-weight: 800;
font-size: 18px;
}
#sgr-root .sgr-nav a {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 11px;
color: #aec4d4;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
#sgr-root .sgr-nav a svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#sgr-root .sgr-nav a:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
#sgr-root .sgr-nav a.on {
background: rgba(0, 117, 237, 0.2);
color: var(--sgr-accent);
font-weight: 700;
}
#sgr-root .sgr-nav a.on svg {
stroke: var(--sgr-accent);
}
#sgr-root .sgr-navlbl {
font: 600 11px/1 var(--sgr-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5d7e95;
padding: 16px 12px 8px;
}
#sgr-root .sgr-main-col {
min-width: 0;
display: flex;
flex-direction: column;
}
#sgr-root .sgr-topbar {
position: sticky;
top: 0;
z-index: 30;
background: rgba(244, 247, 251, 0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--sgr-line);
}
#sgr-root .sgr-topbar-inner {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 28px;
}
#sgr-root .sgr-tb-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
#sgr-root .sgr-burger {
display: none;
border: 0;
background: none;
padding: 0;
cursor: pointer;
}
#sgr-root .sgr-burger svg {
width: 24px;
height: 24px;
stroke: var(--sgr-ink);
fill: none;
stroke-width: 1.9;
}
#sgr-root .sgr-crumb {
font-weight: 600;
color: var(--sgr-muted);
font-size: 13.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sgr-root .sgr-crumb a {
color: var(--sgr-muted);
text-decoration: none;
}
#sgr-root .sgr-crumb .sep {
margin: 0 7px;
color: var(--sgr-faint);
}
#sgr-root .sgr-crumb .cur {
color: var(--sgr-ink);
font-weight: 700;
}
#sgr-root .sgr-search-wrap {
flex: 1;
display: flex;
justify-content: center;
}
#sgr-root .sgr-search {
display: flex;
align-items: center;
gap: 9px;
width: 100%;
max-width: 460px;
background: var(--sgr-surface);
border: 1px solid #CBD8E6;
border-radius: 12px;
padding: 9px 14px;
box-shadow: var(--sgr-sh-sm);
}
#sgr-root .sgr-search svg {
width: 17px;
height: 17px;
stroke: var(--sgr-faint);
fill: none;
stroke-width: 2;
flex: 0 0 auto;
}
#sgr-root .sgr-search input {
border: 0;
background: none;
outline: none;
width: 100%;
font: 600 13px var(--sgr-sans);
color: var(--sgr-ink);
}
#sgr-root .sgr-top-actions {
display: flex;
align-items: center;
gap: 10px;
}
#sgr-root .sgr-askjo {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sgr-gnavy);
color: #fff;
font-weight: 700;
font-size: 13.5px;
padding: 9px 15px;
border: 0;
border-radius: 12px;
cursor: pointer;
}
#sgr-root .sgr-askjo svg {
width: 16px;
height: 16px;
}
#sgr-root .sgr-askjo[disabled] {
opacity: 0.5;
cursor: default;
}
#sgr-root .sgr-iconbtn {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
display: grid;
place-items: center;
color: var(--sgr-muted);
box-shadow: var(--sgr-sh-sm);
cursor: pointer;
}
#sgr-root .sgr-iconbtn svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#sgr-root .sgr-navbar-plugin {
display: flex;
align-items: center;
gap: 10px;
}
#sgr-root .sgr-navbar-plugin .popover-region-toggle, #sgr-root .sgr-navbar-plugin .nav-link {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
display: grid;
place-items: center;
color: var(--sgr-muted);
box-shadow: var(--sgr-sh-sm);
position: relative;
}
#sgr-root .sgr-navbar-plugin .count-container {
top: 4px;
right: 4px;
}
#sgr-root .sgr-usermenu .dropdown-toggle {
text-decoration: none;
}
#sgr-root .sgr-content {
padding: 22px 28px 70px;
max-width: 1180px;
width: 100%;
}
#sgr-root .sgr-hero {
background: var(--sgr-gnavy);
color: #fff;
border-radius: 22px;
padding: 24px 28px;
box-shadow: var(--sgr-sh);
display: flex;
gap: 24px;
align-items: center;
justify-content: space-between;
}
#sgr-root .sgr-hero-l {
min-width: 0;
}
#sgr-root .sgr-eyebrow {
font: 700 11px/1 var(--sgr-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--sgr-accent);
}
#sgr-root .sgr-hero h1 {
font-size: 27px;
font-weight: 800;
letter-spacing: -0.02em;
margin: 8px 0 0;
color: #fff;
}
#sgr-root .sgr-herostats {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 13px;
}
#sgr-root .sgr-hchip {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 20px;
padding: 6px 13px;
font-size: 12px;
font-weight: 600;
color: #dcebff;
}
#sgr-root .sgr-total {
text-align: right;
flex: 0 0 auto;
}
#sgr-root .sgr-total > span {
display: block;
font: 600 11px var(--sgr-mono);
color: #9fc0d8;
text-transform: uppercase;
letter-spacing: 0.08em;
}
#sgr-root .sgr-total b {
font: 800 36px/1 var(--sgr-mono);
color: #fff;
display: flex;
justify-content: flex-end;
align-items: baseline;
margin-top: 4px;
}
#sgr-root .sgr-total small {
font-size: 16px;
color: #9fc0d8;
margin-left: 2px;
}
#sgr-root .sgr-total .sgr-totpct {
display: inline-block;
margin-top: 12px;
background: var(--sgr-accent);
color: #000000;
font: 800 15px/1 var(--sgr-mono);
letter-spacing: 0;
text-transform: none;
padding: 7px 13px;
border-radius: 9px;
box-shadow: 0 4px 12px rgba(0, 117, 237, 0.35);
}
#sgr-root .sgr-tabs {
display: flex;
gap: 4px;
margin: 18px 0 0;
border-bottom: 1px solid var(--sgr-line);
}
#sgr-root .sgr-tabs a {
padding: 12px 16px;
font-weight: 700;
font-size: 13.5px;
color: var(--sgr-muted);
border-bottom: 2px solid transparent;
margin-bottom: -1px;
text-decoration: none;
}
#sgr-root .sgr-tabs a:hover {
color: var(--sgr-ink);
}
#sgr-root .sgr-tabs a.on {
color: var(--sgr-navy);
border-bottom-color: var(--sgr-accent);
}
#sgr-root .sgr-wrap {
margin-top: 18px;
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
border-radius: 16px;
box-shadow: var(--sgr-sh-sm);
}
#sgr-root .sgr-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 13.5px;
}
#sgr-root .sgr-table th, #sgr-root .sgr-table td {
text-align: left;
}
#sgr-root .sgr-table .num {
text-align: right;
}
#sgr-root .sgr-table thead th {
position: sticky;
top: 64px;
z-index: 6;
background: var(--sgr-navy);
color: #cfe0ec;
font: 700 10.5px var(--sgr-mono);
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 12px 16px;
}
#sgr-root .sgr-table thead th:first-child {
border-top-left-radius: 15px;
}
#sgr-root .sgr-table thead th:last-child {
border-top-right-radius: 15px;
}
#sgr-root .sgr-table tfoot td:first-child {
border-bottom-left-radius: 15px;
}
#sgr-root .sgr-table tfoot td:last-child {
border-bottom-right-radius: 15px;
}
#sgr-root .sgr-cat td {
background: #F8FAFD;
padding: 10px 16px;
border-top: 1px solid var(--sgr-line);
}
#sgr-root .sgr-cat span {
font-weight: 800;
font-size: 13px;
}
#sgr-root .sgr-cat em {
font: 700 11px var(--sgr-mono);
color: var(--sgr-muted);
margin-left: 10px;
font-style: normal;
}
#sgr-root .sgr-table tbody td {
padding: 12px 16px;
border-top: 1px solid var(--sgr-line);
vertical-align: middle;
}
#sgr-root .sgr-table tbody .sgr-sub td {
background: #F3F7FC;
border-top: 1px solid var(--sgr-navy);
}
#sgr-root .sgr-table tbody .sgr-sub td.sgr-item {
font-weight: 800;
padding-left: 56px;
}
#sgr-root .sgr-item {
display: flex;
align-items: center;
gap: 10px;
font-weight: 700;
}
#sgr-root .sgr-ic {
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 8px;
display: grid;
place-items: center;
background: rgba(0, 117, 237, 0.14);
color: #063A70;
}
#sgr-root .sgr-ic.t-lesson {
background: rgba(37, 99, 235, 0.12);
color: var(--sgr-blue);
}
#sgr-root .sgr-ic.t-assign {
background: rgba(31, 163, 122, 0.13);
color: var(--sgr-green);
}
#sgr-root .sgr-ic.t-forum {
background: rgba(229, 85, 110, 0.1);
color: #E5556E;
}
#sgr-root .sgr-ic.t-manual, #sgr-root .sgr-ic.t-other {
background: var(--sgr-ground);
color: var(--sgr-muted);
}
#sgr-root .sgr-ic svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#sgr-root .sgr-type {
color: var(--sgr-muted);
font-weight: 600;
}
#sgr-root .sgr-table .num {
font: 600 13px var(--sgr-mono);
}
#sgr-root .sgr-grade b {
font-weight: 700;
color: var(--sgr-ink);
}
#sgr-root .sgr-grade span {
color: var(--sgr-faint);
}
#sgr-root .sgr-range {
color: var(--sgr-muted);
}
#sgr-root .sgr-pct {
white-space: nowrap;
}
#sgr-root .sgr-mini {
display: inline-block;
width: 54px;
height: 6px;
background: #EDF1F6;
border-radius: 5px;
overflow: hidden;
vertical-align: middle;
margin-right: 8px;
}
#sgr-root .sgr-mini i {
display: block;
height: 100%;
background: var(--sgr-gaccent);
}
#sgr-root .sgr-pct b {
font: 700 12px var(--sgr-mono);
}
#sgr-root .sgr-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #D6DEE7;
}
#sgr-root .sgr-status .sgr-tag {
font: 800 9.5px var(--sgr-mono);
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 4px 8px;
border-radius: 6px;
background: #EDF1F6;
color: var(--sgr-muted);
}
#sgr-root .sgr-status .sgr-tag.on {
background: rgba(31, 163, 122, 0.14);
color: var(--sgr-green);
}
#sgr-root tr.pending .sgr-grade b {
color: var(--sgr-faint);
}
#sgr-root .sgr-table tfoot td {
padding: 14px 16px;
border-top: 2px solid var(--sgr-navy);
background: #F8FAFD;
font-size: 14px;
}
#sgr-root .sgr-link {
color: var(--sgr-ink);
text-decoration: none;
}
#sgr-root .sgr-link:hover {
color: var(--sgr-blue);
text-decoration: underline;
}
#sgr-root .sgr-actcol {
width: 44px;
text-align: center;
}
#sgr-root .sgr-menu {
position: relative;
display: inline-block;
}
#sgr-root .sgr-dots {
width: 30px;
height: 30px;
border: 0;
background: none;
border-radius: 8px;
display: grid;
place-items: center;
cursor: pointer;
color: var(--sgr-faint);
}
#sgr-root .sgr-dots:hover {
background: var(--sgr-ground);
color: var(--sgr-ink);
}
#sgr-root .sgr-dots svg {
width: 18px;
height: 18px;
fill: currentColor;
stroke: none;
}
#sgr-root .sgr-menu-pop {
position: absolute;
right: 0;
top: 34px;
z-index: 20;
min-width: 178px;
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
border-radius: 11px;
box-shadow: var(--sgr-sh-lg);
padding: 6px;
}
#sgr-root .sgr-menu-pop a {
display: flex;
align-items: center;
gap: 9px;
padding: 9px 11px;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
color: var(--sgr-ink);
text-decoration: none;
white-space: nowrap;
}
#sgr-root .sgr-menu-pop a:hover {
background: var(--sgr-ground);
}
#sgr-root .sgr-menu-pop a svg {
width: 16px;
height: 16px;
stroke: var(--sgr-blue);
fill: none;
stroke-width: 1.9;
flex: 0 0 auto;
}
#sgr-root .sgr-fbrow td {
padding: 0 16px 14px 56px;
border-top: 0;
}
#sgr-root .sgr-fb {
background: rgba(0, 117, 237, 0.08);
border: 1px solid rgba(0, 117, 237, 0.25);
border-radius: 11px;
padding: 11px 14px;
}
#sgr-root .sgr-fb-lbl {
display: block;
font: 800 9.5px var(--sgr-mono);
text-transform: uppercase;
letter-spacing: 0.06em;
color: #063A70;
margin-bottom: 5px;
}
#sgr-root .sgr-fb-txt {
font-size: 13px;
color: var(--sgr-ink);
line-height: 1.5;
}
#sgr-root .sgr-fb-txt p {
margin: 0 0 6px;
}
#sgr-root .sgr-fb-txt p:last-child {
margin-bottom: 0;
}
#sgr-root .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#sgr-root .sgr-segment {
display: inline-flex;
gap: 4px;
margin: 16px 0 0;
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
border-radius: 12px;
padding: 4px;
box-shadow: var(--sgr-sh-sm);
}
#sgr-root .sgr-seg {
padding: 8px 16px;
border-radius: 9px;
font: 700 13px var(--sgr-sans);
color: var(--sgr-muted);
text-decoration: none;
white-space: nowrap;
}
#sgr-root .sgr-seg:hover {
color: var(--sgr-ink);
}
#sgr-root .sgr-seg.on {
background: var(--sgr-gnavy);
color: #fff;
}
#sgr-root .sgr-empty {
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
border-radius: 16px;
padding: 40px;
text-align: center;
color: var(--sgr-muted);
margin-top: 18px;
}
#sgr-root .sgr-region-main {
display: none;
}
#sgr-root .sgr-backdrop {
display: none;
}
#sgr-root .sgr-help {
position: fixed;
left: 22px;
bottom: 22px;
z-index: 1050;
}
#sgr-root .sgr-help-fab {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--sgr-gaccent);
color: var(--sgr-on-accent);
font-weight: 800;
font-size: 13.5px;
border: 0;
border-radius: 30px;
padding: 13px 19px;
cursor: pointer;
box-shadow: 0 12px 30px rgba(0, 117, 237, 0.42);
}
#sgr-root .sgr-help-fab svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#sgr-root .sgr-help-panel {
position: absolute;
left: 0;
bottom: 62px;
width: 320px;
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
border-radius: 16px;
box-shadow: var(--sgr-sh-lg);
overflow: hidden;
}
#sgr-root .sgr-help-head {
display: flex;
align-items: center;
gap: 11px;
padding: 14px 16px;
border-bottom: 1px solid var(--sgr-line);
}
#sgr-root .sgr-help-ic {
width: 34px;
height: 34px;
border-radius: 10px;
background: rgba(0, 117, 237, 0.16);
color: #063A70;
display: grid;
place-items: center;
}
#sgr-root .sgr-help-ic svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#sgr-root .sgr-help-t b {
display: block;
font-size: 13.5px;
font-weight: 800;
}
#sgr-root .sgr-help-t small {
color: var(--sgr-faint);
font-size: 11px;
}
#sgr-root .sgr-help-close {
margin-left: auto;
border: 0;
background: none;
font-size: 22px;
line-height: 1;
color: var(--sgr-faint);
cursor: pointer;
}
#sgr-root .sgr-help-panel .sd-support {
padding: 6px 16px 14px;
}
#sgr-root .sgr-help-panel .sd-support .support-block-button {
display: flex;
flex-direction: column;
}
#sgr-root .sgr-help-panel .sd-support .btn {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
text-align: left;
padding: 13px 0;
margin: 0;
border: 0;
border-bottom: 1px solid var(--sgr-line);
border-radius: 0;
background: none;
box-shadow: none;
color: var(--sgr-ink);
font: 600 13px/1.3 var(--sgr-sans);
cursor: pointer;
}
#sgr-root .sgr-help-panel .sd-support .btn::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sgr-accent);
}
#sgr-root .sgr-help-panel .sd-support .btn:last-child {
border-bottom: 0;
}
#sgr-root .sgr-help-panel .sd-support .btn:hover {
color: var(--sgr-blue);
}
#sgr-root .sgr-askjo-panel {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 1060;
width: 380px;
max-width: calc(100vw - 32px);
background: var(--sgr-surface);
border: 1px solid var(--sgr-line);
border-radius: 16px;
box-shadow: var(--sgr-sh-lg);
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 72vh;
}
#sgr-root .sgr-askjo-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 16px;
background: var(--sgr-gnavy);
color: #fff;
font-weight: 800;
}
#sgr-root .sgr-askjo-close {
border: 0;
background: none;
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
#sgr-root .sgr-askjo-body {
flex: 1;
overflow-y: auto;
padding: 12px 14px;
min-height: 220px;
}
#sgr-root .sgr-askjo-control {
border-top: 1px solid var(--sgr-line);
padding: 10px 12px;
}
@media (max-width: 920px) {
#sgr-root.sgr-app {
grid-template-columns: 1fr;
}
#sgr-root .sgr-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 248px;
z-index: 1080;
transform: translateX(-100%);
transition: transform 0.25s ease;
}
#sgr-root.sgr-nav-open .sgr-side {
transform: translateX(0);
}
#sgr-root.sgr-nav-open .sgr-backdrop {
display: block;
position: fixed;
inset: 0;
background: rgba(11, 32, 52, 0.45);
z-index: 1070;
}
#sgr-root .sgr-burger {
display: block;
}
#sgr-root .sgr-hero {
flex-direction: column;
align-items: flex-start;
}
#sgr-root .sgr-total {
text-align: left;
}
#sgr-root .sgr-wrap {
overflow-x: auto;
}
#sgr-root .sgr-table {
min-width: 720px;
}
}
@media (max-width: 560px) {
#sgr-root .sgr-search-wrap {
display: none;
}
#sgr-root .sgr-askjo span {
display: none;
}
#sgr-root .sgr-content {
padding: 16px 14px 80px;
}
}
#sgr-root .sgr-side {
padding: 22px 16px;
gap: 3px;
}
#sgr-root .sgr-brand {
display: flex;
align-items: center;
padding: 6px 8px 22px;
}
#sgr-root .sgr-brand img {
max-height: 38px;
max-width: none;
width: auto;
height: auto;
}
#sgr-root .sgr-navlbl {
font: 600 11px/1 var(--sgr-sans);
letter-spacing: 0.12em;
padding: 18px 12px 8px;
}
#sgr-root .sgr-nav {
display: flex;
flex-direction: column;
gap: 3px;
}
#sgr-root .sgr-nav a {
position: relative;
padding: 10px 12px;
font-family: var(--sgr-sans);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
#sgr-root .sgr-nav a svg {
flex: 0 0 18px;
}
#sgr-root .sgr-nav a.on {
font-weight: 700;
}
#sgr-root .sgr-nav a.on::before {
content: "";
position: absolute;
left: -16px;
top: 8px;
bottom: 8px;
width: 4px;
border-radius: 0 4px 4px 0;
background: var(--sgr-accent);
}
#sgr-root .sgr-topbar {
padding: 14px 0;
}
#sgr-root .sgr-topbar-inner {
min-height: 44px;
max-width: 1320px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#sgr-root .sgr-search {
padding: 10px 14px;
}
#sgr-root .sgr-search input {
padding: 0;
height: auto;
min-height: 0;
border-radius: 0;
box-shadow: none;
line-height: 1.5;
}
#sgr-root .sgr-content {
max-width: 1320px;
}
@media (min-width: 1081px) {
#sgr-root .sgr-topbar-inner {
padding-left: 30px;
padding-right: 30px;
}
#sgr-root .sgr-content {
padding-left: 30px;
padding-right: 30px;
}
}
/* ==========================================================================
Dark mode
========================================================================== */
body.sd-dark #sgr-root, body.theme-dark #sgr-root {
--sgr-ground: #0A1722;
--sgr-surface: #0F2230;
--sgr-ink: #EAF2F9;
--sgr-muted: #9DB2C3;
--sgr-faint: #6F8597;
--sgr-line: #1E3445;
--sgr-navy: #0A264B;
--sgr-gnavy: linear-gradient(135deg, #0F3362, #0A1E39);
}
body.sd-dark #sgr-root .sgr-topbar, body.theme-dark #sgr-root .sgr-topbar {
background: rgba(10, 23, 34, 0.92);
}
body.sd-dark #sgr-root .sgr-mini, body.theme-dark #sgr-root .sgr-mini {
background: #1A2D3C;
}
body.sd-dark #sgr-root .sgr-search, body.theme-dark #sgr-root .sgr-search {
border-color: #294056;
}
body.sd-dark #sgr-root .sgr-cat td, body.sd-dark #sgr-root .sgr-table tfoot td, body.theme-dark #sgr-root .sgr-cat td, body.theme-dark #sgr-root .sgr-table tfoot td {
background: #14293A;
}
body.sd-dark #sgr-root .sgr-table tbody .sgr-sub td, body.theme-dark #sgr-root .sgr-table tbody .sgr-sub td {
background: #14293A;
}
body.sd-dark #sgr-root .sgr-ic.t-manual, body.sd-dark #sgr-root .sgr-ic.t-other, body.theme-dark #sgr-root .sgr-ic.t-manual, body.theme-dark #sgr-root .sgr-ic.t-other {
background: #14293A;
}
body.sd-dark #sgr-root .sgr-status .sgr-tag, body.theme-dark #sgr-root .sgr-status .sgr-tag {
background: #1A2D3C;
}
body.sd-dark #sgr-root .sgr-dot, body.theme-dark #sgr-root .sgr-dot {
background: #2A4255;
}
body.sd-dark #sgr-root .sgr-tabs a.on, body.theme-dark #sgr-root .sgr-tabs a.on {
color: var(--sgr-ink);
}
/* ==========================================================================
theme_baz — bespoke Student e-ID Card portal (student-only)
Scoped to #sid-root. Navy / gold, matching the other bespoke pages.
Light + dark. scssphp-safe: block comments only.
========================================================================== */
#sid-root {
--sid-navy: #022758;
/* Label on an accent surface. Derived from the accent's contrast in
theme_baz_brand_palette(), so a dark accent gets white and a light
one keeps the navy. */
--sid-on-accent: #FFFFFF;
--sid-ground: #F4F7FB;
--sid-surface: #fff;
--sid-ink: #0B2034;
--sid-muted: #5C7184;
--sid-faint: #90A4B5;
--sid-line: #E5ECF3;
--sid-accent: #0075ED;
--sid-green: #1FA37A;
--sid-rose: #E5556E;
--sid-blue: #2563EB;
--sid-gnavy: linear-gradient(135deg, #04387E, #021F46);
--sid-gaccent: linear-gradient(135deg, #0882FF, #0C63BC);
--sid-sans: "Manrope", "Inter", system-ui, sans-serif;
--sid-mono: "JetBrains Mono", ui-monospace, monospace;
--sid-sh-sm: 0 1px 2px rgba(11, 32, 52, .06), 0 1px 3px rgba(11, 32, 52, .04);
--sid-sh: 0 4px 14px rgba(11, 32, 52, .07);
--sid-sh-lg: 0 18px 50px rgba(11, 32, 52, .12);
font-family: var(--sid-sans);
color: var(--sid-ink);
background: var(--sid-ground);
min-height: 100vh;
/* ---- shell ---- */
/* ---- topbar (actions right-aligned, dark-aware) ---- */
/* ---- content ---- */
/* Reviewer comments keep the line breaks the verifier typed. */
/* ---- the e-ID card ---- */
/* ---- panels / details ---- */
/* ---- empty / state panels ---- */
/* ---- history ---- */
/* ---- rail: stepper + stats ---- */
/* ---- floating help (gold FAB, bottom-left) ---- */
/* ---- Ask JO panel ---- */
}
#sid-root *, #sid-root *::before, #sid-root *::after {
box-sizing: border-box;
}
#sid-root svg {
display: block;
}
#sid-root.sid-app {
display: grid;
grid-template-columns: 248px 1fr;
}
#sid-root .sid-side {
background: linear-gradient(180deg, var(--sid-navy), #032148);
color: #cfe0ec;
padding: 20px 16px;
display: flex;
flex-direction: column;
gap: 3px;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
}
#sid-root .sid-brand {
display: block;
padding: 4px 8px 18px;
}
#sid-root .sid-brand img {
max-height: 38px;
width: auto;
}
#sid-root .sid-brand-txt {
color: #fff;
font-weight: 800;
font-size: 18px;
}
#sid-root .sid-nav a {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 11px;
color: #aec4d4;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
#sid-root .sid-nav a svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#sid-root .sid-nav a:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
#sid-root .sid-nav a.on {
background: rgba(0, 117, 237, 0.2);
color: var(--sid-accent);
font-weight: 700;
}
#sid-root .sid-nav a.on svg {
stroke: var(--sid-accent);
}
#sid-root .sid-navlbl {
font: 600 11px/1 var(--sid-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5d7e95;
padding: 16px 12px 8px;
}
#sid-root .sid-main-col {
min-width: 0;
display: flex;
flex-direction: column;
}
#sid-root .sid-topbar {
position: sticky;
top: 0;
z-index: 30;
background: rgba(244, 247, 251, 0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--sid-line);
}
#sid-root .sid-topbar-inner {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 28px;
}
#sid-root .sid-tb-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
flex: 1;
}
#sid-root .sid-tb-right {
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
}
#sid-root .sid-burger {
display: none;
border: 0;
background: none;
padding: 0;
cursor: pointer;
}
#sid-root .sid-burger svg {
width: 24px;
height: 24px;
stroke: var(--sid-ink);
fill: none;
stroke-width: 1.9;
}
#sid-root .sid-crumb {
font-weight: 600;
color: var(--sid-muted);
font-size: 13.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sid-root .sid-crumb a {
color: var(--sid-muted);
text-decoration: none;
}
#sid-root .sid-crumb .sep {
margin: 0 7px;
color: var(--sid-faint);
}
#sid-root .sid-crumb .cur {
color: var(--sid-ink);
font-weight: 700;
}
#sid-root .sid-askjo {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sid-gnavy);
color: #fff;
font-weight: 700;
font-size: 13.5px;
padding: 9px 15px;
border: 0;
border-radius: 12px;
cursor: pointer;
}
#sid-root .sid-askjo svg {
width: 16px;
height: 16px;
}
#sid-root .sid-askjo[disabled] {
opacity: 0.5;
cursor: default;
}
#sid-root .sid-iconbtn {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--sid-surface);
border: 1px solid var(--sid-line);
display: grid;
place-items: center;
color: var(--sid-muted);
box-shadow: var(--sid-sh-sm);
cursor: pointer;
}
#sid-root .sid-iconbtn svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#sid-root .sid-navbar-plugin {
display: flex;
align-items: center;
gap: 10px;
}
#sid-root .sid-navbar-plugin .popover-region-toggle, #sid-root .sid-navbar-plugin .nav-link {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--sid-surface);
border: 1px solid var(--sid-line);
display: grid;
place-items: center;
color: var(--sid-muted);
box-shadow: var(--sid-sh-sm);
position: relative;
}
#sid-root .sid-navbar-plugin .count-container {
top: 4px;
right: 4px;
}
#sid-root .sid-usermenu .dropdown-toggle {
text-decoration: none;
}
#sid-root .sid-content {
padding: 24px 28px 70px;
max-width: 1180px;
width: 100%;
}
#sid-root .sid-phead {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
#sid-root .sid-eyebrow {
font: 700 11px/1 var(--sid-mono);
letter-spacing: 0.16em;
text-transform: uppercase;
color: #063A70;
}
#sid-root .sid-phead h1 {
font-size: 28px;
font-weight: 800;
letter-spacing: -0.02em;
margin-top: 9px;
}
#sid-root .sid-phead p {
color: var(--sid-muted);
font-size: 14px;
margin-top: 6px;
max-width: 520px;
}
#sid-root .sid-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: #EDF1F6;
color: var(--sid-muted);
font: 800 12px var(--sid-mono);
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 9px 14px;
border-radius: 10px;
white-space: nowrap;
}
#sid-root .sid-pill.ok {
background: rgba(31, 163, 122, 0.12);
color: var(--sid-green);
}
#sid-root .sid-pill.ok span {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sid-green);
}
#sid-root .sid-alert {
display: flex;
gap: 12px;
background: rgba(229, 85, 110, 0.08);
border: 1px solid rgba(229, 85, 110, 0.25);
border-radius: 14px;
padding: 14px 16px;
margin-bottom: 18px;
}
#sid-root .sid-alert-ic {
width: 34px;
height: 34px;
flex: 0 0 34px;
border-radius: 10px;
background: rgba(229, 85, 110, 0.14);
color: var(--sid-rose);
display: grid;
place-items: center;
}
#sid-root .sid-alert-ic svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#sid-root .sid-alert b {
font-size: 14px;
}
#sid-root .sid-alert p {
color: var(--sid-muted);
font-size: 13px;
margin-top: 4px;
white-space: pre-line;
overflow-wrap: anywhere;
}
#sid-root .sid-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
}
#sid-root .sid-col {
display: flex;
flex-direction: column;
gap: 18px;
}
#sid-root .sid-cardwrap {
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 20px;
box-shadow: var(--sid-sh);
padding: 26px;
display: flex;
justify-content: center;
}
#sid-root .idc {
position: relative;
width: 430px;
max-width: 100%;
height: 264px;
border-radius: 18px;
background: linear-gradient(140deg, #042E66 0%, #022047 60%, #011B3D 100%);
color: #fff;
padding: 20px 22px;
overflow: hidden;
box-shadow: 0 20px 44px rgba(0, 28, 50, 0.4);
border: 1px solid rgba(255, 255, 255, 0.08);
}
#sid-root .idc-sheen {
position: absolute;
inset: 0;
background: radial-gradient(120% 80% at 85% -10%, rgba(0, 117, 237, 0.22), transparent 55%);
pointer-events: none;
}
#sid-root .idc-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
#sid-root .idc-brand {
display: flex;
align-items: baseline;
gap: 7px;
}
#sid-root .idc-logo {
font-weight: 800;
font-size: 21px;
letter-spacing: -0.01em;
}
#sid-root .idc-subl {
font: 700 10px/1 var(--sid-mono);
letter-spacing: 0.22em;
color: var(--sid-accent);
}
#sid-root .idc-kind {
font: 700 9px/1 var(--sid-mono);
letter-spacing: 0.16em;
text-transform: uppercase;
color: #9fc0d8;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 20px;
padding: 6px 10px;
}
#sid-root .idc-body {
display: flex;
gap: 16px;
margin-top: 20px;
position: relative;
}
#sid-root .idc-photo {
width: 78px;
height: 92px;
border-radius: 10px;
background: var(--sid-gaccent);
color: var(--sid-on-accent);
display: grid;
place-items: center;
font: 800 26px var(--sid-mono);
flex: 0 0 auto;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
border: 2px solid rgba(255, 255, 255, 0.5);
}
#sid-root .idc-info {
min-width: 0;
flex: 1;
}
#sid-root .idc-name {
font-size: 20px;
font-weight: 800;
letter-spacing: -0.01em;
}
#sid-root .idc-prog {
font-size: 11.5px;
color: #bcd4e6;
margin-top: 3px;
}
#sid-root .idc-pair {
display: flex;
gap: 26px;
margin-top: 14px;
}
#sid-root .idc-pair label {
display: block;
font: 700 8px/1 var(--sid-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7fa3bd;
}
#sid-root .idc-pair b {
font: 700 13px var(--sid-mono);
color: #fff;
margin-top: 5px;
display: block;
}
#sid-root .idc-foot {
position: absolute;
left: 22px;
right: 22px;
bottom: 18px;
display: flex;
align-items: flex-end;
gap: 18px;
}
#sid-root .idc-no {
flex: 1;
}
#sid-root .idc-no label {
display: block;
font: 700 8px/1 var(--sid-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7fa3bd;
}
#sid-root .idc-no b {
font: 700 12px var(--sid-mono);
color: #fff;
margin-top: 5px;
display: block;
}
#sid-root .idc-qr {
width: 52px;
height: 52px;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 2px;
background: #fff;
padding: 5px;
border-radius: 7px;
flex: 0 0 auto;
}
#sid-root .idc-qr i {
background: #eef1f4;
border-radius: 1px;
}
#sid-root .idc-qr i.on {
background: var(--sid-navy);
}
#sid-root .sid-panel {
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 16px;
box-shadow: var(--sid-sh-sm);
padding: 18px 20px;
}
#sid-root .sid-panel h3 {
font-size: 13px;
font-weight: 800;
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
}
#sid-root .sid-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--sid-accent);
}
#sid-root .sid-dl {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px 24px;
}
#sid-root .sid-di-wide {
grid-column: 1 / -1;
}
#sid-root .sid-di label {
display: block;
font: 700 9.5px/1 var(--sid-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--sid-faint);
}
#sid-root .sid-di b {
font: 700 14px var(--sid-mono);
color: var(--sid-ink);
margin-top: 6px;
display: block;
}
#sid-root .sid-di b.sans {
font-family: var(--sid-sans);
font-size: 13.5px;
}
#sid-root .sid-empty {
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 18px;
box-shadow: var(--sid-sh-sm);
padding: 40px 28px;
text-align: center;
}
#sid-root .sid-empty-ic {
width: 60px;
height: 60px;
border-radius: 16px;
background: rgba(0, 117, 237, 0.14);
color: #063A70;
display: grid;
place-items: center;
margin: 0 auto 16px;
}
#sid-root .sid-empty-ic svg {
width: 30px;
height: 30px;
stroke: currentColor;
fill: none;
stroke-width: 1.7;
}
#sid-root .sid-empty h2 {
font-size: 19px;
font-weight: 800;
}
#sid-root .sid-empty p {
color: var(--sid-muted);
font-size: 14px;
margin: 8px auto 18px;
max-width: 420px;
line-height: 1.5;
}
#sid-root .sid-empty-actions {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
}
#sid-root .sid-inlineform {
margin: 0;
}
#sid-root .sid-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 0;
border-radius: 12px;
padding: 13px 20px;
font: 800 13.5px var(--sid-sans);
cursor: pointer;
text-decoration: none;
}
#sid-root .sid-btn svg {
width: 17px;
height: 17px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
#sid-root .sid-btn-gold {
background: var(--sid-gaccent);
color: var(--sid-on-accent);
box-shadow: 0 8px 22px rgba(0, 117, 237, 0.4);
}
#sid-root .sid-btn-ghost {
background: var(--sid-ground);
border: 1px solid var(--sid-line);
color: var(--sid-navy);
}
#sid-root .sid-block {
display: block;
margin-top: 10px;
}
#sid-root .sid-block .sid-btn {
width: 100%;
}
#sid-root .sid-rail .sid-panel .sid-btn-gold {
width: 100%;
}
#sid-root .sid-sech {
font-size: 15px;
font-weight: 800;
margin: 6px 2px 12px;
}
#sid-root .sid-history {
display: flex;
flex-direction: column;
}
#sid-root .sid-hrow {
display: flex;
align-items: center;
gap: 13px;
padding: 13px 16px;
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 13px;
box-shadow: var(--sid-sh-sm);
margin-bottom: 10px;
}
#sid-root .sid-hic {
width: 38px;
height: 38px;
border-radius: 10px;
display: grid;
place-items: center;
flex: 0 0 auto;
background: var(--sid-ground);
color: var(--sid-muted);
}
#sid-root .sid-hic.ok {
background: rgba(31, 163, 122, 0.13);
color: var(--sid-green);
}
#sid-root .sid-hic.no {
background: rgba(229, 85, 110, 0.13);
color: var(--sid-rose);
}
#sid-root .sid-hic svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
#sid-root .sid-hmain {
flex: 1;
min-width: 0;
}
#sid-root .sid-hn {
display: block;
font-size: 14px;
font-weight: 700;
}
#sid-root .sid-hm {
display: block;
font: 600 11px/1 var(--sid-mono);
color: var(--sid-faint);
text-transform: uppercase;
letter-spacing: 0.03em;
margin-top: 5px;
}
#sid-root .sid-hc {
display: block;
font-size: 12.5px;
line-height: 1.55;
color: var(--sid-muted);
margin-top: 8px;
padding: 9px 12px;
background: var(--sid-ground);
border-radius: 9px;
white-space: pre-line;
overflow-wrap: anywhere;
}
#sid-root .sid-htag {
font: 800 9.5px var(--sid-mono);
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 5px 9px;
border-radius: 7px;
background: #EDF1F6;
color: var(--sid-muted);
white-space: nowrap;
}
#sid-root .sid-htag.ok {
background: rgba(31, 163, 122, 0.14);
color: var(--sid-green);
}
#sid-root .sid-htag.no {
background: rgba(229, 85, 110, 0.14);
color: var(--sid-rose);
}
#sid-root .sid-rail .sid-panel + .sid-panel {
margin-top: 18px;
}
#sid-root .sid-steplist {
display: flex;
flex-direction: column;
}
#sid-root .sid-stp {
display: flex;
align-items: center;
gap: 12px;
padding: 3px 0;
}
#sid-root .sid-stp-dot {
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
display: grid;
place-items: center;
background: #EDF1F6;
color: var(--sid-faint);
font: 800 12px var(--sid-mono);
}
#sid-root .sid-stp-dot svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.4;
}
#sid-root .sid-stp.done .sid-stp-dot {
background: var(--sid-green);
color: #fff;
}
#sid-root .sid-stp.active .sid-stp-dot {
background: var(--sid-gaccent);
color: var(--sid-on-accent);
box-shadow: 0 0 0 4px rgba(0, 117, 237, 0.22);
}
#sid-root .sid-stp-lbl {
font-size: 13.5px;
font-weight: 700;
color: var(--sid-ink);
}
#sid-root .sid-stp.todo .sid-stp-lbl {
color: var(--sid-faint);
font-weight: 600;
}
#sid-root .sid-stp-bar {
width: 2px;
height: 12px;
background: var(--sid-line);
margin-left: 14px;
}
#sid-root .sid-stp.done + .sid-stp-bar {
background: var(--sid-green);
}
#sid-root .sid-stat {
display: flex;
align-items: center;
gap: 13px;
padding: 11px 0;
border-bottom: 1px solid var(--sid-line);
}
#sid-root .sid-stat:last-child {
border-bottom: 0;
}
#sid-root .sid-sic {
width: 36px;
height: 36px;
border-radius: 10px;
background: rgba(0, 117, 237, 0.14);
color: #063A70;
display: grid;
place-items: center;
flex: 0 0 auto;
}
#sid-root .sid-sic svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#sid-root .sid-sn {
font-size: 13px;
font-weight: 700;
}
#sid-root .sid-sm {
font: 600 11px/1 var(--sid-mono);
color: var(--sid-faint);
margin-top: 4px;
}
#sid-root .sid-big {
margin-left: auto;
font: 800 20px var(--sid-mono);
color: var(--sid-ink);
}
#sid-root .sid-region-main {
display: none;
}
#sid-root .sid-backdrop {
display: none;
}
#sid-root .sid-help {
position: fixed;
left: 22px;
bottom: 22px;
z-index: 1050;
}
#sid-root .sid-help-fab {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--sid-gaccent);
color: var(--sid-on-accent);
font-weight: 800;
font-size: 13.5px;
border: 0;
border-radius: 30px;
padding: 13px 19px;
cursor: pointer;
box-shadow: 0 12px 30px rgba(0, 117, 237, 0.42);
}
#sid-root .sid-help-fab svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#sid-root .sid-help-panel {
position: absolute;
left: 0;
bottom: 62px;
width: 320px;
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 16px;
box-shadow: var(--sid-sh-lg);
overflow: hidden;
}
#sid-root .sid-help-head {
display: flex;
align-items: center;
gap: 11px;
padding: 14px 16px;
border-bottom: 1px solid var(--sid-line);
}
#sid-root .sid-help-ic {
width: 34px;
height: 34px;
border-radius: 10px;
background: rgba(0, 117, 237, 0.16);
color: #063A70;
display: grid;
place-items: center;
}
#sid-root .sid-help-ic svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#sid-root .sid-help-t b {
display: block;
font-size: 13.5px;
font-weight: 800;
}
#sid-root .sid-help-t small {
color: var(--sid-faint);
font-size: 11px;
}
#sid-root .sid-help-close {
margin-left: auto;
border: 0;
background: none;
font-size: 22px;
line-height: 1;
color: var(--sid-faint);
cursor: pointer;
}
#sid-root .sid-help-panel .sd-support {
padding: 6px 16px 14px;
}
#sid-root .sid-help-panel .sd-support .support-block-button {
display: flex;
flex-direction: column;
}
#sid-root .sid-help-panel .sd-support .btn {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
text-align: left;
padding: 13px 0;
margin: 0;
border: 0;
border-bottom: 1px solid var(--sid-line);
border-radius: 0;
background: none;
box-shadow: none;
color: var(--sid-ink);
font: 600 13px/1.3 var(--sid-sans);
cursor: pointer;
}
#sid-root .sid-help-panel .sd-support .btn::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sid-accent);
}
#sid-root .sid-help-panel .sd-support .btn:last-child {
border-bottom: 0;
}
#sid-root .sid-help-panel .sd-support .btn:hover {
color: var(--sid-blue);
}
#sid-root .sid-askjo-panel {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 1060;
width: 380px;
max-width: calc(100vw - 32px);
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 16px;
box-shadow: var(--sid-sh-lg);
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 72vh;
}
#sid-root .sid-askjo-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 16px;
background: var(--sid-gnavy);
color: #fff;
font-weight: 800;
}
#sid-root .sid-askjo-close {
border: 0;
background: none;
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
#sid-root .sid-askjo-body {
flex: 1;
overflow-y: auto;
padding: 12px 14px;
min-height: 220px;
}
#sid-root .sid-askjo-control {
border-top: 1px solid var(--sid-line);
padding: 10px 12px;
}
@media (max-width: 980px) {
#sid-root.sid-app {
grid-template-columns: 1fr;
}
#sid-root .sid-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 248px;
z-index: 1080;
transform: translateX(-100%);
transition: transform 0.25s ease;
}
#sid-root.sid-nav-open .sid-side {
transform: translateX(0);
}
#sid-root.sid-nav-open .sid-backdrop {
display: block;
position: fixed;
inset: 0;
background: rgba(11, 32, 52, 0.45);
z-index: 1070;
}
#sid-root .sid-burger {
display: block;
}
#sid-root .sid-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
#sid-root .sid-askjo span {
display: none;
}
#sid-root .sid-content {
padding: 16px 14px 80px;
}
#sid-root .idc {
height: auto;
padding-bottom: 86px;
}
}
#sid-root .sid-side {
padding: 22px 16px;
gap: 3px;
}
#sid-root .sid-brand {
display: flex;
align-items: center;
padding: 6px 8px 22px;
}
#sid-root .sid-brand img {
max-height: 38px;
max-width: none;
width: auto;
height: auto;
}
#sid-root .sid-navlbl {
font: 600 11px/1 var(--sid-sans);
letter-spacing: 0.12em;
padding: 18px 12px 8px;
}
#sid-root .sid-nav {
display: flex;
flex-direction: column;
gap: 3px;
}
#sid-root .sid-nav a {
position: relative;
padding: 10px 12px;
font-family: var(--sid-sans);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
#sid-root .sid-nav a svg {
flex: 0 0 18px;
}
#sid-root .sid-nav a.on {
font-weight: 700;
}
#sid-root .sid-nav a.on::before {
content: "";
position: absolute;
left: -16px;
top: 8px;
bottom: 8px;
width: 4px;
border-radius: 0 4px 4px 0;
background: var(--sid-accent);
}
#sid-root .sid-topbar {
padding: 14px 0;
}
#sid-root .sid-topbar-inner {
min-height: 44px;
max-width: 1320px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#sid-root .sid-search {
padding: 10px 14px;
}
#sid-root .sid-search input {
padding: 0;
height: auto;
min-height: 0;
border-radius: 0;
box-shadow: none;
line-height: 1.5;
}
#sid-root .sid-content {
max-width: 1320px;
}
@media (min-width: 1081px) {
#sid-root .sid-topbar-inner {
padding-left: 30px;
padding-right: 30px;
}
#sid-root .sid-content {
padding-left: 30px;
padding-right: 30px;
}
}
/* ==========================================================================
Dark mode
========================================================================== */
body.sd-dark #sid-root, body.theme-dark #sid-root {
--sid-ground: #0A1722;
--sid-surface: #0F2230;
--sid-ink: #EAF2F9;
--sid-muted: #9DB2C3;
--sid-faint: #6F8597;
--sid-line: #1E3445;
--sid-navy: #0A264B;
--sid-gnavy: linear-gradient(135deg, #0F3362, #0A1E39);
/* The card keeps its own dark navy gradient in both modes. */
}
body.sd-dark #sid-root .sid-topbar, body.theme-dark #sid-root .sid-topbar {
background: rgba(10, 23, 34, 0.92);
}
body.sd-dark #sid-root .sid-pill, body.theme-dark #sid-root .sid-pill {
background: #1A2D3C;
}
body.sd-dark #sid-root .sid-btn-ghost, body.theme-dark #sid-root .sid-btn-ghost {
background: #14293A;
}
body.sd-dark #sid-root .sid-stat .sid-sic, body.sd-dark #sid-root .sid-empty-ic, body.sd-dark #sid-root .sid-help-ic, body.theme-dark #sid-root .sid-stat .sid-sic, body.theme-dark #sid-root .sid-empty-ic, body.theme-dark #sid-root .sid-help-ic {
background: rgba(0, 117, 237, 0.18);
}
body.sd-dark #sid-root .sid-stp-dot, body.theme-dark #sid-root .sid-stp-dot {
background: #1A2D3C;
}
/* ==========================================================================
theme_baz — bespoke wrapper + restyle for the e-ID request form.
The form markup/JS is the local_studentid plugin's own (uploads preserved);
these rules only restyle it navy/gold inside the #sid-root shell.
scssphp-safe: block comments only. Shell chrome lives in student-idcard.scss.
========================================================================== */
#sid-root {
/* form wrapper */
/* section card */
/* auto-filled info fields */
/* inputs + selects */
/* photo preview + guidelines */
/* photo dropzone */
/* document (aadhaar/abc/tenth/olevel) cards — show uploaded file inline */
/* submit bar */
}
#sid-root .sid-back {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 12px;
padding: 10px 16px;
font: 700 13px var(--sid-sans);
color: var(--sid-navy);
text-decoration: none;
box-shadow: var(--sid-sh-sm);
white-space: nowrap;
}
#sid-root .sid-back svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
#sid-root .sif-formwrap {
max-width: 960px;
}
#sid-root .sif-formwrap #sid-request-form-wrap {
padding: 0;
}
#sid-root .sif-formwrap .row {
margin: 0;
}
#sid-root .sif-formwrap [class^="col-"], #sid-root .sif-formwrap [class*=" col-"] {
padding-left: 9px;
padding-right: 9px;
}
#sid-root .sif-formwrap .sid-section {
background: var(--sid-surface);
border: 1px solid var(--sid-line);
border-radius: 16px;
box-shadow: var(--sid-sh-sm);
margin-bottom: 18px;
overflow: hidden;
}
#sid-root .sif-formwrap .sid-section-header {
display: flex;
align-items: center;
gap: 11px;
padding: 16px 20px;
border-bottom: 1px solid var(--sid-line);
}
#sid-root .sif-formwrap .sid-section-header .icon {
width: 32px;
height: 32px;
border-radius: 9px;
background: rgba(0, 117, 237, 0.14);
color: #063A70;
display: grid;
place-items: center;
font-size: 15px;
}
#sid-root .sif-formwrap .sid-section-header h5 {
font-size: 15px;
font-weight: 800;
margin: 0;
flex: 1;
color: var(--sid-ink);
}
#sid-root .sif-formwrap .sid-section-body {
padding: 20px;
}
#sid-root .sif-formwrap .badge-auto {
font: 700 10px var(--sid-mono);
text-transform: uppercase;
letter-spacing: 0.05em;
background: rgba(31, 163, 122, 0.12);
color: var(--sid-green);
padding: 6px 10px;
border-radius: 8px;
white-space: nowrap;
}
#sid-root .sif-formwrap .info-field label, #sid-root .sif-formwrap .sid-info-label, #sid-root .sif-formwrap label.font-weight-bold {
display: block;
font: 700 10px/1 var(--sid-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--sid-faint);
margin-bottom: 7px;
}
#sid-root .sif-formwrap .info-field .value {
font-size: 14px;
font-weight: 700;
color: var(--sid-ink);
}
#sid-root .sif-formwrap .info-field .value.empty {
color: var(--sid-faint);
font-weight: 600;
}
#sid-root .sif-formwrap .text-danger {
color: var(--sid-rose);
}
#sid-root .sif-formwrap .form-control, #sid-root .sif-formwrap select.form-control, #sid-root .sif-formwrap input.form-control {
width: 100%;
background: var(--sid-surface);
border: 1px solid #CBD8E6;
border-radius: 11px;
padding: 11px 14px;
font: 600 13.5px var(--sid-sans);
color: var(--sid-ink);
box-shadow: var(--sid-sh-sm);
height: auto;
}
#sid-root .sif-formwrap select.form-control {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C7184' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 15px;
padding-right: 36px;
}
#sid-root .sif-formwrap .form-control:focus {
outline: none;
border-color: var(--sid-accent);
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.2);
}
#sid-root .sif-formwrap .field-error {
color: var(--sid-rose);
font-size: 12px;
font-weight: 600;
}
#sid-root .sif-formwrap .photo-preview-frame {
width: 124px;
height: 150px;
border-radius: 12px;
overflow: hidden;
background: var(--sid-ground);
border: 1px solid var(--sid-line);
display: grid;
place-items: center;
}
#sid-root .sif-formwrap .photo-preview-frame img {
width: 100%;
height: 100%;
object-fit: cover;
}
#sid-root .sif-formwrap .pp-placeholder {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
color: var(--sid-faint);
font-size: 22px;
}
#sid-root .sif-formwrap .photo-dim-badge {
display: inline-block;
font: 700 10px var(--sid-mono);
color: var(--sid-muted);
background: var(--sid-ground);
border-radius: 7px;
padding: 4px 9px;
}
#sid-root .sif-formwrap .guidelines-list {
background: rgba(0, 117, 237, 0.08);
border: 1px solid rgba(0, 117, 237, 0.25);
border-radius: 13px;
padding: 14px 16px;
}
#sid-root .sif-formwrap .guidelines-list .gl-title {
font-size: 12px;
font-weight: 800;
color: #063A70;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 8px;
}
#sid-root .sif-formwrap .guidelines-list ul {
margin: 0;
padding-left: 18px;
}
#sid-root .sif-formwrap .guidelines-list li {
font-size: 12.5px;
color: var(--sid-ink);
line-height: 1.6;
}
#sid-root .sif-formwrap .upload-zone {
position: relative;
border: 1.5px dashed #CBD8E6;
border-radius: 13px;
padding: 22px;
text-align: center;
background: #FAFCFE;
cursor: pointer;
transition: border-color 0.15s, background 0.15s;
}
#sid-root .sif-formwrap .upload-zone:hover {
border-color: var(--sid-accent);
background: rgba(0, 117, 237, 0.06);
}
#sid-root .sif-formwrap .upload-zone input[type="file"] {
position: absolute;
inset: 0;
opacity: 0;
cursor: pointer;
}
#sid-root .sif-formwrap .upload-zone .uz-icon {
font-size: 26px;
color: #063A70;
}
#sid-root .sif-formwrap .upload-zone .uz-title {
font-size: 13.5px;
font-weight: 700;
margin-top: 8px;
color: var(--sid-ink);
}
#sid-root .sif-formwrap .upload-zone .uz-title u {
color: var(--sid-blue);
}
#sid-root .sif-formwrap .upload-zone .uz-sub {
font: 600 11px var(--sid-mono);
color: var(--sid-faint);
text-transform: uppercase;
letter-spacing: 0.03em;
margin-top: 4px;
}
#sid-root .sif-formwrap .aadhaar-card {
border: 1px solid var(--sid-line);
border-radius: 13px;
overflow: hidden;
background: var(--sid-surface);
}
#sid-root .sif-formwrap .aadhaar-card-header {
display: flex;
align-items: center;
gap: 8px;
padding: 11px 14px;
background: var(--sid-ground);
border-bottom: 1px solid var(--sid-line);
font-size: 13px;
font-weight: 700;
color: var(--sid-ink);
}
#sid-root .sif-formwrap .aadhaar-preview-frame {
height: 150px;
display: grid;
place-items: center;
background: var(--sid-ground);
border-bottom: 1px solid var(--sid-line);
overflow: hidden;
}
#sid-root .sif-formwrap .aadhaar-preview-frame img {
width: 100%;
height: 100%;
object-fit: cover;
}
#sid-root .sif-formwrap .ap-placeholder {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
color: var(--sid-faint);
font-size: 13px;
}
#sid-root .sif-formwrap .ap-placeholder .fa {
font-size: 26px;
}
#sid-root .sif-formwrap .aadhaar-pdf-badge {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
color: var(--sid-rose);
font-size: 24px;
}
#sid-root .sif-formwrap .aadhaar-pdf-badge .pdf-name {
font-size: 12px;
color: var(--sid-muted);
font-weight: 600;
}
#sid-root .sif-formwrap .aadhaar-card-footer {
padding: 12px 14px;
}
#sid-root .sif-formwrap .aadhaar-upload-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--sid-gnavy);
color: #fff;
border: 0;
border-radius: 10px;
padding: 9px 15px;
font: 800 12.5px var(--sid-sans);
cursor: pointer;
}
#sid-root .sif-formwrap .aadhaar-upload-btn input[type="file"] {
position: absolute;
inset: 0;
opacity: 0;
cursor: pointer;
}
#sid-root .sif-formwrap .aadhaar-filename {
font: 600 11.5px var(--sid-mono);
color: var(--sid-muted);
margin-top: 8px;
word-break: break-all;
}
#sid-root .sif-formwrap .sid-submit-bar {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
margin-top: 6px;
padding: 18px 0 0;
}
#sid-root .sif-formwrap .sid-submit-bar .btn {
display: inline-flex;
align-items: center;
gap: 8px;
border-radius: 12px;
padding: 13px 22px;
font: 800 13.5px var(--sid-sans);
cursor: pointer;
text-decoration: none;
border: 0;
}
#sid-root .sif-formwrap .btn-primary, #sid-root .sif-formwrap .addtagcoll a, .addtagcoll #sid-root .sif-formwrap a, #sid-root .sif-formwrap .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags #sid-root .sif-formwrap a, #sid-root .sif-formwrap .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish #sid-root .sif-formwrap input, #sid-root .sif-formwrap #siteconfiglink a, #siteconfiglink #sid-root .sif-formwrap a, #sid-root .sif-formwrap .forum-post-footer a, .forum-post-footer #sid-root .sif-formwrap a, #sid-root .sif-formwrap .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton #sid-root .sif-formwrap .btn, #sid-root .sif-formwrap #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) #sid-root .sif-formwrap a, #sid-root .sif-formwrap .mod_quiz-next-nav, #sid-root .sif-formwrap .addbloglink a, .addbloglink #sid-root .sif-formwrap a, #sid-root .sif-formwrap #addcontrols input, #addcontrols #sid-root .sif-formwrap input, #sid-root .sif-formwrap #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #sid-root .sif-formwrap a, #sid-root .sif-formwrap #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink #sid-root .sif-formwrap a, #sid-root .sif-formwrap .midpad a, .midpad #sid-root .sif-formwrap a, #sid-root .sif-formwrap .createstep, #sid-root .sif-formwrap #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) #sid-root .sif-formwrap a, #sid-root .sif-formwrap .webservicestokenui + a, #sid-root .sif-formwrap .rui-pre button, .rui-pre #sid-root .sif-formwrap button, #sid-root .sif-formwrap .pagenumber .dropdown-btn, .pagenumber #sid-root .sif-formwrap .dropdown-btn, #sid-root .sif-formwrap #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu #sid-root .sif-formwrap .dropdown-toggle, #sid-root .sif-formwrap .last-add-menu .dropdown-btn, .last-add-menu #sid-root .sif-formwrap .dropdown-btn, #sid-root .sif-formwrap .sid-submit-bar .btn-primary, #sid-root .sif-formwrap .sid-submit-bar .addtagcoll a, .addtagcoll #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish #sid-root .sif-formwrap .sid-submit-bar input, #sid-root .sif-formwrap .sid-submit-bar #siteconfiglink a, #siteconfiglink #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .forum-post-footer a, .forum-post-footer #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton #sid-root .sif-formwrap .sid-submit-bar .btn, #sid-root .sif-formwrap .sid-submit-bar #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .mod_quiz-next-nav, #sid-root .sif-formwrap .sid-submit-bar .addbloglink a, .addbloglink #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar #addcontrols input, #addcontrols #sid-root .sif-formwrap .sid-submit-bar input, #sid-root .sif-formwrap .sid-submit-bar #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .midpad a, .midpad #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .createstep, #sid-root .sif-formwrap .sid-submit-bar #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) #sid-root .sif-formwrap .sid-submit-bar a, #sid-root .sif-formwrap .sid-submit-bar .webservicestokenui + a, #sid-root .sif-formwrap .sid-submit-bar .rui-pre button, .rui-pre #sid-root .sif-formwrap .sid-submit-bar button, #sid-root .sif-formwrap .sid-submit-bar .pagenumber .dropdown-btn, .pagenumber #sid-root .sif-formwrap .sid-submit-bar .dropdown-btn, #sid-root .sif-formwrap .sid-submit-bar #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu #sid-root .sif-formwrap .sid-submit-bar .dropdown-toggle, #sid-root .sif-formwrap .sid-submit-bar .last-add-menu .dropdown-btn, .last-add-menu #sid-root .sif-formwrap .sid-submit-bar .dropdown-btn {
background: var(--sid-gaccent);
color: var(--sid-on-accent);
box-shadow: 0 8px 22px rgba(0, 117, 237, 0.4);
}
#sid-root .sif-formwrap .btn-outline-secondary:not(.aadhaar-upload-btn), #sid-root .sif-formwrap .comment-area .fd a[id*=cancel]:not(.aadhaar-upload-btn), .comment-area .fd #sid-root .sif-formwrap a[id*=cancel]:not(.aadhaar-upload-btn), #sid-root .sif-formwrap .visibleifjs .btn:not(.aadhaar-upload-btn), .visibleifjs #sid-root .sif-formwrap .btn:not(.aadhaar-upload-btn), #sid-root .sif-formwrap .gradingform_guide.editor .addcriterion input:not(.aadhaar-upload-btn), .gradingform_guide.editor .addcriterion #sid-root .sif-formwrap input:not(.aadhaar-upload-btn), #sid-root .sif-formwrap .gradingform_guide.editor .addcomment input:not(.aadhaar-upload-btn), .gradingform_guide.editor .addcomment #sid-root .sif-formwrap input:not(.aadhaar-upload-btn), #sid-root .sif-formwrap .message-user-button:not(.aadhaar-upload-btn), #sid-root .sif-formwrap .sid-submit-bar .btn-outline-secondary, #sid-root .sif-formwrap .sid-submit-bar .comment-area .fd a[id*=cancel], .comment-area .fd #sid-root .sif-formwrap .sid-submit-bar a[id*=cancel], #sid-root .sif-formwrap .sid-submit-bar .visibleifjs .btn, .visibleifjs #sid-root .sif-formwrap .sid-submit-bar .btn, #sid-root .sif-formwrap .sid-submit-bar .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcriterion #sid-root .sif-formwrap .sid-submit-bar input, #sid-root .sif-formwrap .sid-submit-bar .gradingform_guide.editor .addcomment input, .gradingform_guide.editor .addcomment #sid-root .sif-formwrap .sid-submit-bar input, #sid-root .sif-formwrap .sid-submit-bar .message-user-button {
background: var(--sid-ground);
border: 1px solid var(--sid-line);
color: var(--sid-navy);
}
#sid-root .sif-formwrap .btn .fa {
font-size: 13px;
}
@media (max-width: 760px) {
#sid-root .sif-formwrap .sid-submit-bar {
flex-direction: column-reverse;
}
#sid-root .sif-formwrap .sid-submit-bar .btn {
width: 100%;
justify-content: center;
}
}
/* ==========================================================================
Dark mode (vars come from student-idcard.scss; restyle form surfaces here)
========================================================================== */
body.sd-dark #sid-root .sif-formwrap .upload-zone, body.theme-dark #sid-root .sif-formwrap .upload-zone {
background: #14293A;
border-color: #294056;
}
body.sd-dark #sid-root .sif-formwrap .upload-zone:hover, body.theme-dark #sid-root .sif-formwrap .upload-zone:hover {
background: rgba(0, 117, 237, 0.08);
}
body.sd-dark #sid-root .sif-formwrap .aadhaar-preview-frame, body.sd-dark #sid-root .sif-formwrap .aadhaar-card-header, body.sd-dark #sid-root .sif-formwrap .photo-preview-frame, body.sd-dark #sid-root .sif-formwrap .photo-dim-badge, body.theme-dark #sid-root .sif-formwrap .aadhaar-preview-frame, body.theme-dark #sid-root .sif-formwrap .aadhaar-card-header, body.theme-dark #sid-root .sif-formwrap .photo-preview-frame, body.theme-dark #sid-root .sif-formwrap .photo-dim-badge {
background: #14293A;
}
body.sd-dark #sid-root .sif-formwrap .form-control, body.theme-dark #sid-root .sif-formwrap .form-control {
border-color: #294056;
}
body.sd-dark #sid-root .sid-back, body.theme-dark #sid-root .sid-back {
background: #14293A;
}
/* ==========================================================================
theme_baz — generic bespoke-shell wrapper (My Files, Profile).
Scoped to #sw-root. Navy / gold app shell + light restyle of the wrapped
core content (filemanager / profile) — the page's own markup + JS is kept.
Light + dark. scssphp-safe: block comments only.
========================================================================== */
#sw-root {
--sw-navy: #022758;
--sw-on-accent: #FFFFFF;
--sw-ground: #F4F7FB;
--sw-surface: #fff;
/* Text that sits ON a surface. --sw-navy is a brand colour that dark mode re-points to a
near-black for backgrounds, so using it as a label on --sw-surface makes the label
vanish there -- the same trap --sa-onsurface fixes on the activity pages. */
--sw-onsurface: var(--sw-navy);
--sw-ink: #0B2034;
--sw-muted: #5C7184;
--sw-faint: #90A4B5;
--sw-line: #E5ECF3;
--sw-accent: #0075ED;
--sw-green: #1FA37A;
--sw-blue: #2563EB;
--sw-gnavy: linear-gradient(135deg, #04387E, #021F46);
--sw-gaccent: linear-gradient(135deg, #0882FF, #0C63BC);
--sw-sans: "Manrope", "Inter", system-ui, sans-serif;
--sw-mono: "JetBrains Mono", ui-monospace, monospace;
--sw-sh-sm: 0 1px 2px rgba(11, 32, 52, .06), 0 1px 3px rgba(11, 32, 52, .04);
--sw-sh: 0 4px 14px rgba(11, 32, 52, .07);
--sw-sh-lg: 0 18px 50px rgba(11, 32, 52, .12);
font-family: var(--sw-sans);
color: var(--sw-ink);
background: var(--sw-ground);
min-height: 100vh;
/* ---- shell ---- */
/* ---- topbar (dark-aware, actions right-aligned) ---- */
/* ---- content ---- */
/* ---- wrapped content base card ---- */
/* Primary action buttons: one shared gold treatment across all pages. */
/* mform button groups (Save / Cancel on change-password, profile edit, self-enrol):
addGroup()'s separator is whitespace, which renders as no flex item at all, so the
gold treatment above left adjacent buttons touching with their shadows overlapping.
nowrap only from 700px up -- students are mobile-heavy and a wrapped row reads far
better on a phone than a scrolling button bar. */
/* ---- My Files: card-ify the filemanager + heading ---- */
/* ---- Profile: navy/gold category cards ---- */
/* ---- Viewing another user: profile hero (banner + avatar + name + Message) ---- */
/* ---- Messages: let the full messaging app fill the shell ---- */
/* ---- Notifications: tidy the list inside the card ---- */
/* ---- floating help (gold FAB, bottom-left) ---- */
/* ---- Ask JO panel ---- */
}
#sw-root *, #sw-root *::before, #sw-root *::after {
box-sizing: border-box;
}
#sw-root svg {
display: block;
}
#sw-root.sw-app {
display: grid;
grid-template-columns: 248px 1fr;
}
#sw-root .sw-side {
background: linear-gradient(180deg, var(--sw-navy), #032148);
color: #cfe0ec;
padding: 20px 16px;
display: flex;
flex-direction: column;
gap: 3px;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
}
#sw-root .sw-brand {
display: block;
padding: 4px 8px 18px;
}
#sw-root .sw-brand img {
max-height: 38px;
width: auto;
}
#sw-root .sw-brand-txt {
color: #fff;
font-weight: 800;
font-size: 18px;
}
#sw-root .sw-nav a {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 11px;
color: #aec4d4;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
#sw-root .sw-nav a svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#sw-root .sw-nav a:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
#sw-root .sw-nav a.on {
background: rgba(0, 117, 237, 0.2);
color: var(--sw-accent);
font-weight: 700;
}
#sw-root .sw-nav a.on svg {
stroke: var(--sw-accent);
}
#sw-root .sw-navlbl {
font: 600 11px/1 var(--sw-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5d7e95;
padding: 16px 12px 8px;
}
#sw-root .sw-main-col {
min-width: 0;
display: flex;
flex-direction: column;
}
#sw-root .sw-topbar {
position: sticky;
top: 0;
z-index: 30;
background: rgba(244, 247, 251, 0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--sw-line);
}
#sw-root .sw-topbar-inner {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 28px;
}
#sw-root .sw-tb-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
flex: 1;
}
#sw-root .sw-tb-right {
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
}
#sw-root .sw-burger {
display: none;
border: 0;
background: none;
padding: 0;
cursor: pointer;
}
#sw-root .sw-burger svg {
width: 24px;
height: 24px;
stroke: var(--sw-ink);
fill: none;
stroke-width: 1.9;
}
#sw-root .sw-crumb {
font-weight: 600;
color: var(--sw-muted);
font-size: 13.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sw-root .sw-crumb a {
color: var(--sw-muted);
text-decoration: none;
}
#sw-root .sw-crumb .sep {
margin: 0 7px;
color: var(--sw-faint);
}
#sw-root .sw-crumb .cur {
color: var(--sw-ink);
font-weight: 700;
}
#sw-root .sw-askjo {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sw-gnavy);
color: #fff;
font-weight: 700;
font-size: 13.5px;
padding: 9px 15px;
border: 0;
border-radius: 12px;
cursor: pointer;
}
#sw-root .sw-askjo svg {
width: 16px;
height: 16px;
}
#sw-root .sw-askjo[disabled] {
opacity: 0.5;
cursor: default;
}
#sw-root .sw-iconbtn {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--sw-surface);
border: 1px solid var(--sw-line);
display: grid;
place-items: center;
color: var(--sw-muted);
box-shadow: var(--sw-sh-sm);
cursor: pointer;
}
#sw-root .sw-iconbtn svg {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
#sw-root .sw-navbar-plugin {
display: flex;
align-items: center;
gap: 10px;
}
#sw-root .sw-navbar-plugin .popover-region-toggle, #sw-root .sw-navbar-plugin .nav-link {
width: 42px;
height: 42px;
border-radius: 12px;
background: var(--sw-surface);
border: 1px solid var(--sw-line);
display: grid;
place-items: center;
color: var(--sw-muted);
box-shadow: var(--sw-sh-sm);
position: relative;
}
#sw-root .sw-navbar-plugin .count-container {
top: 4px;
right: 4px;
}
#sw-root .sw-usermenu .dropdown-toggle {
text-decoration: none;
}
#sw-root .sw-content {
padding: 24px 28px 70px;
max-width: 1100px;
width: 100%;
}
#sw-root .sw-phead {
margin-bottom: 18px;
}
#sw-root .sw-eyebrow {
font: 700 11px/1 var(--sw-mono);
letter-spacing: 0.16em;
text-transform: uppercase;
color: #063A70;
}
#sw-root .sw-phead h1 {
font-size: 28px;
font-weight: 800;
letter-spacing: -0.02em;
margin-top: 9px;
}
#sw-root .sw-backdrop {
display: none;
}
#sw-root .sw-wrap {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 16px;
box-shadow: var(--sw-sh-sm);
padding: 22px;
}
#sw-root .sw-wrap h2, #sw-root .sw-wrap h3 {
color: var(--sw-ink);
}
#sw-root .sw-wrap a {
color: var(--sw-blue);
}
#sw-root .sw-wrap .btn-primary, #sw-root .sw-wrap .addtagcoll a, .addtagcoll #sw-root .sw-wrap a, #sw-root .sw-wrap .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags #sw-root .sw-wrap a, #sw-root .sw-wrap .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish #sw-root .sw-wrap input, #sw-root .sw-wrap #siteconfiglink a, #siteconfiglink #sw-root .sw-wrap a, #sw-root .sw-wrap .forum-post-footer a, .forum-post-footer #sw-root .sw-wrap a, #sw-root .sw-wrap .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton #sw-root .sw-wrap .btn, #sw-root .sw-wrap #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) #sw-root .sw-wrap a, #sw-root .sw-wrap .mod_quiz-next-nav, #sw-root .sw-wrap .addbloglink a, .addbloglink #sw-root .sw-wrap a, #sw-root .sw-wrap #addcontrols input, #addcontrols #sw-root .sw-wrap input, #sw-root .sw-wrap #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #sw-root .sw-wrap a, #sw-root .sw-wrap #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink #sw-root .sw-wrap a, #sw-root .sw-wrap .midpad a, .midpad #sw-root .sw-wrap a, #sw-root .sw-wrap .createstep, #sw-root .sw-wrap #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) #sw-root .sw-wrap a, #sw-root .sw-wrap .webservicestokenui + a, #sw-root .sw-wrap .rui-pre button, .rui-pre #sw-root .sw-wrap button, #sw-root .sw-wrap .pagenumber .dropdown-btn, .pagenumber #sw-root .sw-wrap .dropdown-btn, #sw-root .sw-wrap #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu #sw-root .sw-wrap .dropdown-toggle, #sw-root .sw-wrap .last-add-menu .dropdown-btn, .last-add-menu #sw-root .sw-wrap .dropdown-btn {
background: var(--sw-gaccent);
color: var(--sw-on-accent);
border: 0;
border-radius: 11px;
padding: 10px 18px;
font: 800 13.5px/1 var(--sw-sans);
box-shadow: 0 6px 16px rgba(0, 117, 237, 0.3);
}
#sw-root .sw-wrap .btn-primary:hover, #sw-root .sw-wrap .addtagcoll a:hover, .addtagcoll #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish #sw-root .sw-wrap input:hover, #sw-root .sw-wrap #siteconfiglink a:hover, #siteconfiglink #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .forum-post-footer a:hover, .forum-post-footer #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton #sw-root .sw-wrap .btn:hover, #sw-root .sw-wrap #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .mod_quiz-next-nav:hover, #sw-root .sw-wrap .addbloglink a:hover, .addbloglink #sw-root .sw-wrap a:hover, #sw-root .sw-wrap #addcontrols input:hover, #addcontrols #sw-root .sw-wrap input:hover, #sw-root .sw-wrap #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #sw-root .sw-wrap a:hover, #sw-root .sw-wrap #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .midpad a:hover, .midpad #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .createstep:hover, #sw-root .sw-wrap #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) #sw-root .sw-wrap a:hover, #sw-root .sw-wrap .webservicestokenui + a:hover, #sw-root .sw-wrap .rui-pre button:hover, .rui-pre #sw-root .sw-wrap button:hover, #sw-root .sw-wrap .pagenumber .dropdown-btn:hover, .pagenumber #sw-root .sw-wrap .dropdown-btn:hover, #sw-root .sw-wrap #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle:hover, #page-grade-edit-tree-index .tertiary-navigation .action-menu #sw-root .sw-wrap .dropdown-toggle:hover, #sw-root .sw-wrap .last-add-menu .dropdown-btn:hover, .last-add-menu #sw-root .sw-wrap .dropdown-btn:hover {
color: var(--sw-on-accent);
filter: brightness(1.03);
}
#sw-root .sw-wrap .btn-secondary, #sw-root .sw-wrap .collapseexpand, #sw-root .sw-wrap .actions p a, .actions p #sw-root .sw-wrap a, #sw-root .sw-wrap .backlink a, .backlink #sw-root .sw-wrap a, #sw-root .sw-wrap #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align #sw-root .sw-wrap a, #sw-root .sw-wrap .moreless-toggler, #sw-root .sw-wrap .search-results .result-context-info a, .search-results .result-context-info #sw-root .sw-wrap a, #sw-root .sw-wrap .tool_dataprivacy-expand-all, #sw-root .sw-wrap .edit-link a, .edit-link #sw-root .sw-wrap a, #sw-root .sw-wrap #core-cache-rescan-definitions a, #core-cache-rescan-definitions #sw-root .sw-wrap a, #sw-root .sw-wrap .continuebutton a, .continuebutton #sw-root .sw-wrap a, #sw-root .sw-wrap .tour-actions > ul > li > a, #sw-root .sw-wrap .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search #sw-root .sw-wrap input[type="submit"], #sw-root .sw-wrap .comment-area .fd a[id*=post], .comment-area .fd #sw-root .sw-wrap a[id*=post], #sw-root .sw-wrap .allcoursegrades a, .allcoursegrades #sw-root .sw-wrap a, #sw-root .sw-wrap .addlinks a, .addlinks #sw-root .sw-wrap a, #sw-root .sw-wrap #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions #sw-root .sw-wrap .action, #sw-root .sw-wrap .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel #sw-root .sw-wrap input, #sw-root .sw-wrap .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls #sw-root .sw-wrap .exclusivemode, #sw-root .sw-wrap .notesgroup p a, .notesgroup p #sw-root .sw-wrap a, #sw-root .sw-wrap #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions #sw-root .sw-wrap a, #sw-root .sw-wrap .printicon, #sw-root .sw-wrap .glossarypost .commands a, .glossarypost .commands #sw-root .sw-wrap a, #sw-root .sw-wrap .rui-form-element-group a, .rui-form-element-group #sw-root .sw-wrap a, #sw-root .sw-wrap .mod_quiz-prev-nav, #sw-root .sw-wrap .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging #sw-root .sw-wrap a, #sw-root .sw-wrap .page_split_join, #sw-root .sw-wrap .path-mod-wiki .printicon, .path-mod-wiki #sw-root .sw-wrap .printicon, #sw-root .sw-wrap .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content #sw-root .sw-wrap h2 + a, #sw-root .sw-wrap .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) #sw-root .sw-wrap a, #sw-root .sw-wrap .ajax-contact-button[data-is-contact="0"], #sw-root .sw-wrap .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns #sw-root .sw-wrap .btn, #sw-root .sw-wrap .chart-table-expand a, .chart-table-expand #sw-root .sw-wrap a, #sw-root .sw-wrap .export-actions a, .export-actions #sw-root .sw-wrap a, #sw-root .sw-wrap .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav #sw-root .sw-wrap a:not(.mod_quiz-next-nav), #sw-root .sw-wrap .modal-footer a:not(.btn-primary), .modal-footer #sw-root .sw-wrap a:not(.btn-primary), #sw-root .sw-wrap .commentlink a, .commentlink #sw-root .sw-wrap a, #sw-root .sw-wrap .itemnav a, .itemnav #sw-root .sw-wrap a, #sw-root .sw-wrap .que .comment a, .que .comment #sw-root .sw-wrap a, #sw-root .sw-wrap .btn-inverse, #sw-root .sw-wrap .pick.template, #sw-root .sw-wrap .action.remove, #sw-root .sw-wrap .card-body .footer a, .card-body .footer #sw-root .sw-wrap a, #sw-root .sw-wrap .section-collapsemenu, #sw-root .sw-wrap #message-user-button, #sw-root .sw-wrap .addcomponent, #sw-root .sw-wrap .btn-outline-secondary, #sw-root .sw-wrap .comment-area .fd a[id*=cancel], .comment-area .fd #sw-root .sw-wrap a[id*=cancel], #sw-root .sw-wrap .visibleifjs .btn, .visibleifjs #sw-root .sw-wrap .btn, #sw-root .sw-wrap .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcriterion #sw-root .sw-wrap input, #sw-root .sw-wrap .gradingform_guide.editor .addcomment input, .gradingform_guide.editor .addcomment #sw-root .sw-wrap input, #sw-root .sw-wrap .message-user-button {
border-radius: 11px;
}
#sw-root .sw-wrap .rui-form-element-group:has(> input[type="submit"]), #sw-root .sw-wrap .rui-form-element-group:has(> button[type="submit"]), #sw-root .sw-wrap .rui-form-element-group:has(> input[type="button"]), #sw-root .sw-wrap .rui-form-element-group:has(> input[type="reset"]) {
gap: 12px;
}
@media (min-width: 700px) {
#sw-root .sw-wrap .rui-form-element-group:has(> input[type="submit"]), #sw-root .sw-wrap .rui-form-element-group:has(> button[type="submit"]), #sw-root .sw-wrap .rui-form-element-group:has(> input[type="button"]), #sw-root .sw-wrap .rui-form-element-group:has(> input[type="reset"]) {
flex-wrap: nowrap;
}
}
#sw-root .sw-wrap .rui-form-element-group > input[type="submit"], #sw-root .sw-wrap .rui-form-element-group > button[type="submit"], #sw-root .sw-wrap .rui-form-element-group > input[type="button"], #sw-root .sw-wrap .rui-form-element-group > input[type="reset"] {
white-space: nowrap;
}
#sw-root .sw-files .filemanager, #sw-root .sw-files .fm-content-wrapper {
border-radius: 12px;
}
#sw-root .sw-files .filemanager-toolbar, #sw-root .sw-files .fp-toolbar {
border-radius: 10px;
}
#sw-root .sw-files .fp-btn-add a, #sw-root .sw-files .fp-btn-mkdir a {
color: var(--sw-navy);
}
#sw-root .sw-profile .userprofile {
display: flex;
flex-direction: column;
gap: 0;
}
#sw-root .sw-profile .profile_tree {
column-count: 2;
column-gap: 18px;
}
#sw-root .sw-profile .node_category {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 14px;
box-shadow: var(--sw-sh-sm);
padding: 16px 18px;
margin: 0 0 18px;
break-inside: avoid;
display: inline-block;
width: 100%;
}
#sw-root .sw-profile .node_category > h3 {
font-size: 14px;
font-weight: 800;
margin: 0 0 12px;
padding-bottom: 10px;
border-bottom: 1px solid var(--sw-line);
color: var(--sw-ink);
}
#sw-root .sw-profile .node_category ul {
list-style: none;
margin: 0;
padding: 0;
}
#sw-root .sw-profile .node_category li {
padding: 7px 0;
border-bottom: 1px solid var(--sw-line);
font-size: 13px;
}
#sw-root .sw-profile .node_category li:last-child {
border-bottom: 0;
}
#sw-root .sw-profile .contentnode {
color: var(--sw-muted);
}
@media (max-width: 760px) {
#sw-root .sw-profile .profile_tree {
column-count: 1;
}
}
#sw-root .sw-profile-hero {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 18px;
box-shadow: var(--sw-sh);
overflow: hidden;
margin-bottom: 18px;
}
#sw-root .sw-ph-band {
height: 74px;
background: linear-gradient(120deg, #042E66, #03224C 60%, #0F3971);
}
#sw-root .sw-ph-body {
padding: 14px 24px 20px;
display: flex;
align-items: flex-end;
gap: 18px;
flex-wrap: wrap;
}
#sw-root .sw-ph-av {
margin-top: -52px;
flex: none;
}
#sw-root .sw-ph-av .sw-ph-pic, #sw-root .sw-ph-av img {
width: 92px;
height: 92px;
border-radius: 22px;
border: 4px solid #fff;
box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.4);
object-fit: cover;
background: var(--sw-surface);
}
#sw-root .sw-ph-info {
flex: 1 1 220px;
min-width: 0;
padding-bottom: 2px;
}
#sw-root .sw-ph-info h1 {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--sw-ink);
margin: 0;
}
#sw-root .sw-ph-status {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 8px;
font: 800 10px var(--sw-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
border-radius: 999px;
padding: 4px 10px;
color: var(--sw-green);
background: #E6F6F0;
border: 1px solid #cfe9df;
}
#sw-root .sw-ph-status::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--sw-green);
}
#sw-root .sw-ph-acts {
display: flex;
gap: 9px;
flex-wrap: wrap;
padding-bottom: 4px;
}
#sw-root .sw-ph-btn {
display: inline-flex;
align-items: center;
gap: 7px;
font: 800 13px var(--sw-sans);
border-radius: 11px;
padding: 10px 16px;
text-decoration: none !important;
}
#sw-root .sw-ph-btn svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.1;
}
#sw-root .sw-ph-btn.g {
background: var(--sw-gaccent);
color: var(--sw-on-accent) !important;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
#sw-root.sw-app .sw-content.sw-messages {
max-width: 1320px;
}
#sw-root .sw-wrap.sw-messages {
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
#sw-root .sw-messages .message-app {
min-height: 72vh;
border: 1px solid var(--sw-line);
border-radius: 16px;
background: var(--sw-surface);
box-shadow: var(--sw-sh-sm);
}
#sw-root .sw-messages .message-app .btn-primary, #sw-root .sw-messages .message-app .addtagcoll a, .addtagcoll #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish #sw-root .sw-messages .message-app input, #sw-root .sw-messages .message-app #siteconfiglink a, #siteconfiglink #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .forum-post-footer a, .forum-post-footer #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton #sw-root .sw-messages .message-app .btn, #sw-root .sw-messages .message-app #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .mod_quiz-next-nav, #sw-root .sw-messages .message-app .addbloglink a, .addbloglink #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app #addcontrols input, #addcontrols #sw-root .sw-messages .message-app input, #sw-root .sw-messages .message-app #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .midpad a, .midpad #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .createstep, #sw-root .sw-messages .message-app #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) #sw-root .sw-messages .message-app a, #sw-root .sw-messages .message-app .webservicestokenui + a, #sw-root .sw-messages .message-app .rui-pre button, .rui-pre #sw-root .sw-messages .message-app button, #sw-root .sw-messages .message-app .pagenumber .dropdown-btn, .pagenumber #sw-root .sw-messages .message-app .dropdown-btn, #sw-root .sw-messages .message-app #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu #sw-root .sw-messages .message-app .dropdown-toggle, #sw-root .sw-messages .message-app .last-add-menu .dropdown-btn, .last-add-menu #sw-root .sw-messages .message-app .dropdown-btn {
background: var(--sw-gaccent);
color: var(--sw-on-accent);
border: 0;
}
#sw-root .sw-notifications .notification-area {
border: 0;
}
#sw-root .sw-notifications .list-group-item, #sw-root .sw-notifications .content-item-container {
border-radius: 10px;
border-color: var(--sw-line);
}
#sw-root .sw-notifications .all-notifications {
max-height: none;
}
#sw-root .sw-notifications .notification.unread, #sw-root .sw-notifications .content-item-container.unread {
box-shadow: inset 3px 0 0 var(--sw-accent);
}
#sw-root .sw-help {
position: fixed;
left: 22px;
bottom: 22px;
z-index: 1050;
}
#sw-root .sw-help-fab {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--sw-gaccent);
color: var(--sw-on-accent);
font-weight: 800;
font-size: 13.5px;
border: 0;
border-radius: 30px;
padding: 13px 19px;
cursor: pointer;
box-shadow: 0 12px 30px rgba(0, 117, 237, 0.42);
}
#sw-root .sw-help-fab svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
#sw-root .sw-help-panel {
position: absolute;
left: 0;
bottom: 62px;
width: 320px;
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 16px;
box-shadow: var(--sw-sh-lg);
overflow: hidden;
}
#sw-root .sw-help-head {
display: flex;
align-items: center;
gap: 11px;
padding: 14px 16px;
border-bottom: 1px solid var(--sw-line);
}
#sw-root .sw-help-ic {
width: 34px;
height: 34px;
border-radius: 10px;
background: rgba(0, 117, 237, 0.16);
color: #063A70;
display: grid;
place-items: center;
}
#sw-root .sw-help-ic svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.9;
}
#sw-root .sw-help-t b {
display: block;
font-size: 13.5px;
font-weight: 800;
}
#sw-root .sw-help-t small {
color: var(--sw-faint);
font-size: 11px;
}
#sw-root .sw-help-close {
margin-left: auto;
border: 0;
background: none;
font-size: 22px;
line-height: 1;
color: var(--sw-faint);
cursor: pointer;
}
#sw-root .sw-help-panel .sd-support {
padding: 6px 16px 14px;
}
#sw-root .sw-help-panel .sd-support .support-block-button {
display: flex;
flex-direction: column;
}
#sw-root .sw-help-panel .sd-support .btn {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
text-align: left;
padding: 13px 0;
margin: 0;
border: 0;
border-bottom: 1px solid var(--sw-line);
border-radius: 0;
background: none;
box-shadow: none;
color: var(--sw-ink);
font: 600 13px/1.3 var(--sw-sans);
cursor: pointer;
}
#sw-root .sw-help-panel .sd-support .btn::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sw-accent);
}
#sw-root .sw-help-panel .sd-support .btn:last-child {
border-bottom: 0;
}
#sw-root .sw-help-panel .sd-support .btn:hover {
color: var(--sw-blue);
}
#sw-root .sw-askjo-panel {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 1060;
width: 380px;
max-width: calc(100vw - 32px);
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 16px;
box-shadow: var(--sw-sh-lg);
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 72vh;
}
#sw-root .sw-askjo-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 16px;
background: var(--sw-gnavy);
color: #fff;
font-weight: 800;
}
#sw-root .sw-askjo-close {
border: 0;
background: none;
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
#sw-root .sw-askjo-body {
flex: 1;
overflow-y: auto;
padding: 12px 14px;
min-height: 220px;
}
#sw-root .sw-askjo-control {
border-top: 1px solid var(--sw-line);
padding: 10px 12px;
}
@media (max-width: 980px) {
#sw-root.sw-app {
grid-template-columns: 1fr;
}
#sw-root .sw-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 248px;
z-index: 1080;
transform: translateX(-100%);
transition: transform 0.25s ease;
}
#sw-root.sw-nav-open .sw-side {
transform: translateX(0);
}
#sw-root.sw-nav-open .sw-backdrop {
display: block;
position: fixed;
inset: 0;
background: rgba(11, 32, 52, 0.45);
z-index: 1070;
}
#sw-root .sw-burger {
display: block;
}
}
@media (max-width: 560px) {
#sw-root .sw-askjo span {
display: none;
}
#sw-root .sw-content {
padding: 16px 14px 80px;
}
}
#sw-root .sw-side {
padding: 22px 16px;
gap: 3px;
}
#sw-root .sw-brand {
display: flex;
align-items: center;
padding: 6px 8px 22px;
}
#sw-root .sw-brand img {
max-height: 38px;
max-width: none;
width: auto;
height: auto;
}
#sw-root .sw-navlbl {
font: 600 11px/1 var(--sw-sans);
letter-spacing: 0.12em;
padding: 18px 12px 8px;
}
#sw-root .sw-nav {
display: flex;
flex-direction: column;
gap: 3px;
}
#sw-root .sw-nav a {
position: relative;
padding: 10px 12px;
font-family: var(--sw-sans);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
#sw-root .sw-nav a svg {
flex: 0 0 18px;
}
#sw-root .sw-nav a.on {
font-weight: 700;
}
#sw-root .sw-nav a.on::before {
content: "";
position: absolute;
left: -16px;
top: 8px;
bottom: 8px;
width: 4px;
border-radius: 0 4px 4px 0;
background: var(--sw-accent);
}
#sw-root .sw-topbar {
padding: 14px 0;
}
#sw-root .sw-topbar-inner {
min-height: 44px;
max-width: 1320px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#sw-root .sw-search {
padding: 10px 14px;
}
#sw-root .sw-search input {
padding: 0;
height: auto;
min-height: 0;
border-radius: 0;
box-shadow: none;
line-height: 1.5;
}
#sw-root .sw-content {
max-width: 1320px;
}
@media (min-width: 1081px) {
#sw-root .sw-topbar-inner {
padding-left: 30px;
padding-right: 30px;
}
#sw-root .sw-content {
padding-left: 30px;
padding-right: 30px;
}
}
/* ==========================================================================
Dark mode
========================================================================== */
body.sd-dark #sw-root, body.theme-dark #sw-root {
--sw-ground: #0A1722;
--sw-surface: #0F2230;
--sw-ink: #EAF2F9;
--sw-muted: #9DB2C3;
--sw-faint: #6F8597;
--sw-line: #1E3445;
--sw-navy: #0A264B;
--sw-onsurface: var(--sw-ink);
--sw-gnavy: linear-gradient(135deg, #0F3362, #0A1E39);
/* Brand accent text is tuned for light grounds; lift it so dark-red brands stay readable. */
/* Core renders its own markup inside the shell -- the profile tree, for one -- and that markup
carries Bootstrap's .card-body. Every tenant except iiitd has a theme_baz/scss admin setting
(four different variants of it) containing `.card-body { background: #f6fcff6e }`, a
translucent near-white applied globally with no dark-mode counterpart. On a dark page it
washes the card out and the text on it measures 1.6-2.5:1: on the profile that is the field
labels, their values and the section headings. The setting lives in the database, so it is
invisible to the repo and cannot be fixed where it is written. Pin the surface here instead.
The enclosing #sw-root out-specifies the bare .card-body, so no !important is needed. */
}
body.sd-dark #sw-root .sw-topbar, body.theme-dark #sw-root .sw-topbar {
background: rgba(10, 23, 34, 0.92);
}
body.sd-dark #sw-root .sw-help-ic, body.theme-dark #sw-root .sw-help-ic {
background: rgba(0, 117, 237, 0.18);
}
body.sd-dark #sw-root .sw-eyebrow, body.sd-dark #sw-root .sw-help-ic, body.theme-dark #sw-root .sw-eyebrow, body.theme-dark #sw-root .sw-help-ic {
color: #59a5f3;
}
body.sd-dark #sw-root .card-body, body.theme-dark #sw-root .card-body {
background: transparent;
}
body.sd-dark #sw-root .card-body .card-title, body.sd-dark #sw-root .card-body dt, body.theme-dark #sw-root .card-body .card-title, body.theme-dark #sw-root .card-body dt {
color: var(--sw-ink);
}
body.sd-dark #sw-root .card-body dd, body.theme-dark #sw-root .card-body dd {
color: var(--sw-muted);
}
/* ==========================================================================
Redesigned notification popover + message drawer.
Scoped to body.baz-student-exp so ONLY student-experience pages get the
navy/gold treatment — teachers and classic pages keep the stock components.
Cosmetic only (colour, radius, weight); no layout/position changes, so the
core popover + drawer behaviour ("See all", item links, mark-read) is intact.
========================================================================== */
body.baz-student-exp {
--sx-navy: #022758;
--sx-gnavy: linear-gradient(135deg, #04387E, #021F46);
--sx-accent: #0075ED;
--sx-line: #E5ECF3;
--sx-sans: "Manrope", "Inter", system-ui, sans-serif;
/* notification popover (inline in the bespoke topbar). No overflow:hidden on
the container — it was clipping the "See all" footer; round the header +
footer corners individually instead. */
/* "See all" footer — full-width, never clipped, bold, branded. */
/* In dark mode the popover follows Moodle's theme-dark; make "See all" gold. */
/* message drawer (rendered at body level via standard_after_main_region_html) */
/* Injected "See all messages" footer (theme_baz/studentmsg). */
/* ===================== Account pages (wrapped moodle content) =====================
Preferences hub, Edit profile and Change password render their standard
markup inside .sw-wrap; restyle it to the bespoke design here. Scoped by
wrapclass so it only touches these pages. Field names/validation untouched. */
/* ---- Preferences hub: bespoke setting cards (from build_pref_cards) ---- */
/* Hide Moodle's in-content page heading + "Expand all" on the wrapped form
pages (the sw hero already shows the title). */
/* ---- Generic wrap: notices and confirmations ----
core's notice() and confirm() render a box of text plus one or two
buttons, with no layout of their own. Inside the shell the box would
otherwise sit flush against the card edge with its buttons hard left,
reading as an unstyled fragment rather than a page. */
/* confirm() gives both choices .btn-primary; the second is the way back, so
it should not compete with the action the page is asking for. */
/* Flatten Moodle's grey collapsible fieldset header into a clean section
label (uppercase mono, no grey bar / collapse chrome). */
/* ---- (legacy) Preferences link groups — kept harmless; main_content now hidden ---- */
/* ---- Edit profile / Change password: moodleform → clean sections ---- */
/* ----------------------------------------------------------------------
Self-enrolment page (enrol-index) — restyle the wrapped core enrol
markup into a course-enrolment card. The enrol mform is untouched.
---------------------------------------------------------------------- */
/* strip core page chrome (the shell already has its own crumb/header) */
/* the whole enrol content becomes one card */
/* course header -> navy cover with white title */
/* card body padding */
/* course start-date -> chip */
/* enrolment options / method headings -> section labels */
/* keep the enrol description text readable */
/* Enrol me button: gold CTA (base .sw-wrap #id_submitbutton rule already golds
submits; enlarge it here) */
/* enrolment-key field, when present */
/* the shell hero already shows the course name, so hide the course-card's
duplicate title link inside the enrol card */
/* tidy the actual course-card that the self-enrol method renders */
/* "About this course" — the enrolldesc custom field, which the classic
layout renders from efull_header. Its own card above the enrolment card.
The field is teacher-authored HTML pasted from Word, so the inline
font-family and font-size it carries are overridden to the shell's type. */
/* ======================================================================
Change password — bespoke security card (theme_baz/changepassword JS
enhances the real core form; these styles dress it. Fails safe: without
JS the .sw-cp class is absent and the plain wrapped form shows.)
====================================================================== */
/* The fieldset IS the card (override the generic fieldset padding). */
/* hero */
/* password field + eye toggle */
/* strength meter */
/* requirement checklist */
/* passwords-match indicator */
/* the raw policy text is replaced by the live checklist */
/* submit disabled (fail-open) state */
}
body.baz-student-exp .popover-region-notifications .popover-region-container {
border-radius: 16px;
border: 1px solid var(--sx-line);
box-shadow: 0 18px 50px rgba(11, 32, 52, 0.18);
font-family: var(--sx-sans);
}
body.baz-student-exp .popover-region-notifications .popover-region-header-container {
background: var(--sx-gnavy);
color: #fff;
padding: 13px 16px;
border: 0;
border-radius: 16px 16px 0 0;
}
body.baz-student-exp .popover-region-notifications .popover-region-header-container h3, body.baz-student-exp .popover-region-notifications .popover-region-header-container a, body.baz-student-exp .popover-region-notifications .popover-region-header-actions a {
color: #fff;
}
body.baz-student-exp .popover-region-notifications .see-all-link {
display: block;
text-align: center;
padding: 12px 16px;
margin: 0;
border-top: 1px solid var(--sx-line);
border-radius: 0 0 16px 16px;
color: var(--sx-navy);
font-weight: 700;
text-decoration: none;
}
body.baz-student-exp .popover-region-notifications .see-all-link:hover {
background: rgba(0, 117, 237, 0.12);
}
body.baz-student-exp .popover-region-notifications .popover-region-seeall-text {
color: inherit;
}
body.baz-student-exp .popover-region-notifications .notification.unread, body.baz-student-exp .popover-region-notifications [data-region="all-notifications"] .unread {
box-shadow: inset 3px 0 0 var(--sx-accent);
}
body.baz-student-exp.theme-dark .popover-region-notifications .see-all-link {
color: #59a5f3;
}
body.baz-student-exp .message-drawer {
font-family: var(--sx-sans);
}
body.baz-student-exp .message-drawer [data-region="header-container"], body.baz-student-exp .message-drawer .header-container {
background: var(--sx-gnavy);
color: #fff;
}
body.baz-student-exp .message-drawer [data-region="header-container"] a, body.baz-student-exp .message-drawer [data-region="header-container"] .btn {
color: #fff;
}
body.baz-student-exp .message-drawer .btn-primary, body.baz-student-exp .message-drawer .addtagcoll a, .addtagcoll body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-exp .message-drawer input, body.baz-student-exp .message-drawer #siteconfiglink a, #siteconfiglink body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .forum-post-footer a, .forum-post-footer body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-exp .message-drawer .btn, body.baz-student-exp .message-drawer #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .mod_quiz-next-nav, body.baz-student-exp .message-drawer .addbloglink a, .addbloglink body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer #addcontrols input, #addcontrols body.baz-student-exp .message-drawer input, body.baz-student-exp .message-drawer #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .midpad a, .midpad body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .createstep, body.baz-student-exp .message-drawer #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-exp .message-drawer a, body.baz-student-exp .message-drawer .webservicestokenui + a, body.baz-student-exp .message-drawer .rui-pre button, .rui-pre body.baz-student-exp .message-drawer button, body.baz-student-exp .message-drawer .pagenumber .dropdown-btn, .pagenumber body.baz-student-exp .message-drawer .dropdown-btn, body.baz-student-exp .message-drawer #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .message-drawer .dropdown-toggle, body.baz-student-exp .message-drawer .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-exp .message-drawer .dropdown-btn {
background: var(--sx-gnavy);
border: 0;
}
body.baz-student-exp .message-drawer .badge.bg-primary, body.baz-student-exp .message-drawer .unread-count {
background: var(--sx-accent) !important;
color: var(--sx-navy) !important;
}
body.baz-student-exp .message-drawer .sw-msg-seeall {
display: block;
margin: 8px 12px 14px;
padding: 11px 16px;
text-align: center;
background: var(--sx-gnavy);
color: #fff;
font-weight: 700;
font-size: 13px;
border-radius: 11px;
text-decoration: none;
}
body.baz-student-exp .message-drawer .sw-msg-seeall:hover {
color: #fff;
filter: brightness(1.08);
}
body.baz-student-exp .sw-mc-hidden {
display: none;
}
body.baz-student-exp .sw-pref-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
}
body.baz-student-exp .sw-pref-card {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 14px;
padding: 16px 18px;
box-shadow: var(--sw-sh);
}
body.baz-student-exp .sw-pref-ch {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 10px;
}
body.baz-student-exp .sw-pref-ic {
width: 36px;
height: 36px;
flex: none;
border-radius: 10px;
display: grid;
place-items: center;
}
body.baz-student-exp .sw-pref-ic svg {
width: 19px;
height: 19px;
stroke: #fff;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-student-exp .sw-pref-ic.a {
background: linear-gradient(135deg, #04387E, #021F46);
}
body.baz-student-exp .sw-pref-ic.b {
background: linear-gradient(135deg, #8B5CF6, #6d3ff0);
}
body.baz-student-exp .sw-pref-ic.c {
background: linear-gradient(135deg, #1FA37A, #127a59);
}
body.baz-student-exp .sw-pref-ic.d {
background: linear-gradient(135deg, #0882FF, #0C63BC);
}
body.baz-student-exp .sw-pref-ic.e {
background: linear-gradient(135deg, #5B8DEF, #2f66d8);
}
body.baz-student-exp .sw-pref-ct {
font: 800 15px var(--sw-sans);
color: var(--sw-ink);
}
body.baz-student-exp .sw-pref-link {
display: flex;
align-items: center;
padding: 9px 2px;
font: 600 13.5px var(--sw-sans);
color: var(--sw-ink) !important;
text-decoration: none;
border-bottom: 1px solid var(--sw-line);
}
body.baz-student-exp .sw-pref-link:last-child {
border-bottom: 0;
}
body.baz-student-exp .sw-pref-link .ar {
margin-left: auto;
color: var(--sw-faint);
font-size: 17px;
}
body.baz-student-exp .sw-pref-link:hover {
color: var(--sw-navy) !important;
}
body.baz-student-exp .sw-pref-link:hover .ar {
color: var(--sw-accent);
}
body.baz-student-exp .sw-editprofile .sw-wrap .rui-main-content-title, body.baz-student-exp .sw-password .sw-wrap .rui-main-content-title, body.baz-student-exp .sw-settings .sw-wrap .rui-main-content-title, body.baz-student-exp .sw-generic .sw-wrap .rui-main-content-title, body.baz-student-exp .sw-profile .sw-wrap .rui-main-content-title, body.baz-student-exp .sw-editprofile .sw-wrap > h2, body.baz-student-exp .sw-password .sw-wrap > h2, body.baz-student-exp .sw-settings .sw-wrap > h2, body.baz-student-exp .sw-profile .sw-wrap > h2, body.baz-student-exp .sw-wrap .page-context-header, body.baz-student-exp .sw-wrap .collapsible-actions {
display: none;
}
body.baz-student-exp .sw-generic .sw-wrap {
max-width: 640px;
margin-inline: auto;
}
body.baz-student-exp .sw-generic .sw-wrap > .box, body.baz-student-exp .sw-generic .sw-wrap .generalbox {
background: none;
border: 0;
padding: 0;
margin: 0 0 22px;
font-size: 15px;
line-height: 1.6;
color: var(--sw-ink);
text-align: center;
}
body.baz-student-exp .sw-generic .sw-wrap .continuebutton, body.baz-student-exp .sw-generic .sw-wrap .singlebutton {
display: flex;
justify-content: center;
gap: 12px;
margin: 0;
}
body.baz-student-exp .sw-generic .sw-wrap .continuebutton form, body.baz-student-exp .sw-generic .sw-wrap .singlebutton form {
margin: 0;
}
body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .btn-primary, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .addtagcoll a, .addtagcoll body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form input, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #siteconfiglink a, #siteconfiglink body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .forum-post-footer a, .forum-post-footer body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .btn, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .mod_quiz-next-nav, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .addbloglink a, .addbloglink body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #addcontrols input, #addcontrols body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form input, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .midpad a, .midpad body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .createstep, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .webservicestokenui + a, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .rui-pre button, .rui-pre body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form button, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .pagenumber .dropdown-btn, .pagenumber body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .dropdown-btn, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .dropdown-toggle, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .dropdown-btn {
background: transparent;
color: var(--sw-ink);
border: 1px solid var(--sw-line);
box-shadow: none;
}
body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .btn-primary:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .addtagcoll a:hover, .addtagcoll body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form input:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #siteconfiglink a:hover, #siteconfiglink body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .forum-post-footer a:hover, .forum-post-footer body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .btn:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .mod_quiz-next-nav:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .addbloglink a:hover, .addbloglink body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #addcontrols input:hover, #addcontrols body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form input:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .midpad a:hover, .midpad body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .createstep:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .webservicestokenui + a:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .rui-pre button:hover, .rui-pre body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form button:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .pagenumber .dropdown-btn:hover, .pagenumber body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .dropdown-btn:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle:hover, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .dropdown-toggle:hover, body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .last-add-menu .dropdown-btn:hover, .last-add-menu body.baz-student-exp .sw-generic .sw-wrap .continuebutton form + form .dropdown-btn:hover {
background: var(--sw-ground);
color: var(--sw-ink);
filter: none;
}
body.baz-student-exp .sw-wrap fieldset.collapsible > legend, body.baz-student-exp .sw-wrap fieldset.clearfix > legend {
padding: 0;
border: 0;
}
body.baz-student-exp .sw-wrap .fheader {
background: none !important;
border: 0 !important;
padding: 4px 0 !important;
box-shadow: none !important;
}
body.baz-student-exp .sw-wrap .fheader h3, body.baz-student-exp .sw-wrap .fheader h2 {
font: 800 11px/1 var(--sw-mono) !important;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sw-muted) !important;
margin: 0;
}
body.baz-student-exp .sw-wrap .fheader .icons-collapse-expand, body.baz-student-exp .sw-wrap .fheader [data-collapse] svg, body.baz-student-exp .sw-wrap .ftoggler .icon {
display: none;
}
body.baz-student-exp .sw-prefs .container-fluid, body.baz-student-exp .sw-prefs .container-sm, body.baz-student-exp .sw-prefs .container-md, body.baz-student-exp .sw-prefs .container-lg, body.baz-student-exp .sw-prefs .container-xl {
padding: 0 !important;
margin: 0 !important;
}
body.baz-student-exp .sw-prefs .row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
margin: 0;
}
body.baz-student-exp .sw-prefs [class*="col-"] {
max-width: none;
flex: none;
width: auto;
padding: 0;
}
body.baz-student-exp .sw-prefs .card {
border: 1px solid var(--sw-line) !important;
border-radius: 14px !important;
box-shadow: var(--sw-sh) !important;
background: var(--sw-surface);
margin: 0 !important;
}
body.baz-student-exp .sw-prefs .card-body {
padding: 16px 18px;
}
body.baz-student-exp .sw-prefs .card-body h3, body.baz-student-exp .sw-prefs .card-body h2, body.baz-student-exp .sw-prefs .card-title {
font: 800 15px var(--sw-sans);
color: var(--sw-ink);
margin: 0 0 12px;
padding-left: 11px;
border-left: 3px solid var(--sw-accent);
}
body.baz-student-exp .sw-prefs .card-text > div {
border-bottom: 1px solid var(--sw-line);
}
body.baz-student-exp .sw-prefs .card-text > div:last-child {
border-bottom: 0;
}
body.baz-student-exp .sw-prefs .card-text a {
display: flex;
align-items: center;
padding: 9px 2px;
font: 600 13.5px var(--sw-sans);
color: var(--sw-ink) !important;
text-decoration: none;
}
body.baz-student-exp .sw-prefs .card-text a::after {
content: "›";
margin-left: auto;
color: var(--sw-faint);
font-size: 16px;
}
body.baz-student-exp .sw-prefs .card-text a:hover {
color: var(--sw-navy) !important;
}
body.baz-student-exp .sw-editprofile form {
max-width: 760px;
}
body.baz-student-exp .sw-password form {
max-width: 520px;
}
body.baz-student-exp .sw-wrap fieldset.clearfix {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 14px;
padding: 6px 18px 16px;
margin: 0 0 16px;
box-shadow: var(--sw-sh);
}
body.baz-student-exp .sw-wrap fieldset > legend, body.baz-student-exp .sw-wrap fieldset .fheader {
font: 800 11px/1 var(--sw-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sw-muted);
padding: 14px 0 4px;
border: 0;
}
body.baz-student-exp .sw-wrap .ftoggler, body.baz-student-exp .sw-wrap fieldset .fheader a {
color: var(--sw-ink);
text-decoration: none;
}
body.baz-student-exp .sw-wrap .fcontainer {
padding-top: 8px;
}
body.baz-student-exp .sw-wrap .fitem.row {
display: block;
margin: 0 0 14px !important;
padding: 0 !important;
}
body.baz-student-exp .sw-wrap .fitem .col-form-label, body.baz-student-exp .sw-wrap .fitem [class*="col-md-3"] {
text-align: left !important;
max-width: none;
flex: none;
width: auto;
padding: 0 0 6px !important;
}
body.baz-student-exp .sw-wrap .fitem .col-form-label label, body.baz-student-exp .sw-wrap .fitem label {
font: 800 12.5px var(--sw-sans);
color: var(--sw-ink);
margin: 0;
}
body.baz-student-exp .sw-wrap .fitem .felement, body.baz-student-exp .sw-wrap .fitem [class*="col-md-9"] {
max-width: none;
flex: none;
width: 100%;
padding: 0 !important;
}
body.baz-student-exp .sw-wrap .felement input[type="text"], body.baz-student-exp .sw-wrap .felement input[type="email"], body.baz-student-exp .sw-wrap .felement input[type="password"], body.baz-student-exp .sw-wrap .felement input[type="url"], body.baz-student-exp .sw-wrap .felement select, body.baz-student-exp .sw-wrap .felement textarea {
width: 100%;
max-width: 480px;
border: 1px solid var(--sw-line) !important;
border-radius: 10px !important;
padding: 10px 13px !important;
font: 600 14px var(--sw-sans);
color: var(--sw-ink);
background: var(--sw-surface);
box-shadow: none !important;
height: auto;
}
body.baz-student-exp .sw-wrap .felement input:focus, body.baz-student-exp .sw-wrap .felement select:focus, body.baz-student-exp .sw-wrap .felement textarea:focus {
border-color: var(--sw-accent) !important;
outline: none;
}
body.baz-student-exp .sw-wrap .felement input[disabled], body.baz-student-exp .sw-wrap .felement input[readonly] {
background: var(--sw-ground);
color: var(--sw-muted);
}
body.baz-student-exp .sw-wrap .btn-primary, body.baz-student-exp .sw-wrap .addtagcoll a, .addtagcoll body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-exp .sw-wrap input, body.baz-student-exp .sw-wrap #siteconfiglink a, #siteconfiglink body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .forum-post-footer a, .forum-post-footer body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-exp .sw-wrap .btn, body.baz-student-exp .sw-wrap #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .mod_quiz-next-nav, body.baz-student-exp .sw-wrap .addbloglink a, .addbloglink body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap #addcontrols input, #addcontrols body.baz-student-exp .sw-wrap input, body.baz-student-exp .sw-wrap #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .midpad a, .midpad body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .createstep, body.baz-student-exp .sw-wrap #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .webservicestokenui + a, body.baz-student-exp .sw-wrap .rui-pre button, .rui-pre body.baz-student-exp .sw-wrap button, body.baz-student-exp .sw-wrap .pagenumber .dropdown-btn, .pagenumber body.baz-student-exp .sw-wrap .dropdown-btn, body.baz-student-exp .sw-wrap #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .sw-wrap .dropdown-toggle, body.baz-student-exp .sw-wrap .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-exp .sw-wrap .dropdown-btn, body.baz-student-exp .sw-wrap #id_submitbutton, body.baz-student-exp .sw-wrap input[type="submit"].btn-primary, body.baz-student-exp .sw-wrap .gradereport_history_usp .usp-finish input[type="submit"], .gradereport_history_usp .usp-finish body.baz-student-exp .sw-wrap input[type="submit"], body.baz-student-exp .sw-wrap .rui-submissionaction .singlebutton input.btn[type="submit"], .rui-submissionaction .singlebutton body.baz-student-exp .sw-wrap input.btn[type="submit"], body.baz-student-exp .sw-wrap input.mod_quiz-next-nav[type="submit"], body.baz-student-exp .sw-wrap #addcontrols input[type="submit"], #addcontrols body.baz-student-exp .sw-wrap input[type="submit"], body.baz-student-exp .sw-wrap input.createstep[type="submit"], body.baz-student-exp .sw-wrap .pagenumber input.dropdown-btn[type="submit"], .pagenumber body.baz-student-exp .sw-wrap input.dropdown-btn[type="submit"], body.baz-student-exp .sw-wrap #page-grade-edit-tree-index .tertiary-navigation .action-menu input.dropdown-toggle[type="submit"], #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .sw-wrap input.dropdown-toggle[type="submit"], body.baz-student-exp .sw-wrap .last-add-menu input.dropdown-btn[type="submit"], .last-add-menu body.baz-student-exp .sw-wrap input.dropdown-btn[type="submit"] {
background: var(--sw-gaccent) !important;
border: 0 !important;
color: var(--sw-on-accent) !important;
font-weight: 800;
border-radius: 11px;
padding: 12px 22px;
box-shadow: 0 6px 16px rgba(0, 117, 237, 0.3);
}
body.baz-student-exp .sw-wrap .btn-secondary, body.baz-student-exp .sw-wrap .collapseexpand, body.baz-student-exp .sw-wrap .actions p a, .actions p body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .backlink a, .backlink body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .moreless-toggler, body.baz-student-exp .sw-wrap .search-results .result-context-info a, .search-results .result-context-info body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .tool_dataprivacy-expand-all, body.baz-student-exp .sw-wrap .edit-link a, .edit-link body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap #core-cache-rescan-definitions a, #core-cache-rescan-definitions body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .continuebutton a, .continuebutton body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .tour-actions > ul > li > a, body.baz-student-exp .sw-wrap .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search body.baz-student-exp .sw-wrap input[type="submit"], body.baz-student-exp .sw-wrap .comment-area .fd a[id*=post], .comment-area .fd body.baz-student-exp .sw-wrap a[id*=post], body.baz-student-exp .sw-wrap .allcoursegrades a, .allcoursegrades body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .addlinks a, .addlinks body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions body.baz-student-exp .sw-wrap .action, body.baz-student-exp .sw-wrap .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel body.baz-student-exp .sw-wrap input, body.baz-student-exp .sw-wrap .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls body.baz-student-exp .sw-wrap .exclusivemode, body.baz-student-exp .sw-wrap .notesgroup p a, .notesgroup p body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .printicon, body.baz-student-exp .sw-wrap .glossarypost .commands a, .glossarypost .commands body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .rui-form-element-group a, .rui-form-element-group body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .mod_quiz-prev-nav, body.baz-student-exp .sw-wrap .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .page_split_join, body.baz-student-exp .sw-wrap .path-mod-wiki .printicon, .path-mod-wiki body.baz-student-exp .sw-wrap .printicon, body.baz-student-exp .sw-wrap .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content body.baz-student-exp .sw-wrap h2 + a, body.baz-student-exp .sw-wrap .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .ajax-contact-button[data-is-contact="0"], body.baz-student-exp .sw-wrap .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns body.baz-student-exp .sw-wrap .btn, body.baz-student-exp .sw-wrap .chart-table-expand a, .chart-table-expand body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .export-actions a, .export-actions body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav body.baz-student-exp .sw-wrap a:not(.mod_quiz-next-nav), body.baz-student-exp .sw-wrap .modal-footer a:not(.btn-primary), .modal-footer body.baz-student-exp .sw-wrap a:not(.btn-primary), body.baz-student-exp .sw-wrap .commentlink a, .commentlink body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .itemnav a, .itemnav body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .que .comment a, .que .comment body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .btn-inverse, body.baz-student-exp .sw-wrap .pick.template, body.baz-student-exp .sw-wrap .action.remove, body.baz-student-exp .sw-wrap .card-body .footer a, .card-body .footer body.baz-student-exp .sw-wrap a, body.baz-student-exp .sw-wrap .section-collapsemenu, body.baz-student-exp .sw-wrap #message-user-button, body.baz-student-exp .sw-wrap .addcomponent, body.baz-student-exp .sw-wrap .btn-cancel .btn {
background: var(--sw-surface) !important;
border: 1.5px solid var(--sw-line) !important;
color: var(--sw-onsurface) !important;
border-radius: 11px;
font-weight: 800;
}
body.baz-student-exp .sw-wrap .form-control-feedback, body.baz-student-exp .sw-wrap .text-danger {
color: #B23A25;
font-size: 12.5px;
}
body.baz-student-exp .sw-wrap .collapseexpand {
font: 800 12px var(--sw-sans);
color: var(--sw-navy);
}
body.baz-student-exp .sw-eventreg .list-group {
border-radius: 12px;
overflow: hidden;
}
body.baz-student-exp .sw-eventreg .list-group-item {
background: var(--sw-surface);
border-color: var(--sw-line);
padding: 14px 16px;
}
body.baz-student-exp .sw-eventreg .list-group-item a {
color: var(--sw-navy);
font-weight: 700;
}
body.baz-student-exp .sw-eventreg .badge {
border-radius: 999px;
padding: 6px 12px;
font-weight: 800;
}
body.baz-student-exp .sw-eventreg dl.row dt {
color: var(--sw-muted, #6b7280);
font-weight: 700;
padding: 8px 0;
}
body.baz-student-exp .sw-eventreg dl.row dd {
color: var(--sw-navy);
padding: 8px 0;
margin-bottom: 0;
border-bottom: 1px solid var(--sw-line);
}
body.baz-student-exp .sw-enrol {
max-width: 720px;
}
body.baz-student-exp .sw-enrol .rui-breadcrumbs-wrapper, body.baz-student-exp .sw-enrol #page-navbar, body.baz-student-exp .sw-enrol #user-notifications:empty {
display: none;
}
body.baz-student-exp .sw-enrol #region-main-box, body.baz-student-exp .sw-enrol #region-main, body.baz-student-exp .sw-enrol .region-main-wrapper, body.baz-student-exp .sw-enrol .has-sidecourseblocks, body.baz-student-exp .sw-enrol .wrapper-has-blocks {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
width: 100% !important;
max-width: none !important;
box-shadow: none !important;
}
body.baz-student-exp .sw-enrol .row.no-gutters [class*="col-"], body.baz-student-exp .sw-enrol .row.g-0 [class*="col-"] {
max-width: none !important;
flex: none !important;
width: 100% !important;
padding: 0 !important;
}
body.baz-student-exp .sw-enrol #region-main > div, body.baz-student-exp .sw-enrol .region-main-content {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 18px;
box-shadow: var(--sw-sh);
overflow: hidden;
}
body.baz-student-exp .sw-enrol #page-header {
background: linear-gradient(135deg, var(--sw-navy), #032148);
padding: 26px 26px 22px;
margin: 0;
position: relative;
overflow: hidden;
}
body.baz-student-exp .sw-enrol #page-header::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: radial-gradient(420px 180px at 90% -20%, rgba(0, 117, 237, 0.3), transparent 70%);
}
body.baz-student-exp .sw-enrol #page-header .page-context-header, body.baz-student-exp .sw-enrol #page-header .rui-page-title, body.baz-student-exp .sw-enrol #page-header .rui-title-container, body.baz-student-exp .sw-enrol #page-header .header-actions-container {
padding: 0 !important;
margin: 0 !important;
background: none !important;
position: relative;
}
body.baz-student-exp .sw-enrol #page-header h1, body.baz-student-exp .sw-enrol .rui-main-content-title {
color: #fff !important;
font: 800 24px/1.2 var(--sw-sans) !important;
margin: 0 !important;
letter-spacing: -0.01em;
}
body.baz-student-exp .sw-enrol .row.no-gutters, body.baz-student-exp .sw-enrol .row.g-0 {
display: block;
padding: 22px 24px 24px;
}
body.baz-student-exp .sw-enrol .rui-enroll-desc {
margin: 0 0 4px;
}
body.baz-student-exp .sw-enrol .rui-course-info-box, body.baz-student-exp .sw-enrol .rui-cinfo-container, body.baz-student-exp .sw-enrol .rui-course-details {
display: block;
margin: 0;
padding: 0;
}
body.baz-student-exp .sw-enrol .rui-course-startdate {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--sw-ground);
border: 1px solid var(--sw-line);
border-radius: 999px;
padding: 6px 13px;
font-size: 12.5px;
margin: 0;
}
body.baz-student-exp .sw-enrol .rui-custom-field-name {
color: var(--sw-muted);
font-weight: 700;
}
body.baz-student-exp .sw-enrol .rui-custom-field-value {
color: var(--sw-ink);
font-weight: 800;
}
body.baz-student-exp .sw-enrol .rui-enroll-form h2, body.baz-student-exp .sw-enrol .rui-enroll-form h3, body.baz-student-exp .sw-enrol .rui-enroll-form .enrolment-options-header {
font: 800 12px/1.2 var(--sw-mono) !important;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sw-muted) !important;
margin: 20px 0 12px !important;
padding: 0;
border: 0;
}
body.baz-student-exp .sw-enrol .rui-enroll-form h2:first-child {
margin-top: 8px !important;
}
body.baz-student-exp .sw-enrol .rui-enroll-form p {
color: var(--sw-ink);
font-size: 14px;
line-height: 1.6;
}
body.baz-student-exp .sw-enrol #id_submitbutton, body.baz-student-exp .sw-enrol input[type="submit"].btn-primary, body.baz-student-exp .sw-enrol .gradereport_history_usp .usp-finish input[type="submit"], .gradereport_history_usp .usp-finish body.baz-student-exp .sw-enrol input[type="submit"], body.baz-student-exp .sw-enrol .rui-submissionaction .singlebutton input.btn[type="submit"], .rui-submissionaction .singlebutton body.baz-student-exp .sw-enrol input.btn[type="submit"], body.baz-student-exp .sw-enrol input.mod_quiz-next-nav[type="submit"], body.baz-student-exp .sw-enrol #addcontrols input[type="submit"], #addcontrols body.baz-student-exp .sw-enrol input[type="submit"], body.baz-student-exp .sw-enrol input.createstep[type="submit"], body.baz-student-exp .sw-enrol .pagenumber input.dropdown-btn[type="submit"], .pagenumber body.baz-student-exp .sw-enrol input.dropdown-btn[type="submit"], body.baz-student-exp .sw-enrol #page-grade-edit-tree-index .tertiary-navigation .action-menu input.dropdown-toggle[type="submit"], #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .sw-enrol input.dropdown-toggle[type="submit"], body.baz-student-exp .sw-enrol .last-add-menu input.dropdown-btn[type="submit"], .last-add-menu body.baz-student-exp .sw-enrol input.dropdown-btn[type="submit"], body.baz-student-exp .sw-enrol .btn-primary, body.baz-student-exp .sw-enrol .addtagcoll a, .addtagcoll body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-exp .sw-enrol input, body.baz-student-exp .sw-enrol #siteconfiglink a, #siteconfiglink body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .forum-post-footer a, .forum-post-footer body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-exp .sw-enrol .btn, body.baz-student-exp .sw-enrol #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .mod_quiz-next-nav, body.baz-student-exp .sw-enrol .addbloglink a, .addbloglink body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol #addcontrols input, #addcontrols body.baz-student-exp .sw-enrol input, body.baz-student-exp .sw-enrol #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .midpad a, .midpad body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .createstep, body.baz-student-exp .sw-enrol #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-exp .sw-enrol a, body.baz-student-exp .sw-enrol .webservicestokenui + a, body.baz-student-exp .sw-enrol .rui-pre button, .rui-pre body.baz-student-exp .sw-enrol button, body.baz-student-exp .sw-enrol .pagenumber .dropdown-btn, .pagenumber body.baz-student-exp .sw-enrol .dropdown-btn, body.baz-student-exp .sw-enrol #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-exp .sw-enrol .dropdown-toggle, body.baz-student-exp .sw-enrol .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-exp .sw-enrol .dropdown-btn {
padding: 13px 28px !important;
font-size: 15px !important;
border-radius: 12px !important;
}
body.baz-student-exp .sw-enrol .felement input[type="password"] {
max-width: 360px;
}
body.baz-student-exp .sw-enrol .rui-course-card-title {
display: none;
}
body.baz-student-exp .sw-enrol .rui-course-cat-badge {
display: inline-flex;
background: var(--sw-ground);
border: 1px solid var(--sw-line);
border-radius: 999px;
padding: 5px 12px;
font-weight: 700;
font-size: 12px;
color: var(--sw-muted);
}
body.baz-student-exp .sw-enrol .rui-course-card-text .no-overflow {
color: var(--sw-ink);
font-size: 14px;
line-height: 1.6;
}
body.baz-student-exp .sw-enrol .rui-card-course-contacts {
margin-top: 12px;
}
body.baz-student-exp .sw-enroldesc {
background: var(--sw-surface);
border: 1px solid var(--sw-line);
border-radius: 18px;
box-shadow: var(--sw-sh);
padding: 22px 24px;
margin-bottom: 18px;
max-width: 720px;
}
body.baz-student-exp .sw-enroldesc-h {
font: 800 12px/1 var(--sw-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sw-muted);
margin: 0 0 12px;
}
body.baz-student-exp .sw-enroldesc .rui-custom-field-box {
margin: 0;
}
body.baz-student-exp .sw-enroldesc .rui-custom-field-value, body.baz-student-exp .sw-enroldesc p, body.baz-student-exp .sw-enroldesc li, body.baz-student-exp .sw-enroldesc span {
color: var(--sw-ink) !important;
font-family: var(--sw-sans) !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
body.baz-student-exp .sw-enroldesc p:last-child {
margin-bottom: 0;
}
body.baz-student-exp .sw-enroldesc img {
max-width: 100%;
height: auto;
border-radius: 12px;
}
body.baz-student-exp .sw-password {
--sw-ok: #1E9E6A;
--sw-bad: #C0402A;
}
body.baz-student-exp .sw-password form {
max-width: 560px;
}
body.baz-student-exp .sw-password fieldset.sw-cp {
padding: 0 22px 22px !important;
border-radius: 18px !important;
overflow: hidden;
}
body.baz-student-exp .sw-password fieldset.sw-cp > legend {
display: none;
}
body.baz-student-exp .sw-password .sw-cp-hero {
display: flex;
align-items: center;
gap: 15px;
margin: 0 -22px 20px;
padding: 20px 22px;
border-bottom: 1px solid var(--sw-line);
background: linear-gradient(180deg, rgba(0, 117, 237, 0.09), rgba(0, 117, 237, 0));
}
body.baz-student-exp .sw-password .sw-cp-shield {
flex: 0 0 50px;
width: 50px;
height: 50px;
border-radius: 14px;
background: var(--sw-navy);
display: grid;
place-items: center;
box-shadow: inset 0 0 0 1px rgba(0, 117, 237, 0.35);
}
body.baz-student-exp .sw-password .sw-cp-shield svg {
width: 26px;
height: 26px;
fill: none;
stroke: var(--sw-accent);
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-student-exp .sw-password .sw-cp-ht {
font: 800 16px var(--sw-sans);
color: var(--sw-ink);
}
body.baz-student-exp .sw-password .sw-cp-hs {
font-size: 13px;
color: var(--sw-muted);
margin-top: 2px;
}
body.baz-student-exp .sw-password .sw-cp-pwwrap {
position: relative;
}
body.baz-student-exp .sw-password .sw-cp-pwwrap input {
padding-right: 46px !important;
max-width: none !important;
}
body.baz-student-exp .sw-password .sw-cp-eye {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 9px;
border: 0;
background: transparent;
color: var(--sw-faint);
display: grid;
place-items: center;
cursor: pointer;
padding: 0;
}
body.baz-student-exp .sw-password .sw-cp-eye:hover {
color: var(--sw-muted);
}
body.baz-student-exp .sw-password .sw-cp-eye svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-student-exp .sw-password .sw-cp-panel {
margin: -4px 0 16px;
}
body.baz-student-exp .sw-password .sw-cp-meter {
height: 6px;
border-radius: 99px;
background: var(--sw-line);
overflow: hidden;
}
body.baz-student-exp .sw-password .sw-cp-meter i {
display: block;
height: 100%;
width: 0;
border-radius: 99px;
background: var(--sw-bad);
transition: width 0.25s, background 0.25s;
}
body.baz-student-exp .sw-password .sw-cp-meterlbl {
display: flex;
justify-content: space-between;
font: 700 11px/1 var(--sw-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--sw-faint);
margin-top: 7px;
}
body.baz-student-exp .sw-password .sw-cp-meterlbl b {
color: var(--sw-ink);
}
body.baz-student-exp .sw-password .sw-cp-reqs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 7px 16px;
margin-top: 12px;
}
body.baz-student-exp .sw-password .sw-cp-req {
display: flex;
align-items: center;
gap: 8px;
font: 600 12.5px var(--sw-sans);
color: var(--sw-muted);
transition: color 0.15s;
}
body.baz-student-exp .sw-password .sw-cp-dot {
flex: 0 0 18px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1.5px solid var(--sw-line);
display: grid;
place-items: center;
transition: all 0.15s;
}
body.baz-student-exp .sw-password .sw-cp-dot svg {
width: 11px;
height: 11px;
fill: none;
stroke: #fff;
stroke-width: 2.6;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0;
}
body.baz-student-exp .sw-password .sw-cp-req.met {
color: var(--sw-ink);
}
body.baz-student-exp .sw-password .sw-cp-req.met .sw-cp-dot {
background: var(--sw-ok);
border-color: var(--sw-ok);
}
body.baz-student-exp .sw-password .sw-cp-req.met .sw-cp-dot svg {
opacity: 1;
}
body.baz-student-exp .sw-password .sw-cp-match {
display: none;
align-items: center;
gap: 7px;
font: 700 12.5px var(--sw-sans);
margin-top: 9px;
}
body.baz-student-exp .sw-password .sw-cp-match.show {
display: flex;
}
body.baz-student-exp .sw-password .sw-cp-match.ok {
color: var(--sw-ok);
}
body.baz-student-exp .sw-password .sw-cp-match.no {
color: var(--sw-bad);
}
body.baz-student-exp .sw-password .sw-cp-match svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-student-exp .sw-password #fitem_id_passwordpolicyinfo {
display: none;
}
body.baz-student-exp .sw-password .sw-cp #id_submitbutton[disabled] {
opacity: 0.5;
box-shadow: none;
cursor: not-allowed;
}
/* Helpdesk entry point inside the floating "Need help" panel. */
.sd-support, .sw-support {
/* Email and phone, under whatever ticketing route the panel offered. These
are the route to a person when the ticket queue is not the answer, so they
are separated by a rule rather than sitting as more links in the stack. */
}
.sd-support .sw-help-lead, .sw-support .sw-help-lead {
font-size: 13px;
color: #03224C;
margin: 0 0 12px;
}
.sd-support .sw-help-btn, .sw-support .sw-help-btn {
display: block;
text-align: center;
background: #0075ED;
color: #FFFFFF;
border-radius: 8px;
padding: 10px 14px;
font-weight: 700;
font-size: 13.5px;
text-decoration: none;
}
.sd-support .sw-help-btn:hover, .sw-support .sw-help-btn:hover {
background: #0061c4;
color: #FFFFFF;
}
.sd-support .sw-help-contact, .sw-support .sw-help-contact {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(2, 39, 88, 0.12);
}
.sd-support .sw-help-contact-lead, .sw-support .sw-help-contact-lead {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(2, 39, 88, 0.6);
margin-bottom: 8px;
}
.sd-support .sw-help-contact-row, .sw-support .sw-help-contact-row {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
font-size: 13px;
font-weight: 600;
color: #03224C;
text-decoration: none;
word-break: break-all;
}
.sd-support .sw-help-contact-row svg, .sw-support .sw-help-contact-row svg {
flex: 0 0 auto;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0.7;
}
.sd-support .sw-help-contact-row:hover, .sd-support .sw-help-contact-row:focus, .sw-support .sw-help-contact-row:hover, .sw-support .sw-help-contact-row:focus {
color: #022758;
text-decoration: underline;
text-underline-offset: 3px;
}
.sd-support .sw-help-contact-row:hover svg, .sw-support .sw-help-contact-row:hover svg {
opacity: 1;
}
.sd-support .sw-help-link, .sw-support .sw-help-link {
display: block;
text-align: center;
margin-top: 9px;
font-size: 12.5px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
#sc-root {
/* legibility scrim over the image so the glyph chip reads on any photo */
/* main_content placeholder kept only for header slicing — hidden. */
/* Topbar: this page has no centre search, so override the shared 3-column
grid (1fr auto 1fr) to a 2-part space-between so the right-hand actions
(notifications / messages / user menu) stay right-aligned. */
}
#sc-root .iz-hero {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #022758, #031630);
color: #fff;
border-radius: 18px;
padding: 28px 30px;
margin: 4px 0 22px;
}
#sc-root .iz-orb {
position: absolute;
right: -50px;
top: -50px;
width: 200px;
height: 200px;
border-radius: 50%;
background: radial-gradient(circle at 30% 30%, rgba(0, 117, 237, 0.4), transparent 70%);
pointer-events: none;
}
#sc-root .iz-kick {
font: 800 12px/1 var(--sc-mono, "JetBrains Mono", monospace);
letter-spacing: 0.2em;
text-transform: uppercase;
color: #0075ED;
}
#sc-root .iz-hero h1 {
font-size: clamp(24px, 3.4vw, 30px);
font-weight: 800;
letter-spacing: -0.02em;
margin: 12px 0 8px;
color: #fff;
}
#sc-root .iz-desc {
color: #B9CCDC;
font-size: 14.5px;
line-height: 1.6;
margin: 0;
max-width: 68ch;
}
#sc-root .iz-desc p {
margin: 0 0 8px;
}
#sc-root .iz-desc :last-child {
margin-bottom: 0;
}
#sc-root .iz-count {
margin-top: 16px;
font: 700 12px/1 var(--sc-mono, "JetBrains Mono", monospace);
color: #dce8f2;
letter-spacing: 0.04em;
}
#sc-root .iz-count b {
color: #0075ED;
font-size: 14px;
}
#sc-root .iz-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
}
#sc-root .iz-club {
background: var(--sc-surface, #fff);
border: 1px solid var(--sc-line, #E5ECF3);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 6px 20px -14px rgba(11, 32, 52, 0.4);
display: flex;
flex-direction: column;
transition: border-color 0.15s, transform 0.15s;
}
#sc-root .iz-club:hover {
border-color: var(--sc-accent, #0075ED);
transform: translateY(-2px);
}
#sc-root .iz-cover {
position: relative;
height: 116px;
display: flex;
align-items: flex-end;
padding: 12px 14px;
text-decoration: none;
overflow: hidden;
background: #0D2150;
}
#sc-root .iz-cover-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
#sc-root .iz-cover::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(11, 33, 80, 0) 40%, rgba(11, 33, 80, 0.45) 100%);
pointer-events: none;
}
#sc-root .iz-cover .iz-ic {
position: relative;
z-index: 2;
width: 40px;
height: 40px;
border-radius: 11px;
background: rgba(255, 255, 255, 0.94);
display: grid;
place-items: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
#sc-root .iz-cover .iz-ic svg {
width: 21px;
height: 21px;
stroke: #022758;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
#sc-root .iz-body {
padding: 14px 16px 16px;
flex: 1;
display: flex;
flex-direction: column;
}
#sc-root .iz-nm {
font-size: 15.5px;
font-weight: 800;
color: var(--sc-ink, #0B2034) !important;
letter-spacing: -0.01em;
text-decoration: none;
}
#sc-root .iz-nm:hover {
color: var(--sc-navy, #022758) !important;
}
#sc-root .iz-cdesc {
font-size: 12.5px;
line-height: 1.55;
color: var(--sc-muted, #5C7184);
margin: 7px 0 14px;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#sc-root .iz-cta {
display: inline-flex;
align-items: center;
gap: 7px;
font: 800 12.5px var(--sc-sans, "Manrope", sans-serif);
color: var(--sc-navy, #022758) !important;
text-decoration: none !important;
margin-top: auto;
}
#sc-root .iz-cta svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 2.4;
}
#sc-root .iz-cta:hover {
color: var(--sc-accent, #0C63BC) !important;
}
#sc-root .iz-club.is-enrolled .iz-cta {
color: var(--sc-green, #1FA37A) !important;
}
#sc-root .iz-empty {
background: var(--sc-surface, #fff);
border: 1px dashed var(--sc-line, #E5ECF3);
border-radius: 14px;
padding: 40px;
text-align: center;
color: var(--sc-muted, #5C7184);
font-size: 14px;
}
#sc-root .iz-region-main {
display: none;
}
#sc-root .iz-topbar .sc-topbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.rm-root {
--rm-ink: var(--sw-ink, var(--sd-text, #0B2034));
--rm-muted: var(--sw-muted, var(--sd-muted, #5C7184));
--rm-surface: var(--sw-surface, var(--sd-surface, #fff));
--rm-soft: rgba(11, 32, 52, .035);
--rm-line: var(--sw-line, var(--sd-line, #E5ECF3));
--rm-accent: var(--sw-accent, var(--sd-accent, #0075ED));
--rm-on-accent: var(--sw-on-accent, var(--sd-on-accent, #FFFFFF));
--rm-gnavy: var(--sw-gnavy, var(--sd-grad-navy, linear-gradient(135deg, #04387E, #021F46)));
--rm-mono: var(--sw-mono, var(--sd-mono, "JetBrains Mono", ui-monospace, monospace));
--rm-c1: #2F55A4;
--rm-t1: #E8EEF9;
--rm-c2: #1E8A50;
--rm-t2: #E3F4EA;
--rm-c3: #7048B0;
--rm-t3: #EFE8F8;
--rm-c4: #B4530F;
--rm-t4: #FBEDE2;
--rm-warn: #9A6212;
--rm-warn-t: #FDF4E3;
display: flex;
flex-direction: column;
gap: 20px;
color: var(--rm-ink);
}
.rm-root .rm-head {
display: flex;
flex-direction: column;
gap: 4px;
}
.rm-root .rm-progtitle {
margin: 0;
font-size: 1.35rem;
font-weight: 800;
color: var(--rm-ink);
text-wrap: balance;
}
.rm-root .rm-sub {
margin: 0;
color: var(--rm-muted);
}
.rm-root .rm-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.rm-root .rm-stat {
background: var(--rm-surface);
border: 1px solid var(--rm-line);
border-radius: 14px;
padding: 14px 16px;
}
.rm-root .rm-v {
font: 600 22px/1.15 var(--rm-mono);
font-variant-numeric: tabular-nums;
color: var(--rm-ink);
}
.rm-root .rm-l {
margin-top: 6px;
font: 500 11px/1.3 var(--rm-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--rm-muted);
}
.rm-root .rm-next {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
padding: 18px 22px;
border-radius: 16px;
background: var(--rm-gnavy);
color: #fff;
}
.rm-root .rm-tag {
font: 700 11px/1 var(--rm-mono);
letter-spacing: 0.12em;
padding: 6px 8px;
border-radius: 6px;
background: var(--rm-accent);
color: var(--rm-on-accent);
}
.rm-root .rm-what {
flex: 1;
min-width: 0;
}
.rm-root .rm-what strong {
display: block;
font-size: 17px;
color: #fff;
}
.rm-root .rm-what span {
font-size: 13px;
color: rgba(255, 255, 255, 0.78);
}
.rm-root .rm-when {
font: 600 13px var(--rm-mono);
padding: 8px 12px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.12);
white-space: nowrap;
}
.rm-root .rm-card {
background: var(--rm-surface);
border: 1px solid var(--rm-line);
border-radius: 16px;
padding: 18px 20px;
}
.rm-root .rm-card h3 {
margin: 0 0 16px;
font: 600 11px/1 var(--rm-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--rm-muted);
}
.rm-root .rm-rail-scroll {
overflow-x: auto;
padding-bottom: 4px;
}
.rm-root .rm-rail {
position: relative;
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(110px, 1fr);
min-width: 600px;
margin: 0;
padding: 0;
list-style: none;
}
.rm-root .rm-rail::before {
content: "";
position: absolute;
top: 6px;
left: 6px;
right: 6px;
height: 2px;
background: var(--rm-line);
}
.rm-root .rm-kd {
position: relative;
display: flex;
flex-direction: column;
padding: 22px 8px 0 0;
}
.rm-root .rm-kd::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--rm-surface);
border: 2px solid var(--rm-muted);
}
.rm-root .rm-kd.done::before {
background: var(--rm-accent);
border-color: var(--rm-accent);
}
.rm-root .rm-kd.now::before {
border-color: var(--rm-accent);
box-shadow: 0 0 0 4px rgba(61, 177, 102, 0.25);
}
.rm-root .rm-kd.exam::before {
border-color: var(--rm-warn);
}
.rm-root .rm-d {
font: 600 12px var(--rm-mono);
color: var(--rm-ink);
}
.rm-root .rm-t {
font-size: 12px;
line-height: 1.35;
color: var(--rm-muted);
}
.rm-root .rm-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.rm-root .rm-chip {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 14px;
border-radius: 999px;
cursor: pointer;
font-weight: 600;
font-size: 13px;
border: 1px solid var(--rm-line);
background: var(--rm-surface);
color: var(--rm-ink);
}
.rm-root .rm-chip[aria-pressed="true"] {
background: var(--rm-ink);
border-color: var(--rm-ink);
color: var(--rm-surface);
}
.rm-root .rm-chip:focus-visible, .rm-root .rm-week summary:focus-visible {
outline: 2px solid var(--rm-accent);
outline-offset: 2px;
}
.rm-root .rm-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
}
.rm-root .rm-meta {
margin-left: auto;
font-size: 12px;
color: var(--rm-muted);
}
.rm-root .rm-timeline {
display: flex;
flex-direction: column;
gap: 10px;
}
.rm-root .rm-week {
background: var(--rm-surface);
border: 1px solid var(--rm-line);
border-radius: 14px;
overflow: hidden;
}
.rm-root .rm-week.rm-cur {
border-color: var(--rm-accent);
box-shadow: 0 0 0 3px rgba(61, 177, 102, 0.15);
}
.rm-root .rm-week summary {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 18px;
cursor: pointer;
list-style: none;
}
.rm-root .rm-week summary::-webkit-details-marker {
display: none;
}
.rm-root .rm-wk {
min-width: 64px;
font: 600 11px/1 var(--rm-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--rm-muted);
}
.rm-root .rm-wdate {
flex: 1;
min-width: 0;
font-weight: 700;
color: var(--rm-ink);
}
.rm-root .rm-past .rm-wdate {
color: var(--rm-muted);
}
.rm-root .rm-state {
padding: 5px 8px;
border-radius: 6px;
white-space: nowrap;
font: 600 11px/1 var(--rm-mono);
text-transform: uppercase;
}
.rm-root .rm-state-past {
background: var(--rm-soft);
color: var(--rm-muted);
}
.rm-root .rm-state-cur {
background: var(--rm-accent);
color: var(--rm-on-accent);
}
.rm-root .rm-state-up {
background: var(--rm-t1);
color: var(--rm-c1);
}
.rm-root .rm-caret {
width: 16px;
height: 16px;
fill: none;
stroke: var(--rm-muted);
stroke-width: 2;
transition: transform 0.15s;
}
.rm-root .rm-week[open] .rm-caret {
transform: rotate(90deg);
}
.rm-root .rm-slots {
border-top: 1px solid var(--rm-line);
}
.rm-root .rm-slot {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
gap: 16px;
padding: 14px 18px;
border-top: 1px solid var(--rm-line);
}
.rm-root .rm-slot:first-child {
border-top: 0;
}
.rm-root .rm-time {
font: 500 12px/1.6 var(--rm-mono);
font-variant-numeric: tabular-nums;
color: var(--rm-muted);
}
.rm-root .rm-body {
min-width: 0;
}
.rm-root .rm-course {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.rm-root .rm-pill {
padding: 5px 8px;
border-radius: 6px;
font: 700 11px/1 var(--rm-mono);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.rm-root .rm-mod {
font-size: 12px;
color: var(--rm-muted);
}
.rm-root .rm-topic {
margin: 6px 0 2px;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: var(--rm-ink);
}
.rm-root .rm-fac {
font-size: 12px;
color: var(--rm-muted);
}
.rm-root .rm-induct {
padding: 14px 18px;
border-top: 1px solid var(--rm-line);
font-weight: 600;
color: var(--rm-ink);
}
.rm-root .rm-induct span {
display: block;
font-size: 13px;
font-weight: 400;
color: var(--rm-muted);
}
.rm-root .rm-c1 .rm-pill {
background: var(--rm-t1);
color: var(--rm-c1);
}
.rm-root .rm-slot.rm-c1 {
box-shadow: inset 3px 0 0 var(--rm-c1);
}
.rm-root .rm-dot.rm-c1 {
background: var(--rm-c1);
}
.rm-root[data-filter="c1"] .rm-slot:not(.rm-c1) {
display: none;
}
.rm-root .rm-c2 .rm-pill {
background: var(--rm-t2);
color: var(--rm-c2);
}
.rm-root .rm-slot.rm-c2 {
box-shadow: inset 3px 0 0 var(--rm-c2);
}
.rm-root .rm-dot.rm-c2 {
background: var(--rm-c2);
}
.rm-root[data-filter="c2"] .rm-slot:not(.rm-c2) {
display: none;
}
.rm-root .rm-c3 .rm-pill {
background: var(--rm-t3);
color: var(--rm-c3);
}
.rm-root .rm-slot.rm-c3 {
box-shadow: inset 3px 0 0 var(--rm-c3);
}
.rm-root .rm-dot.rm-c3 {
background: var(--rm-c3);
}
.rm-root[data-filter="c3"] .rm-slot:not(.rm-c3) {
display: none;
}
.rm-root .rm-c4 .rm-pill {
background: var(--rm-t4);
color: var(--rm-c4);
}
.rm-root .rm-slot.rm-c4 {
box-shadow: inset 3px 0 0 var(--rm-c4);
}
.rm-root .rm-dot.rm-c4 {
background: var(--rm-c4);
}
.rm-root[data-filter="c4"] .rm-slot:not(.rm-c4) {
display: none;
}
.rm-root .rm-divider {
display: flex;
align-items: center;
gap: 12px;
padding: 4px;
font-size: 13px;
color: var(--rm-muted);
}
.rm-root .rm-divider::before, .rm-root .rm-divider::after {
content: "";
flex: 1;
border-top: 1px dashed var(--rm-line);
}
.rm-root .rm-divider b {
color: var(--rm-ink);
}
.rm-root .rm-marker {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 18px;
border-radius: 14px;
background: var(--rm-warn-t);
border: 1px solid var(--rm-warn);
color: var(--rm-ink);
}
.rm-root .rm-marker.rm-res {
background: var(--rm-t2);
border-color: var(--rm-c2);
}
.rm-root .rm-ic {
font: 700 12px var(--rm-mono);
color: var(--rm-warn);
}
.rm-root .rm-res .rm-ic {
color: var(--rm-c2);
}
.rm-root .rm-marker strong {
display: block;
color: var(--rm-ink);
}
.rm-root .rm-marker span {
font-size: 13px;
color: var(--rm-muted);
}
.rm-root .rm-foot {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px;
padding-top: 16px;
border-top: 1px solid var(--rm-line);
font-size: 12px;
color: var(--rm-muted);
}
.rm-root .rm-foot a {
color: var(--rm-accent);
font-weight: 600;
}
.rm-root .rm-empty {
padding: 32px;
text-align: center;
border: 1px dashed var(--rm-line);
border-radius: 16px;
color: var(--rm-muted);
}
@media (max-width: 767.98px) {
.rm-root .rm-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rm-root .rm-slot {
grid-template-columns: minmax(0, 1fr);
gap: 4px;
}
.rm-root .rm-meta {
width: 100%;
margin-left: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.rm-root .rm-caret {
transition: none;
}
}
#sw-root .sw-roadmap .rm-progtitle {
display: none;
}
body.theme-dark .rm-root, body.sd-dark .rm-root {
--rm-soft: rgba(255, 255, 255, .06);
--rm-c1: #93B2F2;
--rm-t1: #1F2E52;
--rm-c2: #6FD39A;
--rm-t2: #173A2C;
--rm-c3: #C2A6F0;
--rm-t3: #2C2550;
--rm-c4: #F2A970;
--rm-t4: #3B2615;
--rm-warn: #F0B65A;
--rm-warn-t: #3A2E17;
}
/* ==========================================================================
theme_baz — bespoke pre-auth (login + forgot-password) shell.
Wrap-and-restyle: the REAL core login/forgot form renders into #lp-root's
right panel (logintoken / CSRF / errors untouched); this only supplies the
split navy/gold layout and restyles the form. Scoped to #lp-root.
scssphp-safe: block comments only.
========================================================================== */
/* The login body has id="page-login-index" (etc.) which rui sets to
display:flex — that shrink-wraps #lp-root to its content width. Force the
bespoke pre-auth body back to block so #lp-root fills the full viewport. */
body.lp-bespoke {
display: block !important;
margin: 0;
padding: 0;
}
#lp-root {
--lp-ground:#F4F7FB;
--lp-surface:#fff;
--lp-ink:#0B2034;
--lp-muted:#5C7184;
--lp-faint:#90A4B5;
--lp-line:#E5ECF3;
--lp-navy:#022758;
--lp-gnavy:linear-gradient(140deg,#04387E 0%,#021F46 100%);
--lp-accent:#0075ED;
--lp-gaccent:linear-gradient(135deg,#0882FF,#0C63BC);
--lp-sans:"Manrope","Inter",system-ui,sans-serif;
--lp-mono:"JetBrains Mono",ui-monospace,monospace;
font-family: var(--lp-sans);
color: var(--lp-ink);
background: var(--lp-ground);
min-height: 100vh;
width: 100%;
flex: 1 1 100%;
display: grid;
grid-template-columns: 1fr 1fr;
/* ---- brand panel: existing illustration on navy ---- */
/* ---- form panel ---- */
/* The core form is dropped in here; neutralise rui's own login chrome so
only the fields remain (the brand panel already shows the logo/illustration). */
/* Hide rui's duplicate branding + everything that isn't username/password. */
/* fields */
/* leading icons via inline SVG (no external assets) */
/* show/hide password toggle pinned right */
/* primary button (Log in) */
/* forgot link */
/* HIDE third-party sign-in (Google / identity providers) — username+password only */
/* ---- forgot-password form: match the login field + button styling ---- */
/* Stack Moodle's mform grid so label sits above a full-width field. */
/* Full-width gold Search button(s) — same look as the login button. */
/* gold via .btn-primary base */
/* generic content (confirm / message pre-auth pages) */
}
#lp-root *, #lp-root *::before, #lp-root *::after {
box-sizing: border-box;
}
#lp-root svg {
display: block;
}
#lp-root .lp-brand {
position: relative;
overflow: hidden;
background: var(--lp-gnavy);
display: grid;
place-items: center;
padding: 56px;
}
#lp-root .lp-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
background-size: 22px 22px;
opacity: 0.6;
}
#lp-root .lp-glow {
position: absolute;
width: 520px;
height: 520px;
right: -150px;
top: -150px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 117, 237, 0.16), transparent 62%);
}
#lp-root .lp-art {
position: relative;
z-index: 1;
width: 100%;
max-width: 460px;
background: #fff;
border-radius: 26px;
padding: 30px;
box-shadow: 0 30px 70px rgba(0, 15, 28, 0.38);
border: 1px solid rgba(255, 255, 255, 0.5);
}
#lp-root .lp-art::before {
content: "";
position: absolute;
left: 30px;
right: 30px;
top: 0;
height: 4px;
border-radius: 0 0 4px 4px;
background: var(--lp-gaccent);
}
#lp-root .lp-art img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
}
#lp-root .lp-form-col {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}
#lp-root .lp-card {
width: 100%;
max-width: 404px;
}
#lp-root .lp-phead {
font-size: 27px;
font-weight: 800;
letter-spacing: -0.02em;
margin: 0 0 22px;
color: var(--lp-ink);
}
#lp-root .lp-form-foot {
position: absolute;
left: 0;
right: 0;
bottom: 26px;
text-align: center;
font: 600 11px/1 var(--lp-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lp-faint);
}
#lp-root .rui-login-wrapper, #lp-root .rui-login-container, #lp-root .rui-login-box, #lp-root .rui-login-content, #lp-root .login-wrapper, #lp-root .login-container, #lp-root .rui-login-form, #lp-root .rui-login-form form, #lp-root #login {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
box-shadow: none !important;
border: 0 !important;
flex: none !important;
}
#lp-root .rui-login-logo-container, #lp-root .rui-loginpage-intro, #lp-root .rui-login-bg-container, #lp-root .rui-login-bg, #lp-root .rui-login-createaccount, #lp-root .rui-canloginasguest {
display: none !important;
}
#lp-root .form-group {
margin: 0 0 15px;
position: relative;
}
#lp-root label.sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
#lp-root .form-control {
width: 100%;
height: 50px;
border: 1px solid #CBD8E6;
border-radius: 13px;
background: var(--lp-surface);
padding: 0 14px 0 44px;
font: 600 15px var(--lp-sans);
color: var(--lp-ink);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 19px 19px;
}
#lp-root .form-control::placeholder {
color: var(--lp-faint);
font-weight: 500;
}
#lp-root .form-control:focus {
outline: 0;
border-color: var(--lp-accent);
box-shadow: 0 0 0 4px rgba(0, 117, 237, 0.18);
}
#lp-root .form-control--username, #lp-root #id_username {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390A4B5' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20c.6-3.4 3.3-5 7-5s6.4 1.6 7 5'/%3E%3C/svg%3E");
}
#lp-root .form-control--password {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390A4B5' stroke-width='1.8'%3E%3Crect x='4' y='10' width='16' height='11' rx='2.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
padding-right: 44px;
}
#lp-root #id_email {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390A4B5' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}
#lp-root .form-control--password-box {
position: relative;
}
#lp-root #togglePassword {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
border: 0;
background: none;
padding: 6px;
cursor: pointer;
color: var(--lp-muted);
z-index: 2;
}
#lp-root #loginbtn, #lp-root .btn-primary, #lp-root .addtagcoll a, .addtagcoll #lp-root a, #lp-root .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags #lp-root a, #lp-root .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish #lp-root input, #lp-root #siteconfiglink a, #siteconfiglink #lp-root a, #lp-root .forum-post-footer a, .forum-post-footer #lp-root a, #lp-root .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton #lp-root .btn, #lp-root #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) #lp-root a, #lp-root .mod_quiz-next-nav, #lp-root .addbloglink a, .addbloglink #lp-root a, #lp-root #addcontrols input, #addcontrols #lp-root input, #lp-root #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #lp-root a, #lp-root #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink #lp-root a, #lp-root .midpad a, .midpad #lp-root a, #lp-root .createstep, #lp-root #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) #lp-root a, #lp-root .webservicestokenui + a, #lp-root .rui-pre button, .rui-pre #lp-root button, #lp-root .pagenumber .dropdown-btn, .pagenumber #lp-root .dropdown-btn, #lp-root #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu #lp-root .dropdown-toggle, #lp-root .last-add-menu .dropdown-btn, .last-add-menu #lp-root .dropdown-btn {
width: 100%;
height: 52px;
border: 0;
border-radius: 13px;
margin-top: 8px;
background: var(--lp-gaccent);
color: var(--lp-on-accent);
font: 800 15px var(--lp-sans);
letter-spacing: 0.01em;
cursor: pointer;
box-shadow: 0 12px 26px rgba(0, 117, 237, 0.36);
transition: transform 0.12s, box-shadow 0.12s;
}
#lp-root #loginbtn:hover, #lp-root .btn-primary:hover, #lp-root .addtagcoll a:hover, .addtagcoll #lp-root a:hover, #lp-root .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags #lp-root a:hover, #lp-root .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish #lp-root input:hover, #lp-root #siteconfiglink a:hover, #siteconfiglink #lp-root a:hover, #lp-root .forum-post-footer a:hover, .forum-post-footer #lp-root a:hover, #lp-root .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton #lp-root .btn:hover, #lp-root #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) #lp-root a:hover, #lp-root .mod_quiz-next-nav:hover, #lp-root .addbloglink a:hover, .addbloglink #lp-root a:hover, #lp-root #addcontrols input:hover, #addcontrols #lp-root input:hover, #lp-root #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #lp-root a:hover, #lp-root #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink #lp-root a:hover, #lp-root .midpad a:hover, .midpad #lp-root a:hover, #lp-root .createstep:hover, #lp-root #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) #lp-root a:hover, #lp-root .webservicestokenui + a:hover, #lp-root .rui-pre button:hover, .rui-pre #lp-root button:hover, #lp-root .pagenumber .dropdown-btn:hover, .pagenumber #lp-root .dropdown-btn:hover, #lp-root #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle:hover, #page-grade-edit-tree-index .tertiary-navigation .action-menu #lp-root .dropdown-toggle:hover, #lp-root .last-add-menu .dropdown-btn:hover, .last-add-menu #lp-root .dropdown-btn:hover {
transform: translateY(-1px);
box-shadow: 0 16px 32px rgba(0, 117, 237, 0.46);
color: var(--lp-navy);
}
#lp-root .rui-login-forgot-btn {
display: inline-block;
margin-top: 18px;
font-size: 13px;
font-weight: 700;
color: var(--lp-navy);
text-decoration: none;
}
#lp-root .rui-login-forgot-btn:hover {
color: #063A70;
}
#lp-root .rui-login-additional-btns, #lp-root .login-identityproviders, #lp-root .rui-potentialidplist, #lp-root .login-divider, #lp-root .potentialidp, #lp-root .rui-potentialidp {
display: none !important;
}
#lp-root #id_searchbyusername, #lp-root #id_searchbyemail {
border: 0;
margin: 0 0 20px;
padding: 0;
}
#lp-root .fitem, #lp-root .fitem > .form-group, #lp-root .form-group.row {
display: block !important;
margin: 0 0 12px;
}
#lp-root .fitem [class*="col-md-"], #lp-root .fitem .felement, #lp-root .fcontainer [class*="col-md-"] {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
}
#lp-root .felement label, #lp-root #id_username_label, #lp-root #id_email_label, #lp-root .fitem label {
display: block;
font-weight: 700;
font-size: 12.5px;
color: var(--lp-ink);
margin: 0 0 8px;
}
#lp-root #fgroup_id_buttonar, #lp-root .form-buttons {
display: block;
margin-top: 10px;
}
#lp-root #id_submitbutton, #lp-root #id_searchbyusername button[type="submit"], #lp-root #id_searchbyemail button[type="submit"], #lp-root #id_searchbyusername input[type="submit"], #lp-root #id_searchbyemail input[type="submit"] {
width: 100%;
height: 52px;
padding: 0;
}
#lp-root #id_cancel, #lp-root .btn-secondary, #lp-root .collapseexpand, #lp-root .actions p a, .actions p #lp-root a, #lp-root .backlink a, .backlink #lp-root a, #lp-root #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align #lp-root a, #lp-root .moreless-toggler, #lp-root .search-results .result-context-info a, .search-results .result-context-info #lp-root a, #lp-root .tool_dataprivacy-expand-all, #lp-root .edit-link a, .edit-link #lp-root a, #lp-root #core-cache-rescan-definitions a, #core-cache-rescan-definitions #lp-root a, #lp-root .continuebutton a, .continuebutton #lp-root a, #lp-root .tour-actions > ul > li > a, #lp-root .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search #lp-root input[type="submit"], #lp-root .comment-area .fd a[id*=post], .comment-area .fd #lp-root a[id*=post], #lp-root .allcoursegrades a, .allcoursegrades #lp-root a, #lp-root .addlinks a, .addlinks #lp-root a, #lp-root #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions #lp-root .action, #lp-root .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel #lp-root input, #lp-root .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls #lp-root .exclusivemode, #lp-root .notesgroup p a, .notesgroup p #lp-root a, #lp-root #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions #lp-root a, #lp-root .printicon, #lp-root .glossarypost .commands a, .glossarypost .commands #lp-root a, #lp-root .rui-form-element-group a, .rui-form-element-group #lp-root a, #lp-root .mod_quiz-prev-nav, #lp-root .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging #lp-root a, #lp-root .page_split_join, #lp-root .path-mod-wiki .printicon, .path-mod-wiki #lp-root .printicon, #lp-root .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content #lp-root h2 + a, #lp-root .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) #lp-root a, #lp-root .ajax-contact-button[data-is-contact="0"], #lp-root .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns #lp-root .btn, #lp-root .chart-table-expand a, .chart-table-expand #lp-root a, #lp-root .export-actions a, .export-actions #lp-root a, #lp-root .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav #lp-root a:not(.mod_quiz-next-nav), #lp-root .modal-footer a:not(.btn-primary), .modal-footer #lp-root a:not(.btn-primary), #lp-root .commentlink a, .commentlink #lp-root a, #lp-root .itemnav a, .itemnav #lp-root a, #lp-root .que .comment a, .que .comment #lp-root a, #lp-root .btn-inverse, #lp-root .pick.template, #lp-root .action.remove, #lp-root .card-body .footer a, .card-body .footer #lp-root a, #lp-root .section-collapsemenu, #lp-root #message-user-button, #lp-root .addcomponent {
width: 100%;
height: 50px;
border-radius: 13px;
border: 1px solid #CBD8E6;
background: #fff;
color: var(--lp-muted);
font: 700 14px var(--lp-sans);
padding: 0 18px;
margin-top: 10px;
cursor: pointer;
}
#lp-root .lp-card h2 {
font-weight: 800;
letter-spacing: -0.02em;
}
#lp-root .lp-card a {
color: var(--lp-navy);
font-weight: 600;
}
/* full-page reset so the split fills the viewport even with the theme's wrappers */
body.lp-bespoke #page-wrapper, body.lp-bespoke #page, body.lp-bespoke #region-main {
margin: 0;
padding: 0;
max-width: none;
background: none;
}
@media (max-width: 880px) {
#lp-root {
grid-template-columns: 1fr;
}
#lp-root .lp-brand {
padding: 26px 26px 30px;
}
#lp-root .lp-art {
max-width: 340px;
padding: 20px;
}
#lp-root .lp-form-foot {
display: none;
}
}
@media (max-width: 560px) {
#lp-root .lp-art {
max-width: 240px;
padding: 16px;
}
}
/* ==========================================================================
"Block Access" overlay — shown when a blocked account submits credentials.
Full-screen scrim over the bespoke login shell; token values mirror #lp-root.
========================================================================== */
#lp-blockoverlay {
--lp-ink:#0B2034;
--lp-muted:#5C7184;
--lp-faint:#90A4B5;
--lp-line:#E5ECF3;
--lp-navy:#022758;
/* Label on an accent surface. Derived from the accent's contrast in
theme_baz_brand_palette(), so a dark accent gets white and a light
one keeps the navy. */
--lp-on-accent: #FFFFFF;
--lp-gnavy:linear-gradient(140deg,#04387E 0%,#021F46 100%);
--lp-accent:#0075ED;
--lp-gaccent:linear-gradient(135deg,#0882FF,#0C63BC);
--lp-sans:"Manrope","Inter",system-ui,-apple-system,sans-serif;
--lp-mono:"JetBrains Mono",ui-monospace,monospace;
position: fixed;
inset: 0;
z-index: 1080;
display: grid;
place-items: center;
padding: 24px;
font-family: var(--lp-sans);
background: radial-gradient(120% 120% at 50% 0%, rgba(2, 39, 88, 0.72), rgba(4, 14, 24, 0.86));
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
animation: lpblockfade 0.28s ease both;
}
#lp-blockoverlay *, #lp-blockoverlay *::before, #lp-blockoverlay *::after {
box-sizing: border-box;
}
#lp-blockoverlay .lp-block-modal {
position: relative;
width: 100%;
max-width: 520px;
background: #fff;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 40px 90px rgba(0, 15, 28, 0.5);
animation: lpblockrise 0.34s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
#lp-blockoverlay .lp-block-modal::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 5px;
background: var(--lp-gaccent);
}
#lp-blockoverlay .lp-block-body {
padding: 38px 40px 34px;
}
#lp-blockoverlay .lp-block-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(0, 117, 237, 0.16);
color: #063A70;
font: 700 11px/1 var(--lp-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
}
#lp-blockoverlay .lp-block-shield {
width: 56px;
height: 56px;
border-radius: 16px;
display: grid;
place-items: center;
margin: 20px 0 18px;
background: var(--lp-gnavy);
box-shadow: 0 12px 26px rgba(2, 39, 88, 0.28);
}
#lp-blockoverlay .lp-block-shield svg {
width: 28px;
height: 28px;
display: block;
}
#lp-blockoverlay .lp-block-title {
margin: 0 0 12px;
font-size: 23px;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--lp-ink);
}
#lp-blockoverlay .lp-block-msg {
font-size: 15px;
line-height: 1.68;
color: #33485B;
}
#lp-blockoverlay .lp-block-msg p {
margin: 0 0 10px;
}
#lp-blockoverlay .lp-block-msg p:last-child {
margin-bottom: 0;
}
#lp-blockoverlay .lp-block-msg a {
color: #04387E;
font-weight: 700;
}
#lp-blockoverlay .lp-block-actions {
margin-top: 26px;
}
#lp-blockoverlay .lp-block-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
border-radius: 13px;
background: var(--lp-gaccent);
color: var(--lp-on-accent);
font: 800 14px var(--lp-sans);
text-decoration: none;
cursor: pointer;
box-shadow: 0 12px 26px rgba(0, 117, 237, 0.34);
}
#lp-blockoverlay .lp-block-btn:hover {
color: var(--lp-navy);
text-decoration: none;
}
@keyframes lpblockfade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes lpblockrise {
from {
opacity: 0;
transform: translateY(14px) scale(0.985);
}
to {
opacity: 1;
transform: none;
}
}
@media (max-width: 560px) {
#lp-blockoverlay .lp-block-body {
padding: 30px 24px 26px;
}
#lp-blockoverlay .lp-block-title {
font-size: 20px;
}
}
/* ---------------------------------------------------------------------------
Centred sign-in card (theme_baz/login_layout = centered).
A full-bleed photograph with a scrim and one card, rather than the split
screen. Scoped to .lp-centered so a site on the shipped layout is untouched.
--------------------------------------------------------------------------- */
#lp-root.lp-centered {
display: block;
position: relative;
min-height: 100vh;
background-color: #021F46;
background-image: var(--lpc-shot, none);
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
/* Three stops rather than a flat wash: the card sits in the lighter middle,
so it stays legible without dulling the photograph top and bottom. */
/* The card's own markup (core/loginform.mustache, centred branch). */
/* The split layout's leading icons rely on its .form-control repeat/position,
which the background shorthand above resets, so they tiled across the field. */
/* Core forms (forgot password etc.) inside the card the template adds. */
}
#lp-root.lp-centered .lpc-scrim {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(8, 24, 42, 0.42) 0%, rgba(8, 24, 42, 0.22) 45%, rgba(8, 24, 42, 0.55) 100%);
}
#lp-root.lp-centered .lpc-mid {
position: relative;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 24px 64px;
}
#lp-root.lp-centered .lpc-card {
width: 100%;
max-width: 420px;
box-sizing: border-box;
background: #022758;
border-radius: 4px;
padding: 34px 32px;
display: flex;
flex-direction: column;
gap: 20px;
box-shadow: 0 24px 60px rgba(4, 14, 26, 0.5);
}
#lp-root.lp-centered .lpc-logo {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 4px;
}
#lp-root.lp-centered .lpc-logo img {
width: 100%;
max-width: 300px;
height: auto;
display: block;
}
#lp-root.lp-centered .lpc-logo-txt {
color: #fff;
font-weight: 800;
font-size: 20px;
letter-spacing: -0.02em;
}
#lp-root.lp-centered .lpc-phead {
color: #fff;
font-size: 19px;
font-weight: 700;
margin: 0;
letter-spacing: -0.02em;
}
#lp-root.lp-centered .lpc-foot {
position: relative;
padding: 20px 40px 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: rgba(255, 255, 255, 0.55);
text-align: center;
}
#lp-root.lp-centered .lpc-form {
display: flex;
flex-direction: column;
gap: 20px;
margin: 0;
}
#lp-root.lp-centered .lpc-fields {
display: flex;
flex-direction: column;
gap: 14px;
}
#lp-root.lp-centered .lpc-field {
display: flex;
flex-direction: column;
gap: 7px;
margin: 0;
}
#lp-root.lp-centered .lpc-label {
font-size: 11.5px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #A9BBD1;
font-family: var(--lp-mono, ui-monospace, monospace);
}
#lp-root.lp-centered .lpc-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
#lp-root.lp-centered .lpc-textbtn {
background: none;
border: 0;
padding: 0;
cursor: pointer;
font-size: 13px;
color: #A9BBD1;
text-decoration: underline;
text-underline-offset: 3px;
}
#lp-root.lp-centered .lpc-textbtn:hover {
color: #fff;
}
#lp-root.lp-centered .lpc-error {
font-size: 13px;
color: #FFC9A3;
border-left: 2px solid #E9A96A;
padding-left: 12px;
}
#lp-root.lp-centered .lpc-submit {
width: 100%;
padding: 14px 18px;
background: #0075ED;
color: #FFFFFF;
border: 0;
border-radius: 3px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: background 140ms ease;
}
#lp-root.lp-centered .lpc-submit:hover {
background: #0061c4;
}
#lp-root.lp-centered label {
color: #A9BBD1;
font-size: 11.5px;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 500;
}
#lp-root.lp-centered input[type="text"], #lp-root.lp-centered input[type="password"], #lp-root.lp-centered input[type="email"] {
width: 100%;
box-sizing: border-box;
padding: 12px 14px;
font-size: 15px;
color: #14202E;
background: #fff;
border: 1px solid #2E4265;
border-radius: 3px;
outline: none;
}
#lp-root.lp-centered input[type="text"]:focus, #lp-root.lp-centered input[type="password"]:focus, #lp-root.lp-centered input[type="email"]:focus {
border-color: #0075ED;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.25);
}
#lp-root.lp-centered .btn-primary, #lp-root.lp-centered .addtagcoll a, .addtagcoll #lp-root.lp-centered a, #lp-root.lp-centered .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags #lp-root.lp-centered a, #lp-root.lp-centered .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish #lp-root.lp-centered input, #lp-root.lp-centered #siteconfiglink a, #siteconfiglink #lp-root.lp-centered a, #lp-root.lp-centered .forum-post-footer a, .forum-post-footer #lp-root.lp-centered a, #lp-root.lp-centered .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton #lp-root.lp-centered .btn, #lp-root.lp-centered #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) #lp-root.lp-centered a, #lp-root.lp-centered .mod_quiz-next-nav, #lp-root.lp-centered .addbloglink a, .addbloglink #lp-root.lp-centered a, #lp-root.lp-centered #addcontrols input, #addcontrols #lp-root.lp-centered input, #lp-root.lp-centered #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #lp-root.lp-centered a, #lp-root.lp-centered #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink #lp-root.lp-centered a, #lp-root.lp-centered .midpad a, .midpad #lp-root.lp-centered a, #lp-root.lp-centered .createstep, #lp-root.lp-centered #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) #lp-root.lp-centered a, #lp-root.lp-centered .webservicestokenui + a, #lp-root.lp-centered .rui-pre button, .rui-pre #lp-root.lp-centered button, #lp-root.lp-centered .pagenumber .dropdown-btn, .pagenumber #lp-root.lp-centered .dropdown-btn, #lp-root.lp-centered #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu #lp-root.lp-centered .dropdown-toggle, #lp-root.lp-centered .last-add-menu .dropdown-btn, .last-add-menu #lp-root.lp-centered .dropdown-btn, #lp-root.lp-centered button[type="submit"], #lp-root.lp-centered input[type="submit"] {
width: 100%;
padding: 14px 18px;
background: #0075ED;
color: #FFFFFF;
border: 0;
border-radius: 3px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: background 140ms ease;
}
#lp-root.lp-centered .btn-primary:hover, #lp-root.lp-centered .addtagcoll a:hover, .addtagcoll #lp-root.lp-centered a:hover, #lp-root.lp-centered .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags #lp-root.lp-centered a:hover, #lp-root.lp-centered .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish #lp-root.lp-centered input:hover, #lp-root.lp-centered #siteconfiglink a:hover, #siteconfiglink #lp-root.lp-centered a:hover, #lp-root.lp-centered .forum-post-footer a:hover, .forum-post-footer #lp-root.lp-centered a:hover, #lp-root.lp-centered .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton #lp-root.lp-centered .btn:hover, #lp-root.lp-centered #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) #lp-root.lp-centered a:hover, #lp-root.lp-centered .mod_quiz-next-nav:hover, #lp-root.lp-centered .addbloglink a:hover, .addbloglink #lp-root.lp-centered a:hover, #lp-root.lp-centered #addcontrols input:hover, #addcontrols #lp-root.lp-centered input:hover, #lp-root.lp-centered #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #lp-root.lp-centered a:hover, #lp-root.lp-centered #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink #lp-root.lp-centered a:hover, #lp-root.lp-centered .midpad a:hover, .midpad #lp-root.lp-centered a:hover, #lp-root.lp-centered .createstep:hover, #lp-root.lp-centered #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) #lp-root.lp-centered a:hover, #lp-root.lp-centered .webservicestokenui + a:hover, #lp-root.lp-centered .rui-pre button:hover, .rui-pre #lp-root.lp-centered button:hover, #lp-root.lp-centered .pagenumber .dropdown-btn:hover, .pagenumber #lp-root.lp-centered .dropdown-btn:hover, #lp-root.lp-centered #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle:hover, #page-grade-edit-tree-index .tertiary-navigation .action-menu #lp-root.lp-centered .dropdown-toggle:hover, #lp-root.lp-centered .last-add-menu .dropdown-btn:hover, .last-add-menu #lp-root.lp-centered .dropdown-btn:hover, #lp-root.lp-centered button[type="submit"]:hover, #lp-root.lp-centered input[type="submit"]:hover {
background: #0061c4;
}
#lp-root.lp-centered a {
color: #A9BBD1;
font-size: 13px;
}
#lp-root.lp-centered a:hover {
color: #fff;
}
#lp-root.lp-centered #id_username, #lp-root.lp-centered #id_email {
background-image: none;
}
#lp-root.lp-centered .lpc-card--page {
color: #DCE5F0;
font-size: 14px;
line-height: 1.55;
/* Bootstrap's .text-md-right is !important. */
}
#lp-root.lp-centered .lpc-card--page p, #lp-root.lp-centered .lpc-card--page .box, #lp-root.lp-centered .lpc-card--page #notice {
color: #DCE5F0;
background: none;
border: 0;
padding: 0;
margin: 0 0 4px;
}
#lp-root.lp-centered .lpc-card--page fieldset {
border: 0;
margin: 0 0 18px;
padding: 0;
}
#lp-root.lp-centered .lpc-card--page legend, #lp-root.lp-centered .lpc-card--page legend a, #lp-root.lp-centered .lpc-card--page .ftoggler, #lp-root.lp-centered .lpc-card--page .ftoggler a {
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
text-decoration: none;
}
#lp-root.lp-centered .lpc-card--page .fitem label, #lp-root.lp-centered .lpc-card--page #id_username_label, #lp-root.lp-centered .lpc-card--page #id_email_label, #lp-root.lp-centered .lpc-card--page .col-form-label {
color: #A9BBD1;
}
#lp-root.lp-centered .lpc-card--page .fitem .col-form-label {
text-align: left !important;
}
#lp-root.lp-centered .lpc-card--page .form-control-feedback, #lp-root.lp-centered .lpc-card--page .invalid-feedback {
color: #FFC9A3;
}
@media (max-width: 560px) {
#lp-root.lp-centered .lpc-card {
padding: 26px 22px;
}
#lp-root.lp-centered .lpc-logo img {
max-width: 240px;
}
}
/* ------------------------------------------------------------------
Bespoke logged-out front page (gateway) — theme_baz.
Rendered by theme_baz/front-landing for not-logged-in / guest visitors
(tmpl-frontpage.php, setting theme_baz/bespoke_frontpage). The banner
(pix/fp/frontbanner.png) has a transparent background, sitting on the
login page's navy gradient so the whole page is one seamless colour.
------------------------------------------------------------------ */
#fl-root {
--fl-gold: #0075ED;
--fl-gold2: #0C63BC;
--fl-grad: linear-gradient(140deg, #04387E 0%, #021F46 100%);
--fl-sans: "Manrope", "Inter", system-ui, sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
background: var(--fl-grad);
font-family: var(--fl-sans);
/* Required-but-hidden Moodle main-content placeholder (see the template). */
}
#fl-root .fl-top {
padding: 16px 32px;
}
#fl-root .fl-logo {
height: 36px;
width: auto;
display: block;
}
#fl-root .fl-logo-txt {
color: #fff;
font-weight: 800;
font-size: 18px;
}
#fl-root .fl-hero {
flex: 1;
display: grid;
place-items: center;
padding: 8px 32px 44px;
}
#fl-root .fl-bannerwrap {
position: relative;
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
#fl-root .fl-banner {
width: 100%;
height: auto;
display: block;
}
#fl-root .fl-login {
position: absolute;
left: 5%;
bottom: 12%;
display: inline-flex;
align-items: center;
gap: 10px;
font: 800 clamp(13px, 1.4vw, 16px) var(--fl-sans);
border-radius: 12px;
padding: 14px 26px;
text-decoration: none;
background: linear-gradient(135deg, var(--fl-gold), var(--fl-gold2));
color: #000000;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4);
}
#fl-root .fl-login:hover {
filter: brightness(1.04);
color: #000000;
}
#fl-root .fl-login svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.4;
}
#fl-root .fl-foot {
text-align: center;
padding: 14px 24px;
font: 600 12px var(--fl-sans);
color: #9fb3c9;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#fl-root .fl-region-main {
display: none;
}
@media (max-width: 560px) {
#fl-root .fl-login {
left: 50%;
transform: translateX(-50%);
bottom: -20px;
white-space: nowrap;
}
#fl-root .fl-bannerwrap {
margin-bottom: 34px;
}
}
/* The bespoke landing owns the whole viewport — drop any inherited page chrome. */
body.fl-page #page, body.fl-page #page-wrapper {
padding: 0 !important;
margin: 0 !important;
background: none !important;
}
/* ==========================================================================
theme_baz — bespoke activity restyle for student-only users.
Applied via body classes (baz-student-activity + baz-mod-{type}) added in
theme_baz_page_init for incourse mod-* pages. CSS-only: the activity's own
markup, JS, drawers and navigation are preserved — this only re-skins them
navy/gold and deep-restyles quiz / assignment / forum / lesson content.
Light + dark. scssphp-safe: block comments only.
========================================================================== */
/* The bespoke forum hero + discussion cards are emitted in
mod_forum/discussion_list for everyone; keep them hidden unless the bespoke
student experience is active (shown via body.baz-student-activity below). */
.baz-forum-hero, .baz-disc-cards, .baz-op-tag {
display: none;
}
body.baz-student-activity {
--sa-navy:#022758;
/* Label on an accent surface. Derived from the accent's contrast in
theme_baz_brand_palette(), so a dark accent gets white and a light
one keeps the navy. */
--sa-on-accent: #FFFFFF;
--sa-gnavy:linear-gradient(140deg,#04387E,#021F46);
--sa-accent:#0075ED;
--sa-gaccent:linear-gradient(135deg,#0882FF,#0C63BC);
--sa-surface:#fff;
--sa-ground:#F4F7FB;
--sa-ink:#0B2034;
--sa-muted:#5C7184;
/* Text that sits ON a surface. --sa-navy is a brand colour that dark mode re-points to
a near-black for backgrounds, so anything using it as a label on --sa-surface went
invisible there. Use this instead and the label follows the surface it sits on. */
--sa-onsurface:var(--sa-navy);
--sa-faint:#90A4B5;
--sa-line:#E5ECF3;
--sa-green:#1FA37A;
--sa-red:#E0563E;
--sa-blue:#2563EB;
--sa-sans:"Manrope","Inter",system-ui,sans-serif;
--sa-mono:"JetBrains Mono",ui-monospace,monospace;
--sa-sh:0 4px 14px rgba(11,32,52,.07);
--sa-shsm:0 1px 3px rgba(11,32,52,.08);
/* ====================== BESPOKE SHELL (global sidebar) ====================== */
/* ---- bespoke topbar (replaces the rui topbar on activity pages) ---- */
/* topbar left cluster: just the logo now (module menu + back moved to the
action bar above the activity title) */
/* logo keeps a navy tile (as it had on the old sidebar) so it reads as the brand */
/* action bar (above the activity title): ☰ Course modules + Back-to-course on
the left, Summarise pulled to the right (moved into this row by studentwrap.js) */
/* Summarise relocated into the action row → pin it hard to the right (course
nav left, summarise right). Duplicated class + #region-main out-specifies the
per-mod `#region-main .ai-course-summarise-controls{margin:0 auto!important}`
rule (which otherwise keeps margin-right:auto and centres it). */
/* ---- module-navigation overlay (☰): reuses the course-view section/activity
list; slides in from the left over a dimmed backdrop ---- */
/* Hidden while closed so its shadow does not show at the page edge. */
/* focus mode: no fixed site sidebar — the activity fills the whole width */
/* ---- full-screen light canvas (replace the rui blue page background) ---- */
background: var(--sa-ground) !important;
/* ---- consistent gutter after the sidebar (match the dashboard: content
starts ~30px after the 248px sidebar; drop the rui 15px #page margin and
align the topbar + content to the same left edge) ---- */
/* focus mode uses the full viewport width (rui caps #page at ~1290px and
left-aligns it, leaving a big gap on the right) — remove the cap + centre */
/* centre the header + content columns so the activity sits balanced, not left-hugged */
/* the header is inline-flex by default (auto margins don't centre inline boxes) —
make it a block-level flex box so margin:auto actually centres it */
/* the copyright footer now sits on the light canvas, not a blue banner */
/* Need help (gold FAB, bottom-left) + Ask JO panel */
/* ---- cleanup: use bespoke font in the sidebar (was inheriting rui body font) ---- */
/* ---- cleanup: drop the duplicated top navigation (the sidebar provides it) ---- */
/* ---- cleanup: remove the course-index hamburger that overlapped the left nav
(the navy sidebar is the primary nav; the button is absolutely positioned at
far-left, so hide the button itself, not just its width:0 container) ---- */
/* course-index drawer (if reached) gets a clean bespoke header */
/* ---- activity header (title / completion / dates / description) ---- */
/* ---- secondary / "More" nav tabs (course secondary nav on activity pages) ---- */
/* the shell renders the secondary nav as a bare .moremenu (no .secondary-navigation
wrapper), so style it directly to match the design. */
/* students shouldn't see the course Participants tab */
/* ---- buttons: one gold primary + clean secondary across activities ---- */
/* ---- AI "Summarise" button — ONE canonical style for every activity
(quiz / forum / page / assign / resource / …). A clean secondary card
matching the prev/next nav buttons; gold sparkles icon. Top-level so it
applies regardless of the per-mod scope. Per-context positioning of the
.ai-course-summarise-controls container is set within each mod block. ---- */
/* ---- completion status ("Done:View" / "To do:…") on content activities:
ONE compact, single-line, right-aligned chip row (was sitting oddly in a big
empty header card). Shared across page / resource / lesson / url / feedback. ---- */
/* ---- activity description / instructions card (rendered inside the bespoke
quiz & forum views, since their hero hides the standard activity-header) ---- */
/* ---- generic content card + tables ---- */
/* ---- activity navigation footer (prev / jump to / next) ---- */
/* prev / next as carded buttons (rui renders icon links) */
/* jump-to select as a navy pill */
/* ---- bespoke named prev / jump / next cards (theme_baz/student-activity) ---- */
/* "Jump to…" menu removed on activity pages (prev/next cards are enough) */
/* the jump menu's own label duplicates the select's "Jump to…" placeholder —
force it visually hidden (kept for screen readers). */
/* ---- tertiary "Back" bar during attempts (clean standard button) ---- */
/* ---- back-to-course / continue button (standard gold) ---- */
/* ======================= QUIZ ======================= */
/* ======================= ASSIGNMENT ======================= */
/* ======================= FORUM ======================= */
/* ======================= LESSON ======================= */
/* ---- mod_page: content pages (mostly embedded videos, some text) ---- */
/* ---- mod_resource: file resources (mostly embedded PDFs) ---- */
}
body.baz-student-activity .ba-side {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 248px;
z-index: 1090;
background: linear-gradient(180deg, var(--sa-navy), #032148);
color: #cfe0ec;
padding: 20px 16px;
display: flex;
flex-direction: column;
gap: 3px;
overflow-y: auto;
}
body.baz-student-activity .ba-brand {
display: block;
padding: 4px 8px 18px;
}
body.baz-student-activity .ba-brand img {
max-height: 38px;
width: auto;
}
body.baz-student-activity .ba-brand-txt {
color: #fff;
font-weight: 800;
font-size: 18px;
}
body.baz-student-activity .ba-nav a {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 11px;
color: #aec4d4;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
body.baz-student-activity .ba-nav a svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
body.baz-student-activity .ba-nav a:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
body.baz-student-activity .ba-nav a.on {
background: rgba(0, 117, 237, 0.2);
color: var(--sa-accent);
font-weight: 700;
}
body.baz-student-activity .ba-nav a.on svg {
stroke: var(--sa-accent);
}
body.baz-student-activity .ba-navlbl {
font: 600 11px/1 var(--sa-mono);
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5d7e95;
padding: 16px 12px 8px;
}
body.baz-student-activity .ba-askjo-trigger {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sa-gnavy);
color: #fff;
font-weight: 700;
font-size: 13px;
padding: 10px 14px;
border: 0;
border-radius: 11px;
cursor: pointer;
}
body.baz-student-activity .ba-askjo-trigger svg {
width: 15px;
height: 15px;
}
body.baz-student-activity .ba-topbar {
position: sticky;
top: 0;
z-index: 40;
background: rgba(244, 247, 251, 0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity .ba-topbar-inner {
display: flex;
align-items: center;
gap: 14px;
padding: 11px 24px;
}
body.baz-student-activity .ba-crumb {
font-weight: 600;
color: var(--sa-muted);
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 42%;
}
body.baz-student-activity .ba-crumb a {
color: var(--sa-muted);
text-decoration: none;
}
body.baz-student-activity .ba-crumb a:hover {
color: var(--sa-ink);
}
body.baz-student-activity .ba-crumb .sep {
margin: 0 6px;
color: var(--sa-faint);
}
body.baz-student-activity .ba-crumb .cur {
color: var(--sa-ink);
font-weight: 700;
}
body.baz-student-activity .ba-search {
flex: 1;
max-width: 420px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 9px;
background: var(--sa-surface);
border: 1px solid #CBD8E6;
border-radius: 12px;
padding: 8px 14px;
}
body.baz-student-activity .ba-search svg {
width: 17px;
height: 17px;
stroke: var(--sa-faint);
fill: none;
stroke-width: 2;
flex: 0 0 auto;
}
body.baz-student-activity .ba-search input {
border: 0;
background: none;
outline: 0;
width: 100%;
font: 600 13px var(--sa-sans);
color: var(--sa-ink);
}
body.baz-student-activity .ba-tb-left {
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
}
body.baz-student-activity .ba-tb-logo {
display: inline-flex;
align-items: center;
background: linear-gradient(140deg, var(--sa-navy), #032148);
padding: 8px 15px;
border-radius: 11px;
}
body.baz-student-activity .ba-tb-logo img {
max-height: 26px;
width: auto;
display: block;
}
body.baz-student-activity .ba-tb-logo-txt {
color: #fff;
font-weight: 800;
font-size: 16px;
}
body.baz-student-activity .ba-tb-right {
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
flex: 0 0 auto;
}
body.baz-student-activity .ba-actionbar {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
max-width: 960px;
margin: 0 auto 6px;
}
body.baz-student-activity .ba-ab-back, body.baz-student-activity .ba-ab-menu {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 11px;
padding: 9px 15px;
font: 800 13px var(--sa-sans);
color: var(--sa-onsurface) !important;
text-decoration: none !important;
white-space: nowrap;
cursor: pointer;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity .ba-ab-back svg, body.baz-student-activity .ba-ab-menu svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
body.baz-student-activity .ba-ab-back:hover, body.baz-student-activity .ba-ab-menu:hover {
border-color: var(--sa-accent);
color: var(--sa-onsurface) !important;
}
body.baz-student-activity #region-main .ba-actionbar .ai-course-summarise-controls.ai-course-summarise-controls {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: 0 !important;
max-width: none !important;
width: auto !important;
flex: 0 0 auto !important;
padding: 0 !important;
display: flex !important;
justify-content: flex-end !important;
}
body.baz-student-activity .ba-iconbtn {
width: 40px;
height: 40px;
border-radius: 11px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
display: grid;
place-items: center;
color: var(--sa-muted);
cursor: pointer;
}
body.baz-student-activity .ba-iconbtn svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
body.baz-student-activity .ba-navbar-plugin {
display: flex;
align-items: center;
gap: 8px;
}
body.baz-student-activity .ba-navbar-plugin .popover-region-toggle, body.baz-student-activity .ba-navbar-plugin .nav-link {
width: 40px;
height: 40px;
border-radius: 11px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
display: grid;
place-items: center;
color: var(--sa-muted);
position: relative;
}
body.baz-student-activity .ba-mnav-backdrop {
position: fixed;
inset: 0;
z-index: 1102;
background: rgba(4, 18, 32, 0.5);
}
body.baz-student-activity .ba-mnav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 340px;
max-width: 86vw;
z-index: 1103;
background: linear-gradient(180deg, var(--sa-navy), #032148);
color: #cfe0ec;
display: flex;
flex-direction: column;
transform: translateX(-100%);
visibility: hidden;
transition: transform 0.22s ease, visibility 0s linear 0.22s;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
body.baz-student-activity .ba-mnav.show {
transform: none;
visibility: visible;
transition: transform 0.22s ease;
}
body.baz-student-activity .ba-mnav-head {
display: flex;
align-items: center;
gap: 10px;
padding: 18px 14px 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.baz-student-activity .ba-mnav-course {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
color: #fff;
font-weight: 800;
font-size: 14px;
text-decoration: none;
}
body.baz-student-activity .ba-mnav-course svg {
width: 18px;
height: 18px;
stroke: var(--sa-accent);
fill: none;
stroke-width: 1.8;
flex: 0 0 auto;
}
body.baz-student-activity .ba-mnav-course span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.baz-student-activity .ba-mnav-course:hover {
color: var(--sa-accent);
}
body.baz-student-activity .ba-mnav-close {
border: 0;
background: rgba(255, 255, 255, 0.08);
color: #cfe0ec;
width: 32px;
height: 32px;
border-radius: 9px;
font-size: 20px;
line-height: 1;
cursor: pointer;
flex: 0 0 auto;
}
body.baz-student-activity .ba-mnav-body {
flex: 1;
overflow-y: auto;
padding: 8px 12px 24px;
}
body.baz-student-activity .ba-mnav-sec {
margin-top: 10px;
}
body.baz-student-activity .ba-mnav-secname {
font: 700 11px/1 var(--sa-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: #5d7e95;
padding: 8px 10px;
}
body.baz-student-activity .ba-mnav-act {
display: flex;
align-items: center;
gap: 11px;
padding: 9px 10px;
border-radius: 10px;
color: #aec4d4;
text-decoration: none;
font-weight: 600;
font-size: 13.5px;
}
body.baz-student-activity .ba-mnav-act:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
body.baz-student-activity .ba-mnav-act.current {
background: rgba(0, 117, 237, 0.18);
color: var(--sa-accent);
font-weight: 700;
}
body.baz-student-activity .ba-mnav-ic {
flex: 0 0 auto;
width: 30px;
height: 30px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.07);
display: grid;
place-items: center;
color: #9fc1d8;
}
body.baz-student-activity .ba-mnav-act.current .ba-mnav-ic {
background: rgba(0, 117, 237, 0.2);
color: var(--sa-accent);
}
body.baz-student-activity .ba-mnav-ic svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
body.baz-student-activity .ba-mnav-name {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.baz-student-activity .ba-mnav-check {
flex: 0 0 auto;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1.5px solid rgba(255, 255, 255, 0.25);
display: grid;
place-items: center;
}
body.baz-student-activity .ba-mnav-check.on {
background: var(--sa-green);
border-color: var(--sa-green);
}
body.baz-student-activity .ba-mnav-check svg {
width: 11px;
height: 11px;
stroke: #fff;
fill: none;
stroke-width: 3;
}
body.baz-student-activity #page-wrapper {
padding-left: 0;
}
body.baz-student-activity .drawer-left {
left: 0;
}
body.baz-student-activity #page, body.baz-student-activity #page-wrapper, body.baz-student-activity #page-content, body.baz-student-activity .main-inner, body.baz-student-activity #topofscroll {
background: var(--sa-ground) !important;
}
body.baz-student-activity #page-content {
min-height: calc(100vh - 64px);
}
body.baz-student-activity #page {
margin: 0 auto !important;
max-width: none !important;
}
body.baz-student-activity .ba-topbar-inner {
padding-left: 30px !important;
padding-right: 30px !important;
}
body.baz-student-activity #region-main {
padding-left: 30px !important;
padding-right: 30px !important;
}
body.baz-student-activity #region-main #page-header.page-header-content, body.baz-student-activity #region-main .activity-header, body.baz-student-activity #region-main .box.contents, body.baz-student-activity #region-main .contentwithoutanswers, body.baz-student-activity #region-main .box.generalbox {
margin-left: auto !important;
margin-right: auto !important;
}
body.baz-student-activity #region-main #page-header.page-header-content {
display: flex !important;
}
body.baz-student-activity #s-page-footer {
background: transparent !important;
}
body.baz-student-activity #s-page-footer, body.baz-student-activity #s-page-footer * {
color: var(--sa-muted) !important;
}
body.baz-student-activity #s-page-footer a {
color: var(--sa-blue) !important;
}
body.baz-student-activity .ba-help {
position: fixed;
left: 22px;
bottom: 22px;
z-index: 1100;
}
body.baz-student-activity .ba-help-fab {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--sa-gaccent);
color: var(--sa-on-accent);
font-weight: 800;
font-size: 13.5px;
border: 0;
border-radius: 30px;
padding: 13px 19px;
cursor: pointer;
box-shadow: 0 12px 30px rgba(0, 117, 237, 0.42);
}
body.baz-student-activity .ba-help-fab svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
body.baz-student-activity .ba-help-panel {
position: absolute;
left: 0;
bottom: 62px;
width: 320px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: 0 18px 50px rgba(11, 32, 52, 0.18);
overflow: hidden;
}
body.baz-student-activity .ba-help-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
border-bottom: 1px solid var(--sa-line);
font-weight: 800;
color: var(--sa-ink);
}
body.baz-student-activity .ba-help-close, body.baz-student-activity .ba-askjo-close {
border: 0;
background: none;
font-size: 22px;
line-height: 1;
color: var(--sa-faint);
cursor: pointer;
}
body.baz-student-activity .ba-support {
padding: 6px 16px 14px;
}
body.baz-student-activity .ba-support .btn {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
text-align: left;
padding: 12px 0;
border: 0;
border-bottom: 1px solid var(--sa-line);
border-radius: 0;
background: none;
box-shadow: none;
color: var(--sa-ink);
font: 600 13px var(--sa-sans);
cursor: pointer;
}
body.baz-student-activity .ba-support .btn::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sa-accent);
}
body.baz-student-activity .ba-support .btn:last-child {
border-bottom: 0;
}
body.baz-student-activity .ba-askjo-panel {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 1100;
width: 380px;
max-width: calc(100vw - 32px);
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: 0 18px 50px rgba(11, 32, 52, 0.18);
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 72vh;
}
body.baz-student-activity .ba-askjo-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 16px;
background: var(--sa-gnavy);
color: #fff;
font-weight: 800;
}
body.baz-student-activity .ba-askjo-body {
flex: 1;
overflow-y: auto;
padding: 12px 14px;
min-height: 220px;
}
body.baz-student-activity .ba-askjo-control {
border-top: 1px solid var(--sa-line);
padding: 10px 12px;
}
body.baz-student-activity .ba-side, body.baz-student-activity .ba-side a, body.baz-student-activity .ba-side button, body.baz-student-activity .ba-brand-txt, body.baz-student-activity .ba-nav, body.baz-student-activity .ba-navlbl {
font-family: var(--sa-sans) !important;
-webkit-font-smoothing: antialiased;
}
body.baz-student-activity .main-nav-container, body.baz-student-activity #logo, body.baz-student-activity .rui-navbar-brand, body.baz-student-activity #myCoursesBtn {
display: none !important;
}
body.baz-student-activity .drawer-left-toggle, body.baz-student-activity .btn-drawer--left, body.baz-student-activity #btnCourseIndex {
display: none !important;
}
body.baz-student-activity .drawer-course-index .drawerheader {
background: var(--sa-gnavy);
color: #fff;
}
@media (max-width: 980px) {
body.baz-student-activity .ba-side {
display: none;
}
body.baz-student-activity #page-wrapper {
padding-left: 0;
}
body.baz-student-activity .drawer-left {
left: 0;
}
body.baz-student-activity .ba-help {
left: 14px;
bottom: 14px;
}
}
body.baz-student-activity .activity-header, body.baz-student-activity [data-region="activity-information"] {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
padding: 18px 20px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity .activity-header h1, body.baz-student-activity .activity-header h2, body.baz-student-activity #region-main h2.h2, body.baz-student-activity .page-context-header h1 {
font-family: var(--sa-sans);
font-weight: 800;
letter-spacing: -0.02em;
color: var(--sa-ink);
}
body.baz-student-activity .activity-dates {
font-size: 13px;
color: var(--sa-muted);
}
body.baz-student-activity .automatic-completion-conditions, body.baz-student-activity .completion-info, body.baz-student-activity .activity-information .badge {
border-radius: 20px;
}
body.baz-student-activity .activity-description, body.baz-student-activity [data-region="activity-description"] {
background: #F7FAFD;
border: 1px solid var(--sa-line);
border-radius: 12px;
padding: 14px 16px;
color: var(--sa-muted);
}
body.baz-student-activity .secondary-navigation .nav-tabs {
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity .secondary-navigation .nav-link {
font-weight: 700;
color: var(--sa-muted);
border: 0;
border-bottom: 2px solid transparent;
}
body.baz-student-activity .secondary-navigation .nav-link.active {
color: var(--sa-navy);
border-bottom-color: var(--sa-accent);
background: none;
}
body.baz-student-activity .moremenu.navigation {
border-bottom: 1px solid var(--sa-line);
margin-bottom: 14px;
}
body.baz-student-activity .moremenu .nav-tabs, body.baz-student-activity .moremenu .more-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2px;
list-style: none;
margin: 0;
padding: 0;
border: 0;
}
body.baz-student-activity .moremenu .nav-tabs .nav-item {
margin: 0;
list-style: none;
}
body.baz-student-activity .moremenu .nav-tabs .nav-link {
font: 800 13px var(--sa-sans);
color: var(--sa-muted);
border: 0;
border-bottom: 2.5px solid transparent;
border-radius: 0;
padding: 10px 15px;
background: none;
text-decoration: none;
}
body.baz-student-activity .moremenu .nav-tabs .nav-link:hover {
color: var(--sa-navy);
border-bottom-color: var(--sa-line);
}
body.baz-student-activity .moremenu .nav-tabs .nav-link.active, body.baz-student-activity .moremenu .nav-tabs .nav-link.active_tree_node {
color: var(--sa-navy);
border-bottom-color: var(--sa-accent);
background: none;
}
body.baz-student-activity .moremenu .nav-tabs .nav-item[data-key="participants"] {
display: none;
}
body.baz-student-activity .btn-primary, body.baz-student-activity .addtagcoll a, .addtagcoll body.baz-student-activity a, body.baz-student-activity .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-activity a, body.baz-student-activity .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-activity input, body.baz-student-activity #siteconfiglink a, #siteconfiglink body.baz-student-activity a, body.baz-student-activity .forum-post-footer a, .forum-post-footer body.baz-student-activity a, body.baz-student-activity .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-activity .btn, body.baz-student-activity #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-activity a, body.baz-student-activity .mod_quiz-next-nav, body.baz-student-activity .addbloglink a, .addbloglink body.baz-student-activity a, body.baz-student-activity #addcontrols input, #addcontrols body.baz-student-activity input, body.baz-student-activity #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity a, body.baz-student-activity #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-activity a, body.baz-student-activity .midpad a, .midpad body.baz-student-activity a, body.baz-student-activity .createstep, body.baz-student-activity #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-activity a, body.baz-student-activity .webservicestokenui + a, body.baz-student-activity .rui-pre button, .rui-pre body.baz-student-activity button, body.baz-student-activity .pagenumber .dropdown-btn, .pagenumber body.baz-student-activity .dropdown-btn, body.baz-student-activity #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity .dropdown-toggle, body.baz-student-activity .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-activity .dropdown-btn {
background: var(--sa-gaccent) !important;
border: 0 !important;
color: var(--sa-navy) !important;
font-weight: 800;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity .btn-primary:hover, body.baz-student-activity .addtagcoll a:hover, .addtagcoll body.baz-student-activity a:hover, body.baz-student-activity .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags body.baz-student-activity a:hover, body.baz-student-activity .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish body.baz-student-activity input:hover, body.baz-student-activity #siteconfiglink a:hover, #siteconfiglink body.baz-student-activity a:hover, body.baz-student-activity .forum-post-footer a:hover, .forum-post-footer body.baz-student-activity a:hover, body.baz-student-activity .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton body.baz-student-activity .btn:hover, body.baz-student-activity #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) body.baz-student-activity a:hover, body.baz-student-activity .mod_quiz-next-nav:hover, body.baz-student-activity .addbloglink a:hover, .addbloglink body.baz-student-activity a:hover, body.baz-student-activity #addcontrols input:hover, #addcontrols body.baz-student-activity input:hover, body.baz-student-activity #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity a:hover, body.baz-student-activity #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink body.baz-student-activity a:hover, body.baz-student-activity .midpad a:hover, .midpad body.baz-student-activity a:hover, body.baz-student-activity .createstep:hover, body.baz-student-activity #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) body.baz-student-activity a:hover, body.baz-student-activity .webservicestokenui + a:hover, body.baz-student-activity .rui-pre button:hover, .rui-pre body.baz-student-activity button:hover, body.baz-student-activity .pagenumber .dropdown-btn:hover, .pagenumber body.baz-student-activity .dropdown-btn:hover, body.baz-student-activity #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle:hover, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity .dropdown-toggle:hover, body.baz-student-activity .last-add-menu .dropdown-btn:hover, .last-add-menu body.baz-student-activity .dropdown-btn:hover {
filter: brightness(1.03);
color: var(--sa-navy) !important;
}
body.baz-student-activity .btn-secondary, body.baz-student-activity .collapseexpand, body.baz-student-activity .actions p a, .actions p body.baz-student-activity a, body.baz-student-activity .backlink a, .backlink body.baz-student-activity a, body.baz-student-activity #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align body.baz-student-activity a, body.baz-student-activity .moreless-toggler, body.baz-student-activity .search-results .result-context-info a, .search-results .result-context-info body.baz-student-activity a, body.baz-student-activity .tool_dataprivacy-expand-all, body.baz-student-activity .edit-link a, .edit-link body.baz-student-activity a, body.baz-student-activity #core-cache-rescan-definitions a, #core-cache-rescan-definitions body.baz-student-activity a, body.baz-student-activity .continuebutton a, .continuebutton body.baz-student-activity a, body.baz-student-activity .tour-actions > ul > li > a, body.baz-student-activity .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search body.baz-student-activity input[type="submit"], body.baz-student-activity .comment-area .fd a[id*=post], .comment-area .fd body.baz-student-activity a[id*=post], body.baz-student-activity .allcoursegrades a, .allcoursegrades body.baz-student-activity a, body.baz-student-activity .addlinks a, .addlinks body.baz-student-activity a, body.baz-student-activity #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions body.baz-student-activity .action, body.baz-student-activity .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel body.baz-student-activity input, body.baz-student-activity .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls body.baz-student-activity .exclusivemode, body.baz-student-activity .notesgroup p a, .notesgroup p body.baz-student-activity a, body.baz-student-activity #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions body.baz-student-activity a, body.baz-student-activity .printicon, body.baz-student-activity .glossarypost .commands a, .glossarypost .commands body.baz-student-activity a, body.baz-student-activity .rui-form-element-group a, .rui-form-element-group body.baz-student-activity a, body.baz-student-activity .mod_quiz-prev-nav, body.baz-student-activity .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging body.baz-student-activity a, body.baz-student-activity .page_split_join, body.baz-student-activity .path-mod-wiki .printicon, .path-mod-wiki body.baz-student-activity .printicon, body.baz-student-activity .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content body.baz-student-activity h2 + a, body.baz-student-activity .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) body.baz-student-activity a, body.baz-student-activity .ajax-contact-button[data-is-contact="0"], body.baz-student-activity .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns body.baz-student-activity .btn, body.baz-student-activity .chart-table-expand a, .chart-table-expand body.baz-student-activity a, body.baz-student-activity .export-actions a, .export-actions body.baz-student-activity a, body.baz-student-activity .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav body.baz-student-activity a:not(.mod_quiz-next-nav), body.baz-student-activity .modal-footer a:not(.btn-primary), .modal-footer body.baz-student-activity a:not(.btn-primary), body.baz-student-activity .commentlink a, .commentlink body.baz-student-activity a, body.baz-student-activity .itemnav a, .itemnav body.baz-student-activity a, body.baz-student-activity .que .comment a, .que .comment body.baz-student-activity a, body.baz-student-activity .btn-inverse, body.baz-student-activity .pick.template, body.baz-student-activity .action.remove, body.baz-student-activity .card-body .footer a, .card-body .footer body.baz-student-activity a, body.baz-student-activity .section-collapsemenu, body.baz-student-activity #message-user-button, body.baz-student-activity .addcomponent, body.baz-student-activity .btn-outline-secondary, body.baz-student-activity .comment-area .fd a[id*=cancel], .comment-area .fd body.baz-student-activity a[id*=cancel], body.baz-student-activity .visibleifjs .btn, .visibleifjs body.baz-student-activity .btn, body.baz-student-activity .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcriterion body.baz-student-activity input, body.baz-student-activity .gradingform_guide.editor .addcomment input, .gradingform_guide.editor .addcomment body.baz-student-activity input, body.baz-student-activity .message-user-button {
border-radius: 12px;
}
body.baz-student-activity a.aalink, body.baz-student-activity #region-main a:not(.btn) {
color: var(--sa-blue);
}
body.baz-student-activity .ai-course-summarise-controls .btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--sa-surface) !important;
border: 1.5px solid var(--sa-line) !important;
color: var(--sa-navy) !important;
border-radius: 11px !important;
padding: 9px 15px !important;
font: 800 13px var(--sa-sans) !important;
box-shadow: var(--sa-sh) !important;
}
body.baz-student-activity .ai-course-summarise-controls .btn:hover {
border-color: var(--sa-accent) !important;
color: var(--sa-navy) !important;
}
body.baz-student-activity .ai-course-summarise-controls .ai-course-summarise-sparkles-icon {
color: var(--sa-accent) !important;
}
body.baz-student-activity .ai-course-summarise-controls .ai-course-summarise-sparkles-icon img {
filter: saturate(0) brightness(0) invert(58%) sepia(60%) saturate(600%) hue-rotate(2deg);
}
body.baz-student-activity #region-main .rui-completion-info, body.baz-student-activity #region-main [data-region="completion-info"] {
margin: 0 !important;
width: 100%;
}
body.baz-student-activity #region-main .rui-completion-badges {
display: flex !important;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 8px;
margin: 0 !important;
}
body.baz-student-activity #region-main .rui-completion-badges .badge-sm {
display: inline-flex;
align-items: center;
gap: 6px;
border-radius: 999px;
padding: 6px 12px !important;
font: 700 12px var(--sa-sans);
margin: 0 !important;
white-space: nowrap;
}
body.baz-student-activity #region-main .rui-completion-badges .badge-sm.badge-success {
background: #E6F6F0 !important;
color: #1a7d5a !important;
border: 1px solid #cfe9df;
}
body.baz-student-activity #region-main .rui-completion-badges .badge-sm.badge-secondary {
background: var(--sa-ground) !important;
color: var(--sa-muted) !important;
border: 1px solid var(--sa-line);
}
body.baz-student-activity #region-main .rui-completion-badges .badge-sm strong, body.baz-student-activity #region-main .rui-completion-badges .badge-sm .mx-2, body.baz-student-activity #region-main .rui-completion-badges .badge-sm .ml-2, body.baz-student-activity #region-main .rui-completion-badges .badge-sm .ms-2 {
margin: 0 !important;
}
body.baz-student-activity .sa-adesc {
max-width: 880px;
margin: 0 auto 16px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-left: 3px solid var(--sa-accent);
border-radius: 14px;
padding: 16px 22px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity .sa-adesc .sa-desc-label {
font: 800 10.5px/1 var(--sa-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--sa-accent);
margin-bottom: 10px;
}
body.baz-student-activity .sa-adesc .no-overflow {
font-size: 14px;
line-height: 1.65;
color: var(--sa-ink);
}
body.baz-student-activity .sa-adesc .no-overflow > :first-child {
margin-top: 0;
}
body.baz-student-activity .sa-adesc .no-overflow > :last-child {
margin-bottom: 0;
}
body.baz-student-activity .sa-adesc a {
color: var(--sa-blue);
}
body.baz-student-activity .sa-adesc table {
max-width: 100% !important;
display: block;
overflow-x: auto;
}
body.baz-student-activity .sa-adesc td, body.baz-student-activity .sa-adesc th {
width: auto !important;
}
body.baz-student-activity .sa-adesc img {
max-width: 100% !important;
height: auto;
}
body.baz-student-activity #region-main .generaltable, body.baz-student-activity #region-main .rolecap {
border: 1px solid var(--sa-line);
border-radius: 12px;
overflow: hidden;
border-collapse: separate;
border-spacing: 0;
}
body.baz-student-activity #region-main .generaltable th, body.baz-student-activity #region-main .rolecap th {
background: #F7FAFD;
font: 600 11px var(--sa-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--sa-faint);
border: 0;
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity #region-main .generaltable td, body.baz-student-activity #region-main .rolecap td {
border: 0;
border-bottom: 1px solid var(--sa-line);
color: var(--sa-ink);
}
body.baz-student-activity .activity-navigation {
margin-top: 20px !important;
padding: 0 !important;
}
body.baz-student-activity .activity-navigation .row {
align-items: center;
}
body.baz-student-activity .activity-navigation .float-left, body.baz-student-activity .activity-navigation .float-start {
float: none !important;
}
body.baz-student-activity .activity-navigation .float-right, body.baz-student-activity .activity-navigation .float-end {
float: none !important;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity .activity-navigation .mdl-align {
display: none !important;
}
body.baz-student-activity .activity-navigation .rui-btn-action-link, body.baz-student-activity #prev-activity-link, body.baz-student-activity #next-activity-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sa-surface) !important;
border: 1px solid var(--sa-line) !important;
border-radius: 12px;
padding: 11px 18px;
font-weight: 800;
color: var(--sa-ink) !important;
box-shadow: var(--sa-shsm);
text-decoration: none;
}
body.baz-student-activity .activity-navigation .rui-btn-action-link:hover {
border-color: var(--sa-accent) !important;
color: var(--sa-navy) !important;
}
body.baz-student-activity .activity-navigation .rui-btn-action-link svg {
width: 18px;
height: 18px;
}
body.baz-student-activity .activity-navigation .urlselect {
display: inline-flex;
}
body.baz-student-activity .activity-navigation select.urlselect, body.baz-student-activity #jump-to-activity {
background: var(--sa-navy) !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
font-weight: 700;
padding: 11px 38px 11px 16px !important;
box-shadow: var(--sa-shsm);
height: auto;
cursor: pointer;
}
body.baz-student-activity .activity-navigation select.urlselect option, body.baz-student-activity #jump-to-activity option {
color: var(--sa-ink);
background: #fff;
}
body.baz-student-activity .ba-actnav {
display: flex;
align-items: stretch;
gap: 12px;
margin-top: 20px;
}
body.baz-student-activity .ba-actnav-side {
flex: 1 1 0;
display: flex;
min-width: 0;
}
body.baz-student-activity .ba-actnav-side--r {
justify-content: flex-end;
}
body.baz-student-activity .ba-actnav-jump {
display: none !important;
}
body.baz-student-activity .ba-actnav-jump form, body.baz-student-activity .ba-actnav-jump .urlselect {
margin: 0;
}
body.baz-student-activity .ba-actnav-jump label {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
white-space: nowrap;
}
body.baz-student-activity .ba-actnav-jump select, body.baz-student-activity .ba-actnav-jump select.urlselect {
background: var(--sa-navy) !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
font-weight: 700;
padding: 12px 40px 12px 18px !important;
box-shadow: var(--sa-shsm);
height: auto;
cursor: pointer;
}
body.baz-student-activity .ba-actnav-jump select option {
color: var(--sa-ink);
background: #fff;
}
body.baz-student-activity .ba-actnav-card {
display: flex;
align-items: center;
gap: 12px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 12px;
padding: 11px 18px;
text-decoration: none !important;
box-shadow: var(--sa-shsm);
max-width: 340px;
}
body.baz-student-activity .ba-actnav-card:hover {
border-color: var(--sa-accent);
}
body.baz-student-activity .ba-actnav-ar {
font-size: 18px;
line-height: 1;
color: var(--sa-accent);
font-weight: 800;
flex: 0 0 auto;
}
body.baz-student-activity .ba-actnav-meta {
display: flex;
flex-direction: column;
min-width: 0;
}
body.baz-student-activity .ba-actnav-next .ba-actnav-meta {
text-align: right;
}
body.baz-student-activity .ba-actnav-lbl {
font: 800 10px var(--sa-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity .ba-actnav-name {
font-weight: 800;
color: var(--sa-ink);
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 720px) {
body.baz-student-activity .ba-actnav {
flex-wrap: wrap;
}
body.baz-student-activity .ba-actnav-name {
max-width: 36vw;
}
}
body.baz-student-activity .tertiary-navigation {
background: none !important;
border: 0 !important;
padding: 0 !important;
margin-bottom: 14px;
}
body.baz-student-activity .tertiary-navigation .btn, body.baz-student-activity .tertiary-navigation a.btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--sa-surface) !important;
border: 1px solid var(--sa-line) !important;
border-radius: 12px;
padding: 10px 18px;
font-weight: 800;
color: var(--sa-ink) !important;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity .tertiary-navigation .btn:hover {
border-color: var(--sa-accent) !important;
}
body.baz-student-activity .continuebutton .btn, body.baz-student-activity .continuebutton a, body.baz-student-activity .submitbtns .continuebutton .btn {
background: var(--sa-gaccent) !important;
border: 0 !important;
color: var(--sa-navy) !important;
font-weight: 800;
border-radius: 12px;
padding: 12px 24px;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity.baz-mod-quiz {
/* On the view page the bespoke hero carries the title/dates, so the
default core activity header + page heading are redundant — hide on
the view page only. */
/* The view page's hero and info cards share the 960px column of the action bar
above them and of every other activity type. */
/* attempt / summary / review carry a bespoke compact header instead of
the lilac default activity header. */
/* AI "Summarise" positioning only — button styling is centralised in one
rule (see "AI Summarise" under the shared blocks) so it's identical
across quiz / forum / page / every activity. */
/* ---- bespoke view-page wrapper ---- */
/* ---- hero ---- */
/* ---- panel (timeline container) ---- */
/* ---- "Your attempts" section ---- */
/* the per-attempt info cells (Status / Started / Completed / Duration / Grade) */
/* Review → standard gold button */
/* ---- attempt: clear-my-choice + flag (standard chrome) ---- */
/* info chips (theme_baz mod_quiz renderer: view_information) */
/* grade banner (renderer: view_result_info) */
/* attempts list (theme override renders cards) */
/* the "your grade" / feedback */
/* question navigation buttons (block stays where core puts it) */
/* question cards */
/* attempt page nav */
/* ---- attempt: countdown timer chip (keep the theme's own visibility
toggling — only restyle the chip; the timer has its own clock icon) ---- */
/* ---- attempt: question navigation panel (blocks region) ---- */
/* ---- summary page (review before submit) ---- */
/* ---- review page (after submit) ---- */
}
body.baz-student-activity.baz-mod-quiz#page-mod-quiz-view .activity-header, body.baz-student-activity.baz-mod-quiz#page-mod-quiz-view [data-for="page-activity-header"], body.baz-student-activity.baz-mod-quiz#page-mod-quiz-view .page-context-header {
display: none !important;
}
body.baz-student-activity.baz-mod-quiz#page-mod-quiz-view #region-main > div > div > :not(.ba-actionbar) {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
body.baz-student-activity.baz-mod-quiz#page-mod-quiz-attempt .activity-header, body.baz-student-activity.baz-mod-quiz#page-mod-quiz-attempt [data-for="page-activity-header"], body.baz-student-activity.baz-mod-quiz#page-mod-quiz-attempt .page-context-header, body.baz-student-activity.baz-mod-quiz#page-mod-quiz-summary .activity-header, body.baz-student-activity.baz-mod-quiz#page-mod-quiz-summary [data-for="page-activity-header"], body.baz-student-activity.baz-mod-quiz#page-mod-quiz-summary .page-context-header, body.baz-student-activity.baz-mod-quiz#page-mod-quiz-review .activity-header, body.baz-student-activity.baz-mod-quiz#page-mod-quiz-review [data-for="page-activity-header"], body.baz-student-activity.baz-mod-quiz#page-mod-quiz-review .page-context-header {
display: none !important;
}
body.baz-student-activity.baz-mod-quiz .sa-qah {
display: flex;
align-items: center;
gap: 12px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 14px;
padding: 12px 15px;
box-shadow: var(--sa-shsm);
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-ic {
width: 38px;
height: 38px;
border-radius: 10px;
background: var(--sa-gaccent);
color: var(--sa-on-accent);
display: grid;
place-items: center;
flex: none;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-ic svg {
stroke: currentColor;
fill: none;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-meta {
flex: 1;
min-width: 0;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-chip {
font: 800 10px/1 var(--sa-mono);
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-quiz .sa-qah-title {
font: 800 17px var(--sa-sans);
letter-spacing: -0.01em;
color: var(--sa-ink);
margin: 5px 0 0;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-right {
display: flex;
align-items: center;
gap: 12px;
flex: none;
margin-left: auto;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-prog {
text-align: right;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-bar {
width: 132px;
height: 6px;
border-radius: 999px;
background: var(--sa-ground);
overflow: hidden;
margin: 0 0 5px auto;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-barfill {
height: 100%;
background: var(--sa-gaccent);
border-radius: 999px;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-ptxt {
font: 700 10px var(--sa-sans);
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-quiz .sa-qah-back {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 10px;
padding: 9px 15px;
font-weight: 800;
color: var(--sa-ink) !important;
text-decoration: none;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-back:hover {
border-color: var(--sa-accent);
}
body.baz-student-activity.baz-mod-quiz .sa-qah-grade {
display: flex;
align-items: baseline;
gap: 6px;
background: var(--sa-gnavy);
color: #fff;
border-radius: 11px;
padding: 8px 16px;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-gnum {
font: 800 22px var(--sa-sans);
color: #fff;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-gmax {
font: 700 11px var(--sa-mono);
color: #AFC6D8;
}
body.baz-student-activity.baz-mod-quiz .sa-qah-right #quiz-timer-wrapper {
margin: 0;
}
body.baz-student-activity.baz-mod-quiz .ai-course-summarise-controls {
padding: 0 !important;
margin: 0 0 14px;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-quiz .sa-quizview {
display: flex;
flex-direction: column;
}
body.baz-student-activity.baz-mod-quiz .sa-qhero {
position: relative;
display: flex;
align-items: center;
gap: 20px;
background: var(--sa-gnavy);
color: #EAF1F7;
border-radius: 18px;
padding: 22px 24px;
margin: 0 0 18px;
overflow: hidden;
}
body.baz-student-activity.baz-mod-quiz .sa-qhero::after {
content: "";
position: absolute;
right: -60px;
top: -60px;
width: 220px;
height: 220px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 117, 237, 0.22), transparent 65%);
pointer-events: none;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-icon {
flex: 0 0 auto;
width: 52px;
height: 52px;
border-radius: 13px;
background: rgba(0, 117, 237, 0.18);
border: 1px solid rgba(0, 117, 237, 0.4);
display: grid;
place-items: center;
color: var(--sa-accent);
}
body.baz-student-activity.baz-mod-quiz .sa-qh-icon svg {
stroke: currentColor;
fill: none;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-meta {
min-width: 0;
flex: 1;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-course {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.1);
color: #BCD0E2;
font: 700 11px var(--sa-sans);
letter-spacing: 0.02em;
padding: 3px 10px;
border-radius: 999px;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-course svg {
stroke: currentColor;
fill: none;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-title {
font: 800 22px/1.2 var(--sa-sans);
letter-spacing: -0.02em;
color: #fff;
margin: 9px 0 7px;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-status {
display: inline-flex;
align-items: center;
gap: 8px;
font: 700 12.5px var(--sa-sans);
color: #CFE0EC;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-pip {
width: 8px;
height: 8px;
border-radius: 50%;
background: #7FA7C4;
box-shadow: 0 0 0 3px rgba(127, 167, 196, 0.22);
}
body.baz-student-activity.baz-mod-quiz .sa-qh-status.is-done .sa-qh-pip {
background: #46D18A;
box-shadow: 0 0 0 3px rgba(70, 209, 138, 0.22);
}
body.baz-student-activity.baz-mod-quiz .sa-qh-status.is-done {
color: #9FE6C0;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-status.is-progress .sa-qh-pip {
background: var(--sa-accent);
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.25);
}
body.baz-student-activity.baz-mod-quiz .sa-qh-status.is-progress {
color: #3B99FA;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-cta {
margin-left: auto;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
text-align: right;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-cta .singlebutton {
margin: 0;
}
body.baz-student-activity.baz-mod-quiz .sa-qh-cta .btn {
background: var(--sa-gaccent) !important;
color: var(--sa-navy) !important;
border: 0 !important;
font-weight: 800;
border-radius: 11px;
padding: 13px 26px;
box-shadow: 0 10px 22px -10px rgba(0, 117, 237, 0.8);
}
body.baz-student-activity.baz-mod-quiz .sa-qh-ctasub {
font: 600 11px var(--sa-sans);
color: #9FB1C1;
}
body.baz-student-activity.baz-mod-quiz .sa-panel {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
padding: 18px 20px;
margin: 0 0 16px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-quiz .sa-panel-ttl {
font: 800 11px var(--sa-mono);
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--sa-faint);
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-quiz .sa-tl {
display: flex;
align-items: center;
}
body.baz-student-activity.baz-mod-quiz .sa-tl-node {
display: flex;
flex-direction: column;
gap: 3px;
}
body.baz-student-activity.baz-mod-quiz .sa-tl-node--r {
text-align: right;
align-items: flex-end;
}
body.baz-student-activity.baz-mod-quiz .sa-tl-lbl {
font: 800 10px var(--sa-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-quiz .sa-tl-val {
font: 800 13.5px var(--sa-sans);
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-quiz .sa-tl-sub {
font: 600 11.5px var(--sa-sans);
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-quiz .sa-tl-track {
flex: 1;
height: 6px;
border-radius: 999px;
margin: 0 16px;
position: relative;
background: linear-gradient(90deg, #46D18A, var(--sa-accent) 60%, var(--sa-line));
}
body.baz-student-activity.baz-mod-quiz .sa-tl-mk {
position: absolute;
top: -3px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #fff;
border: 3px solid var(--sa-accent);
transform: translateX(-50%);
}
body.baz-student-activity.baz-mod-quiz .sa-qbtns {
margin-top: 6px;
}
body.baz-student-activity.baz-mod-quiz .sa-qbtns .quizattempt, body.baz-student-activity.baz-mod-quiz .sa-qbtns .box {
background: none;
padding: 0;
}
body.baz-student-activity.baz-mod-quiz .sa-qbtns .quizattempt {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
body.baz-student-activity.baz-mod-quiz .sa-qbtns .quizattempt p, body.baz-student-activity.baz-mod-quiz .sa-qbtns .quizattempt .text-start {
color: var(--sa-muted);
font-weight: 600;
margin: 0;
}
body.baz-student-activity.baz-mod-quiz #region-main h3.mt-4 {
font: 800 16px var(--sa-sans);
letter-spacing: -0.01em;
color: var(--sa-ink);
margin: 22px 0 12px;
}
body.baz-student-activity.baz-mod-quiz .rui-attempts-list {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
padding: 18px 20px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-quiz .rui-attempts-list .generaltable, body.baz-student-activity.baz-mod-quiz .rui-attempts-list .rolecap {
box-shadow: none;
border: 0;
}
body.baz-student-activity.baz-mod-quiz .rui-attempts-list .quizattemptsummary, body.baz-student-activity.baz-mod-quiz .rui-attempts-list [class*="attempt"] {
border-radius: 12px;
}
body.baz-student-activity.baz-mod-quiz a[href*="/mod/quiz/review.php"] {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--sa-gaccent) !important;
color: var(--sa-navy) !important;
font-weight: 800;
border-radius: 11px;
padding: 9px 20px;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity.baz-mod-quiz a[href*="/mod/quiz/review.php"]:hover {
filter: brightness(1.03);
}
body.baz-student-activity.baz-mod-quiz a[href*="/mod/quiz/review.php"]::before {
content: "";
width: 15px;
height: 15px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,
") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,
") center/contain no-repeat;
}
body.baz-student-activity.baz-mod-quiz .qtype_multichoice_clearchoice a, body.baz-student-activity.baz-mod-quiz a.qtype_multichoice_clearchoice {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--sa-muted) !important;
font-weight: 700;
font-size: 12.5px;
text-decoration: none;
}
body.baz-student-activity.baz-mod-quiz .qtype_multichoice_clearchoice a:hover {
color: var(--sa-red) !important;
}
body.baz-student-activity.baz-mod-quiz .questionflag.editable label {
cursor: pointer;
}
body.baz-student-activity.baz-mod-quiz .questionflag .questionflagimage, body.baz-student-activity.baz-mod-quiz .questionflag svg {
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-quiz .que.flagged .questionflag .questionflagimage, body.baz-student-activity.baz-mod-quiz .que.flagged .questionflag svg {
color: var(--sa-accent);
}
body.baz-student-activity.baz-mod-quiz .sa-chips {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
margin: 0 0 18px;
}
body.baz-student-activity.baz-mod-quiz .sa-chip {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 13px;
padding: 12px 15px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-quiz .sa-chip-k {
font: 600 10px/1 var(--sa-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-quiz .sa-chip-v {
font-weight: 800;
font-size: 15px;
margin-top: 6px;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-quiz .sa-chip-wide {
grid-column: 1/-1;
font-weight: 600;
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-quiz .sa-gradebanner {
display: flex;
align-items: center;
gap: 18px;
background: var(--sa-gnavy);
color: #fff;
border-radius: 14px;
padding: 18px 22px;
margin: 0 0 18px;
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-quiz .sa-grade-main {
display: flex;
align-items: baseline;
gap: 10px;
}
body.baz-student-activity.baz-mod-quiz .sa-grade-num {
font: 800 30px var(--sa-sans);
color: #fff;
}
body.baz-student-activity.baz-mod-quiz .sa-grade-lbl {
font: 600 11px var(--sa-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: #AFC6D8;
}
body.baz-student-activity.baz-mod-quiz .sa-grade-fb {
margin-left: auto;
font-size: 13px;
color: #cfe0ec;
max-width: 52ch;
}
body.baz-student-activity.baz-mod-quiz .quizinfo, body.baz-student-activity.baz-mod-quiz .quizattemptcounts {
background: #F7FAFD;
border: 1px solid var(--sa-line);
border-radius: 12px;
padding: 12px 16px;
color: var(--sa-muted);
font-weight: 600;
}
body.baz-student-activity.baz-mod-quiz .quizattemptsummary, body.baz-student-activity.baz-mod-quiz .generaltable.quizattemptsummary, body.baz-student-activity.baz-mod-quiz .quizattemptsummary.rolecap {
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-quiz .list_of_attempts, body.baz-student-activity.baz-mod-quiz [data-region="attempt-row"], body.baz-student-activity.baz-mod-quiz .quizattempt {
border-radius: 14px;
}
body.baz-student-activity.baz-mod-quiz .quizstartbuttondiv .btn, body.baz-student-activity.baz-mod-quiz #quizstartbuttondiv .btn {
/* inherits gold .btn-primary */
}
body.baz-student-activity.baz-mod-quiz .quizgradefeedback, body.baz-student-activity.baz-mod-quiz .feedback, body.baz-student-activity.baz-mod-quiz .grade {
font-weight: 700;
}
body.baz-student-activity.baz-mod-quiz .qnbutton, body.baz-student-activity.baz-mod-quiz .quiznavbutton {
border-radius: 9px !important;
border: 1.5px solid var(--sa-line) !important;
font-weight: 800;
color: var(--sa-muted);
background: #fff !important;
}
body.baz-student-activity.baz-mod-quiz .qnbutton.thispage, body.baz-student-activity.baz-mod-quiz .quiznavbutton.thispage {
border-color: var(--sa-accent) !important;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.25);
color: var(--sa-navy);
}
body.baz-student-activity.baz-mod-quiz .qnbutton.answersaved, body.baz-student-activity.baz-mod-quiz .qnbutton.complete, body.baz-student-activity.baz-mod-quiz .quiznavbutton.answersaved {
background: var(--sa-navy) !important;
color: #fff !important;
border-color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-quiz .qnbutton.correct, body.baz-student-activity.baz-mod-quiz .quiznavbutton.correct {
background: var(--sa-green) !important;
color: #fff !important;
border-color: var(--sa-green) !important;
}
body.baz-student-activity.baz-mod-quiz .qnbutton.incorrect, body.baz-student-activity.baz-mod-quiz .quiznavbutton.incorrect {
background: var(--sa-red) !important;
color: #fff !important;
border-color: var(--sa-red) !important;
}
body.baz-student-activity.baz-mod-quiz .qnbutton.partiallycorrect {
background: #1160B2 !important;
color: #fff !important;
border-color: #1160B2 !important;
}
body.baz-student-activity.baz-mod-quiz .que {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 14px;
box-shadow: var(--sa-shsm);
overflow: hidden;
margin-bottom: 16px;
}
body.baz-student-activity.baz-mod-quiz .que .info {
background: #F7FAFD;
border-bottom: 1px solid var(--sa-line);
padding: 12px 16px;
}
body.baz-student-activity.baz-mod-quiz .que .info .no .qno {
color: var(--sa-navy);
font-weight: 800;
}
body.baz-student-activity.baz-mod-quiz .que .info .state, body.baz-student-activity.baz-mod-quiz .que .info .grade {
font: 600 11px var(--sa-mono);
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-quiz .que .qtext {
font-size: 15px;
line-height: 1.55;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-quiz .que .content {
padding: 16px 18px;
}
body.baz-student-activity.baz-mod-quiz .que .ablock .answer > div {
border: 1px solid var(--sa-line);
border-radius: 11px;
padding: 10px 14px;
margin-bottom: 9px;
}
body.baz-student-activity.baz-mod-quiz .que .ablock .answer > div.correct {
border-color: var(--sa-green);
background: rgba(31, 163, 122, 0.08);
}
body.baz-student-activity.baz-mod-quiz .que .ablock .answer > div.incorrect {
border-color: var(--sa-red);
background: rgba(224, 86, 62, 0.07);
}
body.baz-student-activity.baz-mod-quiz .que .specificfeedback {
background: rgba(31, 163, 122, 0.1);
color: #127155;
border-radius: 11px;
padding: 12px 15px;
}
body.baz-student-activity.baz-mod-quiz .que .generalfeedback {
background: #F4F8FC;
border: 1px solid var(--sa-line);
border-radius: 11px;
padding: 12px 15px;
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-quiz .submitbtns {
display: flex;
gap: 12px;
justify-content: flex-end;
margin-top: 8px;
}
body.baz-student-activity.baz-mod-quiz .submitbtns .btn, body.baz-student-activity.baz-mod-quiz .mod_quiz-next-nav, body.baz-student-activity.baz-mod-quiz .mod_quiz-prev-nav {
border-radius: 12px;
padding: 11px 22px;
font-weight: 800;
}
body.baz-student-activity.baz-mod-quiz #quiz-timer-wrapper {
margin-bottom: 14px;
}
body.baz-student-activity.baz-mod-quiz #quiz-timer {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sa-gnavy);
color: #fff !important;
border-radius: 12px;
padding: 9px 16px;
font: 800 14px var(--sa-sans);
box-shadow: var(--sa-sh);
}
body.baz-student-activity.baz-mod-quiz #quiz-timer .quiz-timer-icon {
color: var(--sa-accent);
width: 20px;
height: 20px;
}
body.baz-student-activity.baz-mod-quiz #quiz-time-left {
font-variant-numeric: tabular-nums;
letter-spacing: 0.02em;
color: #fff;
}
body.baz-student-activity.baz-mod-quiz #quiz-timer.timeleft-low, body.baz-student-activity.baz-mod-quiz #quiz-timer.timelefturgent {
background: linear-gradient(140deg, #B5371F, #7A1F12);
}
body.baz-student-activity.baz-mod-quiz #toggle-timer {
border-radius: 10px;
font-weight: 700;
margin-left: 8px;
}
body.baz-student-activity.baz-mod-quiz .qn_buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.baz-student-activity.baz-mod-quiz #user-picture {
display: flex;
align-items: center;
gap: 10px;
font-weight: 700;
color: var(--sa-ink);
margin-bottom: 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-mod-quiz #user-picture img {
border-radius: 50%;
}
body.baz-student-activity.baz-mod-quiz .othernav {
margin-top: 14px;
display: flex;
flex-direction: column;
gap: 9px;
}
body.baz-student-activity.baz-mod-quiz .othernav .btn, body.baz-student-activity.baz-mod-quiz .endtestlink {
border-radius: 11px;
font-weight: 700;
}
body.baz-student-activity.baz-mod-quiz .quizsummaryofattempt {
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-quiz .quizsummaryofattempt .quizsummaryheading th {
background: var(--sa-ground);
color: var(--sa-ink);
font-weight: 800;
}
body.baz-student-activity.baz-mod-quiz .quizsummaryofattempt .requiresgrading {
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-quiz .quizsummaryofattempt .notyetanswered td, body.baz-student-activity.baz-mod-quiz .quizsummaryofattempt .notanswered td {
color: var(--sa-red);
font-weight: 700;
}
body.baz-student-activity.baz-mod-quiz .submitallandfinish .btn, body.baz-student-activity.baz-mod-quiz .submitallandfinishbtn .btn, body.baz-student-activity.baz-mod-quiz .endtestlink .btn {
background: var(--sa-gaccent) !important;
color: var(--sa-navy) !important;
border: 0 !important;
font-weight: 800;
border-radius: 12px;
padding: 13px 26px;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity.baz-mod-quiz .quizreviewsummary {
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-quiz .quizreviewsummary td.cell.c0 {
font: 600 11px var(--sa-mono);
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-quiz .quizreviewsummary td.cell.c1 {
font-weight: 700;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-assign .submissionstatustable, body.baz-student-activity.baz-mod-assign .feedback {
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-assign .submissionstatustable .generaltable td, body.baz-student-activity.baz-mod-assign .submissionstatustable .rolecap td {
font-weight: 600;
}
body.baz-student-activity.baz-mod-assign .submissionstatussubmitted, body.baz-student-activity.baz-mod-assign .earlysubmission {
color: #127155;
font-weight: 700;
}
body.baz-student-activity.baz-mod-assign .submissionstatusdraft, body.baz-student-activity.baz-mod-assign .latesubmission, body.baz-student-activity.baz-mod-assign .overdue {
color: #b23a25;
font-weight: 700;
}
body.baz-student-activity.baz-mod-assign .fileuploadsubmission, body.baz-student-activity.baz-mod-assign .files .fileuploadsubmission {
border-radius: 10px;
}
body.baz-student-activity.baz-mod-assign [data-region="grade-panel"], body.baz-student-activity.baz-mod-assign .assignfeedback, body.baz-student-activity.baz-mod-assign .feedbackcomment {
background: #F7FAFD;
border: 1px solid var(--sa-line);
border-radius: 12px;
padding: 14px 16px;
}
body.baz-student-activity.baz-mod-assign .gradingsummary .generaltable, body.baz-student-activity.baz-mod-assign .gradingsummary .rolecap {
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-forum {
/* ---- Forum index (list of a course's forums, /mod/forum/index.php) ----
Robust CSS-only restyle: the two html_tables have variable columns
(tracking/subscribe/digest appear conditionally) and ambiguous hrefs,
so we avoid per-cell targeting and just present each table as a clean
carded list — header row, padded rows with dividers + hover, navy links. */
/* AI Summarise positioning only — button styling is centralised (below). */
/* the forum-name activity header is redundant on the list (hero carries it) */
/* The forum list shares the 960px column of the action bar above it. */
/* ---- bespoke forum hero (list) ---- */
/* the default add-a-discussion bar is folded into the hero CTA */
/* ---- forum list toolbar (segmented filter + sort + subscribe) ---- */
/* ---- discussion list: hide the stock table, show the bespoke cards ---- */
/* Subscribe switch: reset Bootstrap's negative-offset geometry so the
toggle stays inside its own column instead of overflowing left onto
the replies badge (custom-switch draws ::before at left:-2.25rem
relative to the control padding). */
/* pagination — keep only the one below the cards (drop the top duplicate),
restyle to the navy active-pill look. */
/* ---- discussion thread: bespoke hero (theme_baz/student-activity) ---- */
/* segmented Nested / Flat / Threaded (replaces the native select) */
/* the native mode selector is replaced by the segmented control */
/* back link + inline composer */
/* ================= FORUM POST FORM (reply / edit / new discussion) ================= */
/* hide the redundant chrome — bespoke context card + composer replace it */
/* keep the reply form itself visible (it is not a .forumpost) */
/* "Replying to" context card + back link */
/* the mform → a clean composer card with stacked labels */
/* section legends ("Your reply", "Tags") as card sub-headers */
/* actions */
/* drop the mform expand/collapse-all control (no collapsible sections in the composer look) */
/* required marker as a small gold dot (the stock icon can 404 in some renders) */
/* ---- discussion thread: controls + posts ---- */
/* the first (original) post gets a gold accent rail + "Original post" tag */
/* Moodle already renders "X replying to Y" (parentauthorname) — make it read clearly */
/* replies are threaded with a rail */
/* reply/settings buttons + mode selector */
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index {
/* first cell of each row (the forum name / section) reads as the title */
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index #region-main h2 {
font: 800 12px var(--sa-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sa-navy);
margin: 6px 0 12px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index #region-main h2 ~ h2 {
margin-top: 26px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .subscription {
text-align: right;
font-size: 13px;
margin-bottom: 12px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap {
width: 100%;
border-collapse: collapse;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 14px;
overflow: hidden;
box-shadow: var(--sa-shsm);
margin: 0 0 8px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable th, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap th {
background: #F5F8FC;
text-align: left;
padding: 11px 16px;
font: 800 10px var(--sa-mono);
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--sa-faint);
border: 0;
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable td, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap td {
padding: 14px 16px;
border: 0;
border-bottom: 1px solid var(--sa-line);
vertical-align: middle;
color: var(--sa-muted);
font-size: 13px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable tr:last-child td, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap tr:last-child td {
border-bottom: 0;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable tbody tr:hover td, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap tbody tr:hover td {
background: rgba(0, 117, 237, 0.05);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable td.cell.c0, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap td.cell.c0 {
font: 800 15px var(--sa-sans);
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable td a, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap td a {
color: var(--sa-navy) !important;
font-weight: 700;
text-decoration: none !important;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-index .generaltable td a:hover, body.baz-student-activity.baz-mod-forum#page-mod-forum-index .rolecap td a:hover {
color: var(--sa-accent) !important;
}
body.baz-student-activity.baz-mod-forum .ai-course-summarise-controls {
padding: 0 !important;
margin: 0 0 14px;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-view .activity-header, body.baz-student-activity.baz-mod-forum#page-mod-forum-view [data-for="page-activity-header"], body.baz-student-activity.baz-mod-forum#page-mod-forum-view .page-context-header {
display: none !important;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-view #region-main .wrapper-fw {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-view #region-main .wrapper-fw .sa-adesc {
max-width: none;
}
body.baz-student-activity.baz-mod-forum .baz-forum-hero {
display: flex !important;
align-items: center;
gap: 14px;
background: var(--sa-gnavy);
color: #EAF1F7;
border-radius: 16px;
padding: 16px 18px;
margin: 0 0 6px;
}
body.baz-student-activity.baz-mod-forum .baz-fh-ic {
width: 44px;
height: 44px;
border-radius: 12px;
background: rgba(0, 117, 237, 0.18);
border: 1px solid rgba(0, 117, 237, 0.4);
display: grid;
place-items: center;
color: var(--sa-accent);
flex: none;
}
body.baz-student-activity.baz-mod-forum .baz-fh-ic svg {
stroke: currentColor;
fill: none;
}
body.baz-student-activity.baz-mod-forum .baz-fh-meta {
flex: 1;
min-width: 0;
}
body.baz-student-activity.baz-mod-forum .baz-fh-title {
font: 800 20px var(--sa-sans);
letter-spacing: -0.01em;
color: #fff;
}
body.baz-student-activity.baz-mod-forum .baz-fh-stats {
margin-top: 4px;
font: 600 11.5px var(--sa-sans);
color: #CFE0EC;
display: flex;
align-items: center;
gap: 7px;
}
body.baz-student-activity.baz-mod-forum .baz-fh-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #46D18A;
}
body.baz-student-activity.baz-mod-forum .baz-fh-cta {
background: var(--sa-gaccent);
color: var(--sa-on-accent) !important;
font-weight: 800;
font-size: 13.5px;
border-radius: 11px;
padding: 11px 18px;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
white-space: nowrap;
flex: none;
}
body.baz-student-activity.baz-mod-forum .baz-forum-addbar {
display: none !important;
}
body.baz-student-activity.baz-mod-forum .baz-fl-toolbar {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 12px;
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-forum .baz-fl-seg {
display: inline-flex;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 10px;
overflow: hidden;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-forum .baz-fl-tab {
padding: 8px 15px;
font: 700 12.5px var(--sa-sans);
color: var(--sa-muted) !important;
text-decoration: none;
border-right: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-mod-forum .baz-fl-tab:last-child {
border-right: 0;
}
body.baz-student-activity.baz-mod-forum .baz-fl-tab.active {
background: var(--sa-navy);
color: #fff !important;
}
body.baz-student-activity.baz-mod-forum .baz-fl-right {
margin-left: auto;
display: flex;
align-items: center;
gap: 10px;
}
body.baz-student-activity.baz-mod-forum .baz-fl-sort {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 10px;
padding: 8px 13px;
font: 700 12.5px var(--sa-sans);
color: var(--sa-muted) !important;
text-decoration: none;
}
body.baz-student-activity.baz-mod-forum .baz-fl-sub {
display: inline-flex;
align-items: center;
gap: 7px;
font: 700 12.5px var(--sa-sans);
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-forum .baz-fl-sub svg {
stroke: currentColor;
fill: none;
}
body.baz-student-activity.baz-mod-forum .baz-fl-sub.on {
color: #07315C;
}
body.baz-student-activity.baz-mod-forum .baz-fl-sw {
width: 30px;
height: 17px;
border-radius: 999px;
background: #cdd8e2;
position: relative;
display: inline-block;
}
body.baz-student-activity.baz-mod-forum .baz-fl-sw::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
}
body.baz-student-activity.baz-mod-forum .baz-fl-sw.on {
background: var(--sa-accent);
}
body.baz-student-activity.baz-mod-forum .baz-fl-sw.on::after {
left: 15px;
}
body.baz-student-activity.baz-mod-forum .position-relative > .no-overflow, body.baz-student-activity.baz-mod-forum table.discussion-list {
display: none !important;
}
body.baz-student-activity.baz-mod-forum .baz-disc-cards {
display: flex !important;
flex-direction: column;
gap: 8px;
list-style: none;
margin: 14px 0 0;
padding: 0;
}
body.baz-student-activity.baz-mod-forum .baz-dc {
display: flex;
align-items: center;
gap: 11px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 12px;
padding: 11px 14px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-forum .baz-dc:hover {
border-color: var(--sa-accent);
}
body.baz-student-activity.baz-mod-forum .baz-dc.is-pinned {
border-color: #5EA4EC;
background: #ABD4FF;
}
body.baz-student-activity.baz-mod-forum .baz-dc-lead {
flex: 0 0 auto;
width: 12px;
text-align: center;
}
body.baz-student-activity.baz-mod-forum .baz-dc-lead.pin {
color: var(--sa-gold2, #0C63BC);
font-size: 13px;
}
body.baz-student-activity.baz-mod-forum .baz-dc-lead.dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sa-accent);
}
body.baz-student-activity.baz-mod-forum .baz-dc-lead.dot.ghost {
background: transparent;
}
body.baz-student-activity.baz-mod-forum .baz-dc-av {
flex: 0 0 auto;
width: 34px;
height: 34px;
border-radius: 50%;
object-fit: cover;
}
body.baz-student-activity.baz-mod-forum .baz-dc-mid {
flex: 1 1 auto;
min-width: 0;
}
body.baz-student-activity.baz-mod-forum .baz-dc-title {
font: 800 14px var(--sa-sans);
color: var(--sa-ink) !important;
text-decoration: none;
}
body.baz-student-activity.baz-mod-forum .baz-dc-title:hover {
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-forum .baz-dc-tag {
font: 800 9px var(--sa-mono);
letter-spacing: 0.04em;
padding: 2px 7px;
border-radius: 6px;
vertical-align: middle;
}
body.baz-student-activity.baz-mod-forum .baz-dc-tag.pin {
background: #7FBCFB;
color: #07315C;
}
body.baz-student-activity.baz-mod-forum .baz-dc-tag.lock {
background: #FBE3DE;
color: #B23A25;
}
body.baz-student-activity.baz-mod-forum .baz-dc-by {
font: 600 11.5px var(--sa-sans);
color: var(--sa-muted);
margin-top: 3px;
}
body.baz-student-activity.baz-mod-forum .baz-dc-stat {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
}
body.baz-student-activity.baz-mod-forum .baz-dc-badge {
background: var(--sa-ground);
color: var(--sa-muted) !important;
font: 700 11px var(--sa-mono);
padding: 4px 11px;
border-radius: 999px;
text-decoration: none;
}
body.baz-student-activity.baz-mod-forum .baz-dc-badge.new {
background: var(--sa-accent);
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-forum .baz-dc-last {
display: flex;
align-items: center;
gap: 5px;
font: 600 10px var(--sa-sans);
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-forum .baz-dc-mini {
width: 16px;
height: 16px;
border-radius: 50%;
object-fit: cover;
}
body.baz-student-activity.baz-mod-forum .baz-dc-sub {
flex: 0 0 auto;
padding-left: 0;
width: 1.85rem;
position: relative;
align-self: center;
}
body.baz-student-activity.baz-mod-forum .baz-dc-sub .custom-control-label::before {
left: 0;
border-radius: 999px;
}
body.baz-student-activity.baz-mod-forum .baz-dc-sub .custom-control-label::after {
left: 2px;
}
body.baz-student-activity.baz-mod-forum .baz-toppage {
display: none !important;
}
body.baz-student-activity.baz-mod-forum .forumpaging, body.baz-student-activity.baz-mod-forum .pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
border: 0;
list-style: none;
padding-left: 0;
margin: 14px 0 0;
}
body.baz-student-activity.baz-mod-forum .pagination .page-item {
margin: 0;
list-style: none;
}
body.baz-student-activity.baz-mod-forum .pagination .page-item .page-link {
border: 0 !important;
background: transparent !important;
color: var(--sa-muted) !important;
font: 800 13px var(--sa-sans);
min-width: 34px;
text-align: center;
padding: 7px 11px;
border-radius: 9px;
text-decoration: none !important;
}
body.baz-student-activity.baz-mod-forum .pagination .page-item .page-link:hover {
background: var(--sa-ground) !important;
color: var(--sa-onsurface) !important;
}
body.baz-student-activity.baz-mod-forum .pagination .page-item.active .page-link {
background: var(--sa-navy) !important;
color: #fff !important;
box-shadow: none;
}
body.baz-student-activity.baz-mod-forum .pagination .page-item.disabled .page-link {
color: var(--sa-faint) !important;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-discuss .activity-header, body.baz-student-activity.baz-mod-forum#page-mod-forum-discuss [data-for="page-activity-header"], body.baz-student-activity.baz-mod-forum#page-mod-forum-discuss .page-context-header, body.baz-student-activity.baz-mod-forum#page-mod-forum-discuss .discussionname {
display: none !important;
}
body.baz-student-activity.baz-mod-forum .baz-ft-hero {
background: var(--sa-gnavy);
color: #EAF1F7;
border-radius: 16px;
padding: 18px 20px;
margin: 0 0 12px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-top {
display: flex;
align-items: flex-start;
gap: 12px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-title {
flex: 1;
min-width: 0;
font: 800 20px var(--sa-sans) !important;
letter-spacing: -0.01em;
color: #fff !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-forum .baz-ft-acts {
display: flex;
gap: 7px;
flex: none;
}
body.baz-student-activity.baz-mod-forum .baz-ft-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.18);
color: #DCEAF5;
border-radius: 9px;
padding: 6px 11px;
font: 700 11.5px var(--sa-sans);
cursor: pointer;
}
body.baz-student-activity.baz-mod-forum .baz-ft-btn svg {
stroke: currentColor;
fill: none;
}
body.baz-student-activity.baz-mod-forum .baz-ft-btn.on {
background: rgba(0, 117, 237, 0.2);
color: var(--sa-accent);
border-color: rgba(0, 117, 237, 0.4);
}
body.baz-student-activity.baz-mod-forum .baz-ft-btn.on svg {
fill: currentColor;
}
body.baz-student-activity.baz-mod-forum .baz-ft-meta {
margin-top: 10px;
font: 600 11.5px var(--sa-sans);
color: #CFE0EC;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-forum .baz-ft-meta b {
color: #fff;
}
body.baz-student-activity.baz-mod-forum .baz-ft-av {
display: inline-grid;
place-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--sa-accent);
color: var(--sa-navy);
font: 800 8px var(--sa-mono);
}
body.baz-student-activity.baz-mod-forum .baz-ft-parts {
display: inline-flex;
align-items: center;
gap: 3px;
margin-left: 6px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-mini {
display: inline-grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: #6a8299;
color: #fff;
font: 800 8px var(--sa-mono);
border: 1.5px solid var(--sa-navy);
margin-left: -6px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-mini:first-child {
margin-left: 0;
}
body.baz-student-activity.baz-mod-forum .baz-ft-pn {
margin-left: 6px;
color: #AFC6D8;
}
body.baz-student-activity.baz-mod-forum .baz-ft-modebar {
display: flex;
align-items: center;
margin: 0 0 12px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-modes {
display: inline-flex;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 10px;
overflow: hidden;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-forum .baz-ft-mode {
padding: 8px 16px;
font: 700 12.5px var(--sa-sans);
color: var(--sa-muted) !important;
text-decoration: none;
border-right: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-mod-forum .baz-ft-mode:last-child {
border-right: 0;
}
body.baz-student-activity.baz-mod-forum .baz-ft-mode.active {
background: var(--sa-navy);
color: #fff !important;
}
body.baz-student-activity.baz-mod-forum .baz-ft-collapse {
margin-left: auto;
background: none;
border: 0;
color: var(--sa-muted);
font: 700 12px var(--sa-sans);
cursor: pointer;
}
body.baz-student-activity.baz-mod-forum .baz-ft-collapse:hover {
color: var(--sa-navy);
}
body.baz-student-activity.baz-mod-forum .rui-exportdiscussion, body.baz-student-activity.baz-mod-forum .modeselectorform {
display: none !important;
}
body.baz-student-activity.baz-mod-forum .baz-ft-back {
display: inline-block;
color: var(--sa-muted) !important;
font: 700 12px var(--sa-sans);
text-decoration: none;
margin: 0 0 10px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-back:hover {
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-forum .baz-ft-composer {
display: flex;
align-items: center;
gap: 12px;
background: var(--sa-surface);
border: 1px dashed #CBD8E6;
border-radius: 12px;
padding: 12px 16px;
margin-top: 10px;
text-decoration: none;
}
body.baz-student-activity.baz-mod-forum .baz-ft-cprompt {
color: var(--sa-faint);
font-weight: 600;
}
body.baz-student-activity.baz-mod-forum .baz-ft-cbar {
color: var(--sa-muted);
font-weight: 700;
letter-spacing: 3px;
}
body.baz-student-activity.baz-mod-forum .baz-ft-cpost {
margin-left: auto;
background: var(--sa-gaccent);
color: var(--sa-on-accent) !important;
font-weight: 800;
border-radius: 10px;
padding: 8px 16px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .activity-header, body.baz-student-activity.baz-mod-forum#page-mod-forum-post [data-for="page-activity-header"], body.baz-student-activity.baz-mod-forum#page-mod-forum-post .page-context-header, body.baz-student-activity.baz-mod-forum#page-mod-forum-post h2.rui-main-content-title, body.baz-student-activity.baz-mod-forum#page-mod-forum-post [data-content="forum-discussion"], body.baz-student-activity.baz-mod-forum#page-mod-forum-post .forumpost, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .forum-post-container {
display: none !important;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post #mformforum, body.baz-student-activity.baz-mod-forum#page-mod-forum-post form.mform {
display: block !important;
}
body.baz-student-activity.baz-mod-forum .baz-fp-back {
display: inline-block;
color: var(--sa-muted) !important;
font: 700 12px var(--sa-sans);
text-decoration: none;
margin: 0 0 10px;
}
body.baz-student-activity.baz-mod-forum .baz-fp-back:hover {
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-forum .baz-fp-ctx {
background: var(--sa-gnavy);
color: #EAF1F7;
border-radius: 14px;
padding: 14px 18px;
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-forum .baz-fp-label {
font: 800 9px var(--sa-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: #8FB0C8;
}
body.baz-student-activity.baz-mod-forum .baz-fp-title {
font: 800 16px var(--sa-sans);
color: #fff;
margin: 5px 0 6px;
}
body.baz-student-activity.baz-mod-forum .baz-fp-by {
font-size: 11.5px;
color: #CFE0EC;
display: flex;
align-items: center;
gap: 7px;
}
body.baz-student-activity.baz-mod-forum .baz-fp-av {
display: inline-grid;
place-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--sa-accent);
color: var(--sa-navy);
font: 800 8px var(--sa-mono);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post #mformforum, body.baz-student-activity.baz-mod-forum#page-mod-forum-post form.mform {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 14px;
padding: 16px 20px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform fieldset {
border: 0;
margin: 0;
padding: 0;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .fcontainer {
margin: 0;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .form-group.row {
display: block !important;
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .col-form-label, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .fitemtitle {
max-width: 100% !important;
flex: 0 0 100% !important;
width: 100%;
text-align: left !important;
padding: 0 0 5px !important;
font: 800 10px var(--sa-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .felement, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform [class*="col-md-9"] {
max-width: 100% !important;
flex: 0 0 100% !important;
width: 100%;
padding: 0 !important;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform input[type="text"] {
border: 1px solid var(--sa-line);
border-radius: 10px;
padding: 10px 13px;
width: 100%;
font: 600 13px var(--sa-sans);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .tox-tinymce, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .editor_atto_wrap {
border-radius: 10px !important;
border: 1px solid var(--sa-line) !important;
overflow: hidden;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .filemanager, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .fp-content {
border-radius: 10px;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform > fieldset > .d-flex, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .fheader, body.baz-student-activity.baz-mod-forum#page-mod-forum-post legend {
font: 800 15px var(--sa-sans) !important;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .btn-primary, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .addtagcoll a, .addtagcoll body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform input, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #siteconfiglink a, #siteconfiglink body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .forum-post-footer a, .forum-post-footer body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .btn, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .mod_quiz-next-nav, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .addbloglink a, .addbloglink body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #addcontrols input, #addcontrols body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform input, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .midpad a, .midpad body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .createstep, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .webservicestokenui + a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .rui-pre button, .rui-pre body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform button, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .pagenumber .dropdown-btn, .pagenumber body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .dropdown-btn, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .dropdown-toggle, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .dropdown-btn, body.baz-student-activity.baz-mod-forum#page-mod-forum-post #id_submitbutton {
background: var(--sa-gaccent) !important;
color: var(--sa-navy) !important;
border: 0 !important;
font-weight: 800;
border-radius: 11px;
padding: 12px 26px;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .btn-secondary, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .collapseexpand, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .actions p a, .actions p body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .backlink a, .backlink body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .moreless-toggler, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .search-results .result-context-info a, .search-results .result-context-info body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .tool_dataprivacy-expand-all, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .edit-link a, .edit-link body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #core-cache-rescan-definitions a, #core-cache-rescan-definitions body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .continuebutton a, .continuebutton body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .tour-actions > ul > li > a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform input[type="submit"], body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .comment-area .fd a[id*=post], .comment-area .fd body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a[id*=post], body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .allcoursegrades a, .allcoursegrades body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .addlinks a, .addlinks body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .action, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform input, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .exclusivemode, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .notesgroup p a, .notesgroup p body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .printicon, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .glossarypost .commands a, .glossarypost .commands body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .rui-form-element-group a, .rui-form-element-group body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .mod_quiz-prev-nav, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .page_split_join, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .path-mod-wiki .printicon, .path-mod-wiki body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .printicon, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform h2 + a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .ajax-contact-button[data-is-contact="0"], body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .btn, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .chart-table-expand a, .chart-table-expand body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .export-actions a, .export-actions body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a:not(.mod_quiz-next-nav), body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .modal-footer a:not(.btn-primary), .modal-footer body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a:not(.btn-primary), body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .commentlink a, .commentlink body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .itemnav a, .itemnav body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .que .comment a, .que .comment body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .btn-inverse, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .pick.template, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .action.remove, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .card-body .footer a, .card-body .footer body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform a, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .section-collapsemenu, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform #message-user-button, body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .addcomponent, body.baz-student-activity.baz-mod-forum#page-mod-forum-post #id_cancel {
border-radius: 11px;
font-weight: 800;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .collapsible-actions {
display: none !important;
}
body.baz-student-activity.baz-mod-forum#page-mod-forum-post .mform .req {
filter: none;
}
body.baz-student-activity.baz-mod-forum .rui-forum-discussion .d-flex.flex-wrap.mb-4 {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 12px;
padding: 8px 12px;
box-shadow: var(--sa-shsm);
margin-bottom: 12px !important;
}
body.baz-student-activity.baz-mod-forum .forumpost, body.baz-student-activity.baz-mod-forum [data-region-content="forum-post"], body.baz-student-activity.baz-mod-forum .forum-post-container {
background: var(--sa-surface);
border: 1px solid var(--sa-line) !important;
border-radius: 14px;
box-shadow: var(--sa-shsm);
overflow: hidden;
margin-bottom: 14px;
}
body.baz-student-activity.baz-mod-forum .firstpost.starter, body.baz-student-activity.baz-mod-forum .forumpost.firstpost {
border-left: 3px solid var(--sa-accent) !important;
}
body.baz-student-activity.baz-mod-forum .baz-op-tag {
display: inline-block;
background: #7FBCFB;
color: #07315C;
font: 800 9px var(--sa-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 6px;
margin-right: 8px;
}
body.baz-student-activity.baz-mod-forum .forumpost .author-header {
font-weight: 700;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-forum .forumpost .header, body.baz-student-activity.baz-mod-forum .forum-post-core header {
background: #F7FAFD;
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-mod-forum .forumpost .author, body.baz-student-activity.baz-mod-forum .forum-post-core .author {
font-weight: 700;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-forum .forumpost .content, body.baz-student-activity.baz-mod-forum .post-content-container {
padding: 14px 16px;
}
body.baz-student-activity.baz-mod-forum .forumpost .commands a, body.baz-student-activity.baz-mod-forum .forum-post-core .commands a {
color: var(--sa-blue);
font-weight: 700;
}
body.baz-student-activity.baz-mod-forum .indent {
border-left: 2px solid var(--sa-line);
padding-left: 16px;
margin-left: 14px;
}
body.baz-student-activity.baz-mod-forum .forumdiscussion .pinned, body.baz-student-activity.baz-mod-forum .discussionsubscription {
border-radius: 8px;
}
body.baz-student-activity.baz-mod-forum [data-region="forum-post-reply"] .btn, body.baz-student-activity.baz-mod-forum .indent .btn, body.baz-student-activity.baz-mod-forum .modeselectorform .btn {
border-radius: 12px;
}
body.baz-student-activity.baz-mod-forum .btn.post-action, body.baz-student-activity.baz-mod-forum a[data-action="collapsible-link"] {
color: var(--sa-blue);
font-weight: 700;
}
body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .btn-primary, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .addtagcoll a, .addtagcoll body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-activity.baz-mod-forum [data-region="post-reply"] input, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #siteconfiglink a, #siteconfiglink body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .forum-post-footer a, .forum-post-footer body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .btn, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .mod_quiz-next-nav, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .addbloglink a, .addbloglink body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #addcontrols input, #addcontrols body.baz-student-activity.baz-mod-forum [data-region="post-reply"] input, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .midpad a, .midpad body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .createstep, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-activity.baz-mod-forum [data-region="post-reply"] a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .webservicestokenui + a, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .rui-pre button, .rui-pre body.baz-student-activity.baz-mod-forum [data-region="post-reply"] button, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .pagenumber .dropdown-btn, .pagenumber body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .dropdown-btn, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .dropdown-toggle, body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-activity.baz-mod-forum [data-region="post-reply"] .dropdown-btn, body.baz-student-activity.baz-mod-forum .inpage-reply-content .btn-primary, body.baz-student-activity.baz-mod-forum .inpage-reply-content .addtagcoll a, .addtagcoll body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-activity.baz-mod-forum .inpage-reply-content input, body.baz-student-activity.baz-mod-forum .inpage-reply-content #siteconfiglink a, #siteconfiglink body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .forum-post-footer a, .forum-post-footer body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-activity.baz-mod-forum .inpage-reply-content .btn, body.baz-student-activity.baz-mod-forum .inpage-reply-content #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .mod_quiz-next-nav, body.baz-student-activity.baz-mod-forum .inpage-reply-content .addbloglink a, .addbloglink body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content #addcontrols input, #addcontrols body.baz-student-activity.baz-mod-forum .inpage-reply-content input, body.baz-student-activity.baz-mod-forum .inpage-reply-content #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .midpad a, .midpad body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .createstep, body.baz-student-activity.baz-mod-forum .inpage-reply-content #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-activity.baz-mod-forum .inpage-reply-content a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .webservicestokenui + a, body.baz-student-activity.baz-mod-forum .inpage-reply-content .rui-pre button, .rui-pre body.baz-student-activity.baz-mod-forum .inpage-reply-content button, body.baz-student-activity.baz-mod-forum .inpage-reply-content .pagenumber .dropdown-btn, .pagenumber body.baz-student-activity.baz-mod-forum .inpage-reply-content .dropdown-btn, body.baz-student-activity.baz-mod-forum .inpage-reply-content #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity.baz-mod-forum .inpage-reply-content .dropdown-toggle, body.baz-student-activity.baz-mod-forum .inpage-reply-content .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-activity.baz-mod-forum .inpage-reply-content .dropdown-btn {
background: var(--sa-gaccent) !important;
color: var(--sa-navy) !important;
border: 0 !important;
}
body.baz-student-activity.baz-mod-resource {
/* title → hero card (consistent with mod_page) */
/* drop the redundant empty details card — the file type/size is already in
the file card below; keep any real description as plain text (no card). */
/* summarise → right-aligned in the content column (as on page) */
/* bespoke document header (built from the file link by page_init JS) */
/* the embedded PDF object → framed viewer card */
/* download-only workaround → card */
/* "Last modified" meta */
}
body.baz-student-activity.baz-mod-resource #region-main #page-header.page-header-content {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 22px !important;
max-width: 960px;
margin: 0 auto 14px;
}
body.baz-student-activity.baz-mod-resource #region-main .page-header-image .activityiconcontainer {
width: 52px;
height: 52px;
border-radius: 13px;
background: rgba(229, 85, 110, 0.12);
display: grid;
place-items: center;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-resource #region-main .page-header-image .activityicon {
width: 28px;
height: 28px;
}
body.baz-student-activity.baz-mod-resource #region-main .rui-main-content-title {
font: 800 20px/1.25 var(--sa-sans) !important;
letter-spacing: -0.02em;
color: var(--sa-ink) !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-resource #region-main .activity-header {
background: none !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
max-width: 960px;
margin: 0 auto 8px !important;
}
body.baz-student-activity.baz-mod-resource #region-main .rui-activity-wrapper {
border: 0 !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-resource #region-main .activity-description {
background: none !important;
border: 0 !important;
padding: 0 !important;
}
body.baz-student-activity.baz-mod-resource #region-main .resourcedetails {
display: none !important;
}
body.baz-student-activity.baz-mod-resource #region-main .ai-course-summarise-controls {
max-width: 960px;
margin: 0 auto 12px !important;
padding: 0 !important;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-resource .baz-res-file {
display: flex;
align-items: center;
gap: 15px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 20px;
max-width: 960px;
margin: 0 auto 14px;
}
body.baz-student-activity.baz-mod-resource .baz-res-ic {
width: 52px;
height: 52px;
flex: none;
border-radius: 13px;
display: grid;
place-items: center;
position: relative;
background: rgba(229, 85, 110, 0.12);
color: var(--sa-red);
}
body.baz-student-activity.baz-mod-resource .baz-res-ic svg {
width: 25px;
height: 25px;
stroke: currentColor;
fill: none;
stroke-width: 1.7;
}
body.baz-student-activity.baz-mod-resource .baz-res-ic .ext {
position: absolute;
bottom: 5px;
font: 800 8px var(--sa-mono);
letter-spacing: 0.02em;
}
body.baz-student-activity.baz-mod-resource .baz-res-meta {
flex: 1;
min-width: 0;
}
body.baz-student-activity.baz-mod-resource .baz-res-name {
font: 800 16px var(--sa-sans);
color: var(--sa-ink);
word-break: break-word;
}
body.baz-student-activity.baz-mod-resource .baz-res-sub {
font: 600 12px var(--sa-mono);
color: var(--sa-muted);
margin-top: 3px;
}
body.baz-student-activity.baz-mod-resource .baz-res-acts {
display: flex;
gap: 9px;
flex: none;
}
body.baz-student-activity.baz-mod-resource .baz-res-acts a {
display: inline-flex;
align-items: center;
gap: 7px;
font: 800 13px var(--sa-sans);
border-radius: 11px;
padding: 11px 17px;
text-decoration: none !important;
white-space: nowrap;
}
body.baz-student-activity.baz-mod-resource .baz-res-dl {
background: var(--sa-gaccent);
color: var(--sa-on-accent) !important;
box-shadow: 0 6px 16px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity.baz-mod-resource .baz-res-open {
background: var(--sa-surface);
border: 1.5px solid var(--sa-line);
color: var(--sa-onsurface) !important;
}
body.baz-student-activity.baz-mod-resource .baz-res-acts a svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
@media (max-width: 600px) {
body.baz-student-activity.baz-mod-resource .baz-res-file {
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-resource .baz-res-acts {
width: 100%;
}
body.baz-student-activity.baz-mod-resource .baz-res-acts a {
flex: 1;
justify-content: center;
}
}
body.baz-student-activity.baz-mod-resource .resourcecontent {
max-width: 960px;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-resource .resourcecontent.resourcepdf {
background: #525659;
border-radius: 14px;
padding: 0;
overflow: hidden;
box-shadow: var(--sa-sh);
}
body.baz-student-activity.baz-mod-resource #resourceobject {
width: 100% !important;
height: 80vh !important;
min-height: 520px;
border: 0;
display: block;
}
body.baz-student-activity.baz-mod-resource .resourceworkaround {
max-width: 640px;
margin: 0 auto;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 26px;
text-align: center;
font-size: 14px;
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-resource .resourceworkaround a {
color: var(--sa-blue);
font-weight: 700;
}
body.baz-student-activity.baz-mod-resource #region-main .modified {
max-width: 960px;
margin: 14px auto 4px;
text-align: center;
font: 600 12px/1.4 var(--sa-mono);
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-url {
/* title → hero card + clean header (consistent with page/resource/lesson);
the big empty activity-header card is dropped, the intro stays as plain
text, completion chips handled by the shared rule. */
/* "click to open" line → external-link card (built by page_init JS) */
/* embedded URL (image / video / object / iframe) → framed card */
}
body.baz-student-activity.baz-mod-url #region-main #page-header.page-header-content {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 22px !important;
max-width: 900px;
margin: 0 auto 14px;
}
body.baz-student-activity.baz-mod-url #region-main .page-context-header {
gap: 14px;
}
body.baz-student-activity.baz-mod-url #region-main .page-header-image .activityiconcontainer {
width: 52px;
height: 52px;
border-radius: 13px;
background: rgba(37, 99, 235, 0.1);
display: grid;
place-items: center;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-url #region-main .page-header-image .activityicon {
width: 28px;
height: 28px;
}
body.baz-student-activity.baz-mod-url #region-main .rui-main-content-title {
font: 800 20px/1.25 var(--sa-sans) !important;
letter-spacing: -0.02em;
color: var(--sa-ink) !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-url #region-main .activity-header {
max-width: 900px;
margin: 0 auto 10px !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
body.baz-student-activity.baz-mod-url #region-main .rui-activity-wrapper {
border: 0 !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-url #region-main .activity-description {
background: none !important;
border: 0 !important;
padding: 0 !important;
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-url #region-main .ai-course-summarise-controls {
max-width: 900px;
margin: 0 auto 12px !important;
padding: 0 !important;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-url .urlworkaround {
max-width: 640px;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-url .baz-url-card {
display: flex;
align-items: center;
gap: 15px;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 20px;
}
body.baz-student-activity.baz-mod-url .baz-url-ic {
width: 52px;
height: 52px;
flex: none;
border-radius: 13px;
display: grid;
place-items: center;
background: rgba(37, 99, 235, 0.1);
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-url .baz-url-ic svg {
width: 26px;
height: 26px;
stroke: currentColor;
fill: none;
stroke-width: 1.7;
}
body.baz-student-activity.baz-mod-url .baz-url-meta {
flex: 1;
min-width: 0;
}
body.baz-student-activity.baz-mod-url .baz-url-crumb {
font: 800 10.5px/1 var(--sa-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-url .baz-url-name {
font: 800 16px var(--sa-sans);
color: var(--sa-ink);
margin: 5px 0 2px;
word-break: break-word;
}
body.baz-student-activity.baz-mod-url .baz-url-host {
font: 600 12px var(--sa-mono);
color: var(--sa-blue);
word-break: break-all;
}
body.baz-student-activity.baz-mod-url .baz-url-open {
flex: none;
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--sa-gaccent);
color: var(--sa-on-accent) !important;
font: 800 13px var(--sa-sans);
border-radius: 11px;
padding: 11px 17px;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 6px 16px rgba(0, 117, 237, 0.3);
}
body.baz-student-activity.baz-mod-url .baz-url-open svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
}
@media (max-width: 600px) {
body.baz-student-activity.baz-mod-url .baz-url-card {
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-url .baz-url-open {
width: 100%;
justify-content: center;
}
}
body.baz-student-activity.baz-mod-url #region-main .resourcecontent, body.baz-student-activity.baz-mod-url #region-main > .box {
max-width: 960px;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-url #region-main object, body.baz-student-activity.baz-mod-url #region-main iframe, body.baz-student-activity.baz-mod-url #region-main video, body.baz-student-activity.baz-mod-url #region-main .mediaplugin {
display: block;
width: 100%;
max-width: 960px;
margin: 0 auto;
border: 0;
border-radius: 14px;
box-shadow: var(--sa-sh);
background: #0b1220;
}
body.baz-student-activity.baz-mod-url #region-main object {
min-height: 70vh;
}
body.baz-student-activity.baz-mod-url #region-main img {
max-width: 100%;
height: auto;
border-radius: 14px;
box-shadow: var(--sa-sh);
display: block;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-page {
/* page header (icon + crumb + title) → clean hero card */
/* AI Summarise positioning (page): centred in the 880 content column.
Button styling is the top-level canonical rule. */
/* header card removed; completion chip row is the shared rule above */
/* the page content box → focused reading/video card */
/* embedded video: Vimeo/YouTube use a responsive padding-hack wrapper —
round it into a player card. Also handle bare iframes. */
/* "Last modified" timestamp → clean centred meta line under the card */
}
body.baz-student-activity.baz-mod-page #region-main #page-header.page-header-content {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 22px !important;
max-width: 880px;
margin: 0 auto 14px;
}
body.baz-student-activity.baz-mod-page #region-main .page-context-header {
gap: 14px;
}
body.baz-student-activity.baz-mod-page #region-main .page-header-image .activityiconcontainer {
width: 52px;
height: 52px;
border-radius: 13px;
background: rgba(96, 138, 255, 0.12);
display: grid;
place-items: center;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-page #region-main .page-header-image .activityicon {
width: 28px;
height: 28px;
}
body.baz-student-activity.baz-mod-page .baz-pg-eyebrow {
font: 800 10.5px/1 var(--sa-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--sa-accent);
margin-bottom: 6px;
}
body.baz-student-activity.baz-mod-page #region-main .rui-main-content-title {
font: 800 20px/1.25 var(--sa-sans) !important;
letter-spacing: -0.02em;
color: var(--sa-ink) !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-page #region-main .ai-course-summarise-controls {
max-width: 880px;
margin: 0 auto 10px !important;
padding: 0 !important;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-page #region-main .activity-header {
max-width: 880px;
margin: 0 auto 12px !important;
padding: 0 !important;
background: none;
border: 0;
}
body.baz-student-activity.baz-mod-page #region-main .rui-activity-wrapper {
border: 0 !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-page #region-main .box.generalbox {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 24px 26px !important;
max-width: 880px;
margin: 0 auto 16px;
}
body.baz-student-activity.baz-mod-page .no-overflow {
font-size: 15px;
line-height: 1.75;
color: #2b3f4f;
}
body.baz-student-activity.baz-mod-page .no-overflow > :first-child {
margin-top: 0;
}
body.baz-student-activity.baz-mod-page .no-overflow > :last-child {
margin-bottom: 0;
}
body.baz-student-activity.baz-mod-page .no-overflow h1, body.baz-student-activity.baz-mod-page .no-overflow h2 {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.01em;
color: var(--sa-ink);
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-page .no-overflow h3, body.baz-student-activity.baz-mod-page .no-overflow h4 {
font-size: 16px;
font-weight: 800;
color: var(--sa-navy);
margin: 20px 0 8px;
}
body.baz-student-activity.baz-mod-page .no-overflow p {
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-page .no-overflow ul, body.baz-student-activity.baz-mod-page .no-overflow ol {
margin: 0 0 14px;
padding-left: 20px;
}
body.baz-student-activity.baz-mod-page .no-overflow li {
margin-bottom: 6px;
}
body.baz-student-activity.baz-mod-page .no-overflow a {
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-page .no-overflow img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
body.baz-student-activity.baz-mod-page .no-overflow table {
max-width: 100%;
}
body.baz-student-activity.baz-mod-page .no-overflow div[style*="56.25%"], body.baz-student-activity.baz-mod-page .no-overflow div[style*="position:relative"] {
border-radius: 13px;
overflow: hidden;
box-shadow: 0 10px 30px -14px rgba(0, 0, 0, 0.55);
background: #0b1220;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-page .no-overflow > iframe, body.baz-student-activity.baz-mod-page .no-overflow p > iframe {
display: block;
width: 100%;
max-width: 100%;
aspect-ratio: 1.7777777778;
height: auto;
border: 0;
border-radius: 13px;
box-shadow: 0 10px 30px -14px rgba(0, 0, 0, 0.55);
background: #0b1220;
}
body.baz-student-activity.baz-mod-page .no-overflow iframe {
border: 0;
}
body.baz-student-activity.baz-mod-page #region-main .modified {
max-width: 880px;
margin: 14px auto 4px;
text-align: center;
font: 600 12px/1.4 var(--sa-mono);
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-feedback {
/* title → hero card + clean header (consistent with other content mods) */
/* intro/description → a lead card */
/* the questionnaire form + its box wrappers → one centred column */
/* each answerable question → a white card */
/* question title: a readable sentence, full width above the input */
/* felement col spans full width (override Bootstrap .col-md-9 max-width:75%) */
/* radio / checkbox options → spaced tappable rows */
/* text / textarea / select inputs */
/* non-answerable label/info items → subtle section heading, not a card */
/* page position + navigation buttons */
}
body.baz-student-activity.baz-mod-feedback #region-main #page-header.page-header-content {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 22px !important;
max-width: 760px;
margin: 0 auto 14px;
}
body.baz-student-activity.baz-mod-feedback #region-main .page-context-header {
gap: 14px;
}
body.baz-student-activity.baz-mod-feedback #region-main .page-header-image .activityiconcontainer {
width: 52px;
height: 52px;
border-radius: 13px;
background: rgba(96, 138, 255, 0.12);
display: grid;
place-items: center;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .page-header-image .activityicon {
width: 28px;
height: 28px;
}
body.baz-student-activity.baz-mod-feedback #region-main .rui-main-content-title {
font: 800 20px/1.25 var(--sa-sans) !important;
letter-spacing: -0.02em;
color: var(--sa-ink) !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .activity-header {
max-width: 760px;
margin: 0 auto 10px !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .rui-activity-wrapper {
border: 0 !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .ai-course-summarise-controls {
max-width: 760px;
margin: 0 auto 12px !important;
padding: 0 !important;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_description {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 20px 24px !important;
max-width: 760px;
margin: 0 auto 16px;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_description h3 {
font: 800 15px var(--sa-sans);
color: var(--sa-navy);
margin: 0 0 8px;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_form, body.baz-student-activity.baz-mod-feedback #region-main form.mform {
max-width: 760px;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-feedback #region-main .boxaligncenter, body.baz-student-activity.baz-mod-feedback #region-main .box.boxaligncenter {
border: 0 !important;
background: none !important;
padding: 0 !important;
max-width: 760px;
margin: 0 auto;
}
body.baz-student-activity.baz-mod-feedback #region-main .mform fieldset {
border: 0;
margin: 0;
padding: 0;
}
body.baz-student-activity.baz-mod-feedback #region-main .mform .fcontainer {
margin: 0;
}
body.baz-student-activity.baz-mod-feedback #region-main .fitem.feedback_hasvalue {
display: block !important;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 14px;
box-shadow: var(--sa-shsm);
padding: 18px 20px !important;
margin: 0 0 14px !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .col-form-label, body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .fitemtitle, body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .fitemtitle label {
max-width: 100% !important;
flex: 0 0 100% !important;
width: 100%;
text-align: left !important;
padding: 0 0 12px !important;
margin: 0 !important;
font: 700 15px/1.4 var(--sa-sans) !important;
color: var(--sa-ink) !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .felement, body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue [class*="col-md-9"] {
max-width: 100% !important;
flex: 0 0 100% !important;
width: 100%;
padding: 0 !important;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .text-danger {
color: var(--sa-red) !important;
font: 700 12px var(--sa-sans);
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .form-check {
padding: 9px 12px;
border: 1px solid var(--sa-line);
border-radius: 10px;
margin: 0 0 8px;
transition: border-color 0.12s, background 0.12s;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .form-check:hover {
border-color: var(--sa-accent);
background: rgba(0, 117, 237, 0.06);
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue .form-check-label {
font: 600 14px var(--sa-sans);
color: var(--sa-ink);
cursor: pointer;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue input[type="text"], body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue input[type="number"], body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue textarea, body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue select {
width: 100%;
border: 1.5px solid var(--sa-line);
border-radius: 10px;
padding: 10px 13px;
font: 500 14px var(--sa-sans);
color: var(--sa-ink);
background: #fff;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue input:focus, body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue textarea:focus, body.baz-student-activity.baz-mod-feedback #region-main .feedback_hasvalue select:focus {
outline: 0;
border-color: var(--sa-accent);
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.18);
}
body.baz-student-activity.baz-mod-feedback #region-main .fitem.feedback-item-label:not(.feedback_hasvalue) {
margin: 6px auto 10px;
max-width: 760px;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback-item-label .felement, body.baz-student-activity.baz-mod-feedback #region-main .feedback-item-label .col-form-label {
font: 700 13px var(--sa-mono);
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_complete_form .btn, body.baz-student-activity.baz-mod-feedback #region-main .form-submit, body.baz-student-activity.baz-mod-feedback #region-main #id_submitbutton, body.baz-student-activity.baz-mod-feedback #region-main input[name="savevalues"] {
border-radius: 11px;
}
body.baz-student-activity.baz-mod-feedback #region-main .feedback_form .text-center, body.baz-student-activity.baz-mod-feedback #region-main .mdl-align {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-top: 6px;
}
body.baz-student-activity.baz-mod-lesson {
/* title → hero card + clean header (consistent with page/resource); the
big empty activity-header card is dropped, completion chips handled by
the shared rule. */
/* reading content → a focused reading card */
/* continue / branch buttons → prominent gold CTA row */
/* question answers → selectable option rows */
/* progress bar → thin gold-filled track */
/* end-of-lesson bespoke completion card */
}
body.baz-student-activity.baz-mod-lesson #region-main #page-header.page-header-content {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 16px 22px !important;
max-width: 820px;
margin: 0 auto 14px;
}
body.baz-student-activity.baz-mod-lesson #region-main .page-context-header {
gap: 14px;
}
body.baz-student-activity.baz-mod-lesson #region-main .page-header-image .activityiconcontainer {
width: 52px;
height: 52px;
border-radius: 13px;
background: rgba(96, 138, 255, 0.12);
display: grid;
place-items: center;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-lesson #region-main .page-header-image .activityicon {
width: 28px;
height: 28px;
}
body.baz-student-activity.baz-mod-lesson #region-main .rui-main-content-title {
font: 800 20px/1.25 var(--sa-sans) !important;
letter-spacing: -0.02em;
color: var(--sa-ink) !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-lesson #region-main .activity-header {
max-width: 820px;
margin: 0 auto 10px !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
body.baz-student-activity.baz-mod-lesson #region-main .rui-activity-wrapper {
border: 0 !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
margin: 0 !important;
}
body.baz-student-activity.baz-mod-lesson #region-main .activity-description {
background: none !important;
border: 0 !important;
padding: 0 !important;
}
body.baz-student-activity.baz-mod-lesson #region-main .ai-course-summarise-controls {
max-width: 820px;
margin: 0 auto 12px !important;
padding: 0 !important;
display: flex;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-lesson .box.contents, body.baz-student-activity.baz-mod-lesson .contentwithoutanswers {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
padding: 26px 28px !important;
max-width: 820px;
margin: 0 auto 16px;
}
body.baz-student-activity.baz-mod-lesson .box.contents .no-overflow {
font-size: 15px;
line-height: 1.75;
color: #2b3f4f;
}
body.baz-student-activity.baz-mod-lesson .box.contents h1, body.baz-student-activity.baz-mod-lesson .box.contents h2 {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.01em;
color: var(--sa-ink);
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-lesson .box.contents h3, body.baz-student-activity.baz-mod-lesson .box.contents h4 {
font-size: 16px;
font-weight: 800;
color: var(--sa-navy);
margin: 20px 0 8px;
}
body.baz-student-activity.baz-mod-lesson .box.contents p {
margin: 0 0 14px;
}
body.baz-student-activity.baz-mod-lesson .box.contents ul, body.baz-student-activity.baz-mod-lesson .box.contents ol {
margin: 0 0 14px;
padding-left: 20px;
}
body.baz-student-activity.baz-mod-lesson .box.contents li {
margin-bottom: 6px;
}
body.baz-student-activity.baz-mod-lesson .box.contents img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
body.baz-student-activity.baz-mod-lesson .box.contents table {
max-width: 100%;
}
body.baz-student-activity.baz-mod-lesson .branchbuttoncontainer {
background: none;
border: 0;
box-shadow: none;
padding: 0 !important;
max-width: 820px;
margin: 0 auto 14px;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
body.baz-student-activity.baz-mod-lesson .branchbuttoncontainer .singlebutton {
margin: 0;
}
body.baz-student-activity.baz-mod-lesson .branchbuttoncontainer .singlebutton .btn, body.baz-student-activity.baz-mod-lesson .lessonbutton .btn {
background: var(--sa-gaccent) !important;
border: 0 !important;
color: var(--sa-navy) !important;
font: 800 14px var(--sa-sans);
border-radius: 12px;
padding: 13px 24px;
box-shadow: 0 8px 20px -8px rgba(232, 154, 44, 0.9);
}
body.baz-student-activity.baz-mod-lesson .branchbuttoncontainer .singlebutton .btn:hover, body.baz-student-activity.baz-mod-lesson .lessonbutton .btn:hover {
filter: brightness(1.03);
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-lesson .contents form fieldset, body.baz-student-activity.baz-mod-lesson .answeroptions {
max-width: 820px;
margin: 0 auto;
border: 0;
}
body.baz-student-activity.baz-mod-lesson .answeroption, body.baz-student-activity.baz-mod-lesson .answeroptions .fitem {
display: flex;
align-items: center;
gap: 12px;
border: 1.5px solid var(--sa-line);
border-radius: 12px;
padding: 13px 16px;
margin-bottom: 10px;
background: var(--sa-surface);
}
body.baz-student-activity.baz-mod-lesson .answeroption:hover {
border-color: var(--sa-accent);
}
body.baz-student-activity.baz-mod-lesson .answeroption label, body.baz-student-activity.baz-mod-lesson .answeroptions label {
font-size: 15px;
font-weight: 600;
color: var(--sa-ink);
margin: 0;
}
body.baz-student-activity.baz-mod-lesson .correctanswer {
background: #E6F6F0;
border: 1px solid #BFE9D8;
border-radius: 12px;
padding: 13px 16px;
color: #14503b;
}
body.baz-student-activity.baz-mod-lesson .wronganswer {
background: #FDECEF;
border: 1px solid #F5C6CE;
border-radius: 12px;
padding: 13px 16px;
color: #8f2233;
}
body.baz-student-activity.baz-mod-lesson .progress_bar {
max-width: 820px;
margin: 0 auto 16px;
}
body.baz-student-activity.baz-mod-lesson .progress {
height: 8px;
border-radius: 999px;
overflow: hidden;
background: var(--sa-line);
}
body.baz-student-activity.baz-mod-lesson .progress-bar, body.baz-student-activity.baz-mod-lesson .lesson-progressbar .bar {
background: var(--sa-gaccent) !important;
}
body.baz-student-activity.baz-mod-lesson .menuwrapper, body.baz-student-activity.baz-mod-lesson .lessonmediafilecontrol {
border-radius: 12px;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol {
max-width: 640px;
margin: 0 auto;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
box-shadow: var(--sa-sh);
overflow: hidden;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-top {
background: #E6F6F0;
border-bottom: 1px solid #BFE9D8;
padding: 26px;
text-align: center;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-ic {
width: 58px;
height: 58px;
margin: 0 auto 14px;
border-radius: 15px;
background: var(--sa-green);
color: #fff;
display: grid;
place-items: center;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-ic svg {
width: 30px;
height: 30px;
stroke: currentColor;
fill: none;
stroke-width: 2.4;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-top h3 {
font: 800 21px var(--sa-sans);
color: var(--sa-ink);
margin: 0 0 5px;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-top p {
color: #3f6a5b;
font-size: 14px;
margin: 0;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-body {
padding: 14px 24px;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-body:empty {
display: none;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-line {
font-size: 14px;
line-height: 1.6;
color: var(--sa-ink);
padding: 9px 0;
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-line:last-child {
border-bottom: 0;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions {
padding: 8px 24px 22px;
display: flex;
gap: 11px;
justify-content: center;
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn {
border-radius: 12px;
font-weight: 800;
padding: 12px 20px;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn-primary, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .addtagcoll a, .addtagcoll body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions input, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #siteconfiglink a, #siteconfiglink body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .forum-post-footer a, .forum-post-footer body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .mod_quiz-next-nav, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .addbloglink a, .addbloglink body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #addcontrols input, #addcontrols body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions input, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .midpad a, .midpad body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .createstep, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .webservicestokenui + a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .rui-pre button, .rui-pre body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions button, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .pagenumber .dropdown-btn, .pagenumber body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .dropdown-btn, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .dropdown-toggle, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .dropdown-btn {
background: var(--sa-gaccent) !important;
border: 0 !important;
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn-secondary, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .collapseexpand, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .actions p a, .actions p body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .backlink a, .backlink body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .moreless-toggler, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .search-results .result-context-info a, .search-results .result-context-info body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .tool_dataprivacy-expand-all, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .edit-link a, .edit-link body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #core-cache-rescan-definitions a, #core-cache-rescan-definitions body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .continuebutton a, .continuebutton body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .tour-actions > ul > li > a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions input[type="submit"], body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .comment-area .fd a[id*=post], .comment-area .fd body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a[id*=post], body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .allcoursegrades a, .allcoursegrades body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .addlinks a, .addlinks body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .action, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions input, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .exclusivemode, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .notesgroup p a, .notesgroup p body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .printicon, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .glossarypost .commands a, .glossarypost .commands body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .rui-form-element-group a, .rui-form-element-group body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .mod_quiz-prev-nav, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .page_split_join, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .path-mod-wiki .printicon, .path-mod-wiki body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .printicon, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions h2 + a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .ajax-contact-button[data-is-contact="0"], body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .chart-table-expand a, .chart-table-expand body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .export-actions a, .export-actions body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a:not(.mod_quiz-next-nav), body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .modal-footer a:not(.btn-primary), .modal-footer body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a:not(.btn-primary), body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .commentlink a, .commentlink body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .itemnav a, .itemnav body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .que .comment a, .que .comment body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn-inverse, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .pick.template, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .action.remove, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .card-body .footer a, .card-body .footer body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions a, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .section-collapsemenu, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions #message-user-button, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .addcomponent, body.baz-student-activity.baz-mod-lesson .baz-les-eol-actions .btn-outline-primary {
background: var(--sa-surface) !important;
border: 1.5px solid var(--sa-line) !important;
color: var(--sa-onsurface) !important;
}
/* ==========================================================================
Dark mode — re-skin the wrapped activity content (Moodle's theme-dark also
applies; these align our accent colours within the activity restyle).
========================================================================== */
body.baz-student-activity.theme-dark, body.baz-student-activity.sd-dark {
--sa-surface:#0F2230;
--sa-ground:#0A1722;
--sa-ink:#EAF2F9;
--sa-muted:#9DB2C3;
--sa-faint:#6F8597;
--sa-line:#1E3445;
--sa-navy:#0A264B;
--sa-onsurface:var(--sa-ink);
/* These three widgets use light-mode hues that go near-black on the dark
surface — retune them so they stay legible in dark mode. */
/* AI "Summarise" — navy card text goes invisible on dark: use gold. Single
selector to match the consolidated light-mode rule. */
/* completion "Done" chip — translucent green instead of a bright light pill. */
/* Authored activity text. .no-overflow carries a hardcoded light-mode slate (#2b3f4f),
which on the dark surface comes out at 1.5:1 -- the lesson and page body text. */
/* "Need help" FAB — keep dark text on the gold gradient (navy token darkens). */
}
body.baz-student-activity.theme-dark .ba-topbar, body.baz-student-activity.sd-dark .ba-topbar {
background: rgba(10, 23, 34, 0.92);
}
body.baz-student-activity.theme-dark .ba-search, body.baz-student-activity.sd-dark .ba-search {
border-color: #294056;
}
body.baz-student-activity.theme-dark .activity-header, body.baz-student-activity.theme-dark [data-region="activity-information"], body.baz-student-activity.sd-dark .activity-header, body.baz-student-activity.sd-dark [data-region="activity-information"] {
background: var(--sa-surface);
border-color: var(--sa-line);
}
body.baz-student-activity.theme-dark .activity-description, body.baz-student-activity.theme-dark [data-region="activity-description"], body.baz-student-activity.sd-dark .activity-description, body.baz-student-activity.sd-dark [data-region="activity-description"] {
background: #13283A;
border-color: var(--sa-line);
}
body.baz-student-activity.theme-dark #region-main .generaltable th, body.baz-student-activity.theme-dark #region-main .rolecap th, body.baz-student-activity.sd-dark #region-main .generaltable th, body.baz-student-activity.sd-dark #region-main .rolecap th {
background: #13283A;
}
body.baz-student-activity.theme-dark.baz-mod-quiz .que .info, body.baz-student-activity.theme-dark.baz-mod-forum .forumpost .header, body.baz-student-activity.sd-dark.baz-mod-quiz .que .info, body.baz-student-activity.sd-dark.baz-mod-forum .forumpost .header {
background: #13283A;
}
body.baz-student-activity.theme-dark .quizinfo, body.baz-student-activity.theme-dark.baz-mod-quiz .que .generalfeedback, body.baz-student-activity.sd-dark .quizinfo, body.baz-student-activity.sd-dark.baz-mod-quiz .que .generalfeedback {
background: #13283A;
}
body.baz-student-activity.theme-dark .ai-course-summarise-controls .btn, body.baz-student-activity.sd-dark .ai-course-summarise-controls .btn {
background: var(--sa-surface) !important;
border-color: var(--sa-accent) !important;
color: var(--sa-accent) !important;
box-shadow: none !important;
}
body.baz-student-activity.theme-dark .ai-course-summarise-controls .btn:hover, body.baz-student-activity.sd-dark .ai-course-summarise-controls .btn:hover {
color: var(--sa-accent) !important;
}
body.baz-student-activity.theme-dark .ai-course-summarise-controls .ai-course-summarise-sparkles-icon, body.baz-student-activity.sd-dark .ai-course-summarise-controls .ai-course-summarise-sparkles-icon {
color: var(--sa-accent) !important;
}
body.baz-student-activity.theme-dark #region-main .badge-sm.badge-success, body.baz-student-activity.sd-dark #region-main .badge-sm.badge-success {
background: rgba(31, 163, 122, 0.18) !important;
color: #74E6B1 !important;
border-color: rgba(31, 163, 122, 0.4) !important;
}
body.baz-student-activity.theme-dark .no-overflow, body.baz-student-activity.theme-dark .box.contents .no-overflow, body.baz-student-activity.sd-dark .no-overflow, body.baz-student-activity.sd-dark .box.contents .no-overflow {
color: var(--sa-ink);
}
body.baz-student-activity.theme-dark .ba-help-fab, body.baz-student-activity.sd-dark .ba-help-fab {
color: #000000 !important;
}
body.baz-student-activity.theme-dark .ba-help-panel, body.baz-student-activity.sd-dark .ba-help-panel {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
}
/* ==========================================================================
Bespoke assignment (mod_assign) student view — pairs with
theme_baz_mod_assign_renderer. The renderer emits .baz-asg markup for the
submission-status, feedback and submit-confirmation; the action buttons and
edit form are core Moodle, restyled here only. Scoped to the assign page.
--sa-* vars cascade from body.baz-student-activity.
========================================================================== */
body.baz-student-activity.baz-mod-assign {
/* The bespoke card wrapper (status / feedback / confirm all share it). */
/* Status / feedback banner. */
/* Research Project states: an unsubmitted draft, a reject and a resubmission request. */
/* Detail grid. */
/* Submission-content blocks (files / online text). */
/* keep core toggle icons small inside the content blocks. */
/* Uploaded file submissions — present each as a clean file card (core
renders a YUI tree: ul > li > div > .fileuploadsubmission + .fileuploadsubmissiontime). */
/* Submission comments (core comment API widget) — tidy it into a clean,
contained disclosure so it stops looking like raw markup in the card. */
/* Save comment / Cancel action row (.fd holds the two links + a " | " span). */
/* Feedback panel. */
/* Submit-for-grading confirmation. */
/* Edit-submission form chrome. */
/* Action buttons (core user_submission_actionmenu / single buttons) — restyle
to bespoke without touching Moodle's submit/edit/remove logic. */
}
body.baz-student-activity.baz-mod-assign .baz-asg {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
padding: 18px 20px;
margin: 0 0 18px;
box-shadow: var(--sa-sh);
}
body.baz-student-activity.baz-mod-assign .baz-asg-banner {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
border-radius: 13px;
padding: 15px 16px;
margin-bottom: 16px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-bi {
width: 42px;
height: 42px;
flex: 0 0 auto;
border-radius: 11px;
display: grid;
place-items: center;
}
body.baz-student-activity.baz-mod-assign .baz-asg-bi svg {
width: 23px;
height: 23px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
body.baz-student-activity.baz-mod-assign .baz-asg-bmain {
flex: 1 1 auto;
min-width: 160px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-bstate {
font: 800 10.5px/1 var(--sa-mono);
letter-spacing: 0.14em;
text-transform: uppercase;
}
body.baz-student-activity.baz-mod-assign .baz-asg-bmsg {
font: 700 15px/1.3 var(--sa-sans);
color: var(--sa-ink);
margin-top: 5px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-bsub {
font: 600 12.5px/1.4 var(--sa-sans);
color: var(--sa-muted);
margin-top: 3px;
}
body.baz-student-activity.baz-mod-assign .b-todo {
background: #99CBFF;
}
body.baz-student-activity.baz-mod-assign .b-todo .baz-asg-bi {
background: var(--sa-accent);
color: #000000;
}
body.baz-student-activity.baz-mod-assign .b-todo .baz-asg-bstate {
color: #062F59;
}
body.baz-student-activity.baz-mod-assign .b-draft, body.baz-student-activity.baz-mod-assign .b-sub {
background: #EAF0FC;
}
body.baz-student-activity.baz-mod-assign .b-draft .baz-asg-bi, body.baz-student-activity.baz-mod-assign .b-sub .baz-asg-bi {
background: var(--sa-blue);
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-draft .baz-asg-bstate, body.baz-student-activity.baz-mod-assign .b-sub .baz-asg-bstate {
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-assign .b-graded {
background: #E6F6F0;
}
body.baz-student-activity.baz-mod-assign .b-graded .baz-asg-bi {
background: var(--sa-green);
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-graded .baz-asg-bstate {
color: var(--sa-green);
}
body.baz-student-activity.baz-mod-assign .b-late {
background: #FDECEF;
}
body.baz-student-activity.baz-mod-assign .b-late .baz-asg-bi {
background: var(--sa-red);
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-late .baz-asg-bstate {
color: var(--sa-red);
}
body.baz-student-activity.baz-mod-assign .b-closed {
background: #EEF2F6;
}
body.baz-student-activity.baz-mod-assign .b-closed .baz-asg-bi {
background: #8296A6;
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-closed .baz-asg-bstate {
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-assign .b-rpdraft {
background: #FFF4E0;
border: 1px solid #F0C67A;
}
body.baz-student-activity.baz-mod-assign .b-rpdraft .baz-asg-bi {
background: #C77D0A;
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-rpdraft .baz-asg-bstate {
color: #9A5B00;
}
body.baz-student-activity.baz-mod-assign .b-rpreject {
background: #FDECEF;
border: 1px solid #F2B8AE;
}
body.baz-student-activity.baz-mod-assign .b-rpreject .baz-asg-bi {
background: var(--sa-red);
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-rpreject .baz-asg-bstate {
color: var(--sa-red);
}
body.baz-student-activity.baz-mod-assign .b-rpresubmit {
background: #EAF0FC;
border: 1px solid #B9CCF5;
}
body.baz-student-activity.baz-mod-assign .b-rpresubmit .baz-asg-bi {
background: var(--sa-blue);
color: #fff;
}
body.baz-student-activity.baz-mod-assign .b-rpresubmit .baz-asg-bstate {
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-assign .baz-asg-rpnote {
border-left: 4px solid var(--sa-accent);
background: #99CBFF;
border-radius: 0 12px 12px 0;
padding: 12px 16px;
margin: -4px 0 16px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-rpfrom {
font: 700 10.5px/1.2 var(--sa-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sa-muted);
margin-bottom: 6px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-rptext {
font: 500 14.5px/1.55 var(--sa-sans);
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-assign .baz-asg-rptext p:last-child {
margin-bottom: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-rpact {
margin: -4px 0 16px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-rpbtn {
background: var(--sa-gaccent);
color: var(--sa-on-accent) !important;
font-weight: 700;
border: 0;
border-radius: 10px;
padding: 9px 18px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1px;
background: var(--sa-line);
border: 1px solid var(--sa-line);
border-radius: 12px;
overflow: hidden;
margin-bottom: 16px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-cell {
background: var(--sa-surface);
padding: 12px 14px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-k {
font: 700 10px/1 var(--sa-mono);
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--sa-faint);
}
body.baz-student-activity.baz-mod-assign .baz-asg-v {
font: 700 14px/1.35 var(--sa-sans);
color: var(--sa-ink);
margin-top: 8px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-v.warn {
color: #063A70;
}
body.baz-student-activity.baz-mod-assign .baz-asg-v.bad {
color: var(--sa-red);
}
body.baz-student-activity.baz-mod-assign .baz-asg-v.ok {
color: var(--sa-green);
}
body.baz-student-activity.baz-mod-assign .baz-asg-v.blue {
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk {
margin-bottom: 16px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk:last-child {
margin-bottom: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-h {
font: 800 10.5px/1 var(--sa-mono);
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--sa-muted);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-h::after {
content: "";
flex: 1;
height: 1px;
background: var(--sa-line);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body {
font-size: 14px;
line-height: 1.6;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .fileuploadsubmission, body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .no-overflow {
margin: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body a {
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body img.icon, body.baz-student-activity.baz-mod-assign .baz-asg-fb-c img.icon {
width: 16px;
height: 16px;
vertical-align: middle;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .plugincontentsummary[class*="_file_"] > div, body.baz-student-activity.baz-mod-assign .baz-asg-blk-body [id^="assign_files_tree"] {
margin: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body [id^="assign_files_tree"] ul {
list-style: none;
margin: 0;
padding: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body [id^="assign_files_tree"] li {
list-style: none;
margin: 0 0 8px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body [id^="assign_files_tree"] li:last-child {
margin-bottom: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body [id^="assign_files_tree"] li > div {
border: 1px solid var(--sa-line);
border-radius: 11px;
padding: 11px 13px;
background: var(--sa-surface);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .fileuploadsubmission {
display: flex;
align-items: center;
gap: 12px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .fileuploadsubmission img.icon {
width: 24px;
height: 24px;
flex: 0 0 40px;
box-sizing: content-box;
padding: 8px;
border-radius: 10px;
background: var(--sa-ground);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .fileuploadsubmission a {
font: 700 14px var(--sa-sans);
color: var(--sa-ink) !important;
text-decoration: none;
word-break: break-word;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .fileuploadsubmission a:hover {
color: var(--sa-navy) !important;
text-decoration: underline;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .fileuploadsubmissiontime {
font: 600 11.5px var(--sa-mono);
color: var(--sa-faint);
margin-top: 6px;
padding-left: 52px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .plugincontentsummary {
padding: 0;
margin: 0;
background: transparent;
border: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .commentscontainer {
background: var(--sa-ground);
border: 1px solid var(--sa-line);
border-radius: 11px;
padding: 12px 14px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .showcommentsnonjs {
display: none;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .mdl-left {
margin: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-link {
display: inline-flex;
align-items: center;
gap: 7px;
font: 800 12px var(--sa-sans);
color: var(--sa-navy) !important;
text-decoration: none;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-link img.icon {
display: none;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-link .comment-link-text, body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-link-count {
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-list {
list-style: none;
margin: 12px 0 0;
padding: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-list li, body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-list li.first {
list-style: none;
margin: 0 0 8px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-message {
display: flex;
gap: 10px;
align-items: flex-start;
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 9px;
padding: 9px 11px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-message-meta {
font: 600 11px var(--sa-sans);
color: var(--sa-muted);
white-space: nowrap;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-message .text, body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-message p {
font-size: 13px;
line-height: 1.5;
color: var(--sa-ink);
margin: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area {
margin-top: 12px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .db {
margin: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--sa-line);
border-radius: 10px;
padding: 10px 12px;
font: 400 13px/1.5 var(--sa-sans);
color: var(--sa-ink);
background: var(--sa-surface);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd {
margin-top: 10px;
display: flex;
align-items: center;
gap: 9px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd > span {
display: none;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd a {
font: 800 12px var(--sa-sans);
text-decoration: none;
border-radius: 9px;
padding: 9px 16px;
line-height: 1;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd a[id*="comment-action-post"] {
background: var(--sa-gaccent);
color: #000000 !important;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd a[id*="comment-action-post"]:hover {
filter: brightness(1.03);
color: #000000 !important;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd a[id*="comment-action-cancel"] {
border: 1.5px solid var(--sa-line);
color: var(--sa-navy) !important;
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-area .fd a[id*="comment-action-cancel"]:hover {
border-color: var(--sa-accent);
}
body.baz-student-activity.baz-mod-assign .baz-asg-blk-body .comment-pagination {
font-size: 12px;
color: var(--sa-muted);
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-head {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 13px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-ic {
width: 36px;
height: 36px;
flex: 0 0 auto;
border-radius: 10px;
background: var(--sa-green);
color: #fff;
display: grid;
place-items: center;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-ic svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-title {
font: 800 16px var(--sa-sans);
color: var(--sa-ink);
letter-spacing: -0.01em;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb {
background: #E6F6F0;
border: 1px solid #BFE9D8;
border-radius: 13px;
overflow: hidden;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-grade {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
padding: 18px 20px;
border-bottom: 1px solid #BFE9D8;
}
body.baz-student-activity.baz-mod-assign .baz-asg-grade-val {
font: 800 30px/1 var(--sa-sans);
letter-spacing: -0.03em;
color: var(--sa-green);
}
body.baz-student-activity.baz-mod-assign .baz-asg-grade-val .grade, body.baz-student-activity.baz-mod-assign .baz-asg-grade-val .rating {
font-size: inherit;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-meta {
font: 600 12px/1.65 var(--sa-sans);
color: #3f6a5b;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-meta b {
color: #14503b;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-line {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-av {
border-radius: 50%;
vertical-align: middle;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-item {
padding: 16px 20px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-item + .baz-asg-fb-item {
padding-top: 0;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-h {
font: 800 10px/1 var(--sa-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: #3f6a5b;
margin-bottom: 9px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-c {
font-size: 14px;
line-height: 1.6;
color: var(--sa-ink);
}
body.baz-student-activity.baz-mod-assign .baz-asg-fb-c a {
color: var(--sa-blue);
}
body.baz-student-activity.baz-mod-assign .baz-asg-confirm {
max-width: 560px;
margin: 0 auto;
text-align: center;
padding: 22px 18px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-confirm-ic {
width: 56px;
height: 56px;
margin: 0 auto 16px;
border-radius: 15px;
background: #99CBFF;
color: #0C63BC;
display: grid;
place-items: center;
}
body.baz-student-activity.baz-mod-assign .baz-asg-confirm-ic svg {
width: 28px;
height: 28px;
stroke: currentColor;
fill: none;
stroke-width: 1.8;
}
body.baz-student-activity.baz-mod-assign .baz-asg-confirm-h {
font: 800 19px/1.2 var(--sa-sans);
color: var(--sa-ink);
margin: 0 0 10px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-confirm-p {
color: var(--sa-muted);
font-size: 14px;
line-height: 1.6;
margin: 0 0 20px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-confirm .singlebutton, body.baz-student-activity.baz-mod-assign .baz-asg-confirm form {
display: inline-block;
}
body.baz-student-activity.baz-mod-assign .baz-asg-form {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
padding: 8px 20px 20px;
box-shadow: var(--sa-sh);
}
body.baz-student-activity.baz-mod-assign .baz-asg-form .filemanager, body.baz-student-activity.baz-mod-assign .baz-asg-form .filepicker {
border-radius: 12px;
}
body.baz-student-activity.baz-mod-assign .baz-asg-form .fp-btn-add, body.baz-student-activity.baz-mod-assign .baz-asg-form .editor_atto_toolbar {
border-radius: 8px;
}
body.baz-student-activity.baz-mod-assign #region-main .container-fluid.mb-4 .row, body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-sm .row, body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-md .row, body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-lg .row, body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-xl .row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 8px;
}
body.baz-student-activity.baz-mod-assign #region-main .container-fluid.mb-4 .row [class*="col-"], body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-sm .row [class*="col-"], body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-md .row [class*="col-"], body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-lg .row [class*="col-"], body.baz-student-activity.baz-mod-assign #region-main .mb-4.container-xl .row [class*="col-"] {
flex: 0 0 auto;
width: auto;
max-width: none;
margin: 0;
padding: 0;
}
body.baz-student-activity.baz-mod-assign #region-main .singlebutton {
display: inline-block;
margin: 0;
}
body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn {
font: 800 13px var(--sa-sans);
border-radius: 11px;
padding: 11px 18px;
border: 1.5px solid var(--sa-line);
box-shadow: none;
}
body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn-primary, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addtagcoll a, .addtagcoll body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish body.baz-student-activity.baz-mod-assign #region-main .singlebutton input, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #siteconfiglink a, #siteconfiglink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .forum-post-footer a, .forum-post-footer body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .mod_quiz-next-nav, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addbloglink a, .addbloglink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #addcontrols input, #addcontrols body.baz-student-activity.baz-mod-assign #region-main .singlebutton input, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .midpad a, .midpad body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .createstep, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .webservicestokenui + a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-pre button, .rui-pre body.baz-student-activity.baz-mod-assign #region-main .singlebutton button, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .pagenumber .dropdown-btn, .pagenumber body.baz-student-activity.baz-mod-assign #region-main .singlebutton .dropdown-btn, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity.baz-mod-assign #region-main .singlebutton .dropdown-toggle, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .last-add-menu .dropdown-btn, .last-add-menu body.baz-student-activity.baz-mod-assign #region-main .singlebutton .dropdown-btn {
background: var(--sa-gaccent);
border-color: transparent;
color: #000000;
}
body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn-primary:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addtagcoll a:hover, .addtagcoll body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish body.baz-student-activity.baz-mod-assign #region-main .singlebutton input:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #siteconfiglink a:hover, #siteconfiglink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .forum-post-footer a:hover, .forum-post-footer body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .mod_quiz-next-nav:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addbloglink a:hover, .addbloglink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #addcontrols input:hover, #addcontrols body.baz-student-activity.baz-mod-assign #region-main .singlebutton input:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .midpad a:hover, .midpad body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .createstep:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .webservicestokenui + a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-pre button:hover, .rui-pre body.baz-student-activity.baz-mod-assign #region-main .singlebutton button:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .pagenumber .dropdown-btn:hover, .pagenumber body.baz-student-activity.baz-mod-assign #region-main .singlebutton .dropdown-btn:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle:hover, #page-grade-edit-tree-index .tertiary-navigation .action-menu body.baz-student-activity.baz-mod-assign #region-main .singlebutton .dropdown-toggle:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .last-add-menu .dropdown-btn:hover, .last-add-menu body.baz-student-activity.baz-mod-assign #region-main .singlebutton .dropdown-btn:hover {
filter: brightness(1.03);
color: #000000;
}
body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn-secondary, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .collapseexpand, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .actions p a, .actions p body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .backlink a, .backlink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .moreless-toggler, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .search-results .result-context-info a, .search-results .result-context-info body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .tool_dataprivacy-expand-all, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .edit-link a, .edit-link body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #core-cache-rescan-definitions a, #core-cache-rescan-definitions body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .continuebutton a, .continuebutton body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .tour-actions > ul > li > a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search body.baz-student-activity.baz-mod-assign #region-main .singlebutton input[type="submit"], body.baz-student-activity.baz-mod-assign #region-main .singlebutton .comment-area .fd a[id*=post], .comment-area .fd body.baz-student-activity.baz-mod-assign #region-main .singlebutton a[id*=post], body.baz-student-activity.baz-mod-assign #region-main .singlebutton .allcoursegrades a, .allcoursegrades body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addlinks a, .addlinks body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions body.baz-student-activity.baz-mod-assign #region-main .singlebutton .action, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel body.baz-student-activity.baz-mod-assign #region-main .singlebutton input, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls body.baz-student-activity.baz-mod-assign #region-main .singlebutton .exclusivemode, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .notesgroup p a, .notesgroup p body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .printicon, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .glossarypost .commands a, .glossarypost .commands body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-form-element-group a, .rui-form-element-group body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .mod_quiz-prev-nav, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .page_split_join, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-mod-wiki .printicon, .path-mod-wiki body.baz-student-activity.baz-mod-assign #region-main .singlebutton .printicon, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content body.baz-student-activity.baz-mod-assign #region-main .singlebutton h2 + a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .subscription .helplink:nth-of-type(2) a, .subscription .helplink:nth-of-type(2) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .ajax-contact-button[data-is-contact="0"], body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .chart-table-expand a, .chart-table-expand body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .export-actions a, .export-actions body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .path-mod-quiz .othernav body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:not(.mod_quiz-next-nav), body.baz-student-activity.baz-mod-assign #region-main .singlebutton .modal-footer a:not(.btn-primary), .modal-footer body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:not(.btn-primary), body.baz-student-activity.baz-mod-assign #region-main .singlebutton .commentlink a, .commentlink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .itemnav a, .itemnav body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .que .comment a, .que .comment body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn-inverse, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .pick.template, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .action.remove, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .card-body .footer a, .card-body .footer body.baz-student-activity.baz-mod-assign #region-main .singlebutton a, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .section-collapsemenu, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #message-user-button, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addcomponent {
background: var(--sa-surface);
color: var(--sa-onsurface);
}
body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn-secondary:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .collapseexpand:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .actions p a:hover, .actions p body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .backlink a:hover, .backlink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover, #page-admin-grade-edit-letter-index .main-content .mdl-align body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .moreless-toggler:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .search-results .result-context-info a:hover, .search-results .result-context-info body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .tool_dataprivacy-expand-all:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .edit-link a:hover, .edit-link body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #core-cache-rescan-definitions a:hover, #core-cache-rescan-definitions body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .continuebutton a:hover, .continuebutton body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .tour-actions > ul > li > a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .gradereport_history_usp .usp-search input[type="submit"]:hover, .gradereport_history_usp .usp-search body.baz-student-activity.baz-mod-assign #region-main .singlebutton input[type="submit"]:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .comment-area .fd a[id*=post]:hover, .comment-area .fd body.baz-student-activity.baz-mod-assign #region-main .singlebutton a[id*=post]:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .allcoursegrades a:hover, .allcoursegrades body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addlinks a:hover, .addlinks body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-grade-grading-manage .actions .action:hover, #page-grade-grading-manage .actions body.baz-student-activity.baz-mod-assign #region-main .singlebutton .action:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .gradingform_rubric.editor .addlevel input:hover, .gradingform_rubric.editor .addlevel body.baz-student-activity.baz-mod-assign #region-main .singlebutton input:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-tag .tagarea .controls .exclusivemode:hover, .path-tag .tagarea .controls body.baz-student-activity.baz-mod-assign #region-main .singlebutton .exclusivemode:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .notesgroup p a:hover, .notesgroup p body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #page-report-progress-index .progress-actions a:hover, #page-report-progress-index .progress-actions body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .printicon:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .glossarypost .commands a:hover, .glossarypost .commands body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-form-element-group a:hover, .rui-form-element-group body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .mod_quiz-prev-nav:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .categorypagingbarcontainer .paging a:hover, .categorypagingbarcontainer .paging body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .page_split_join:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-mod-wiki .printicon:hover, .path-mod-wiki body.baz-student-activity.baz-mod-assign #region-main .singlebutton .printicon:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-auth-oauth2 .main-content h2 + a:hover, .path-auth-oauth2 .main-content body.baz-student-activity.baz-mod-assign #region-main .singlebutton h2 + a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .subscription .helplink:nth-of-type(2) a:hover, .subscription .helplink:nth-of-type(2) body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .ajax-contact-button[data-is-contact="0"]:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .rui-contentbank-view-btns .btn:hover, .rui-contentbank-view-btns body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .chart-table-expand a:hover, .chart-table-expand body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .export-actions a:hover, .export-actions body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover, .path-mod-quiz .othernav body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:not(.mod_quiz-next-nav):hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .modal-footer a:not(.btn-primary):hover, .modal-footer body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:not(.btn-primary):hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .commentlink a:hover, .commentlink body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .itemnav a:hover, .itemnav body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .que .comment a:hover, .que .comment body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .btn-inverse:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .pick.template:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .action.remove:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .card-body .footer a:hover, .card-body .footer body.baz-student-activity.baz-mod-assign #region-main .singlebutton a:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .section-collapsemenu:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton #message-user-button:hover, body.baz-student-activity.baz-mod-assign #region-main .singlebutton .addcomponent:hover {
border-color: var(--sa-accent);
color: var(--sa-onsurface);
}
/* Dark-mode tweaks for the assignment card (theme-dark / sd-dark). */
body.baz-student-activity.baz-mod-assign.theme-dark .baz-asg, body.baz-student-activity.baz-mod-assign.sd-dark .baz-asg {
background: var(--sa-surface);
}
body.baz-student-activity.baz-mod-assign.theme-dark .baz-asg-cell, body.baz-student-activity.baz-mod-assign.sd-dark .baz-asg-cell {
background: var(--sa-surface);
}
body.baz-student-activity.baz-mod-assign.theme-dark .baz-asg-blk-body, body.baz-student-activity.baz-mod-assign.theme-dark .baz-asg-fb-c, body.baz-student-activity.baz-mod-assign.sd-dark .baz-asg-blk-body, body.baz-student-activity.baz-mod-assign.sd-dark .baz-asg-fb-c {
color: var(--sa-ink);
}
/* ==========================================================================
Bespoke forum SEARCH page (results + advanced form). pagelayout is
'standard', so page_init tags it with body.baz-forum-search for student-only
users. CSS-only restyle — core search markup/logic untouched.
========================================================================== */
body.baz-student-activity.baz-forum-search {
/* "Search results:N" heading + the Forums heading */
/* ---- Result cards (theme forum_search_results override → .baz-fsr) ---- */
/* ---- Grouped advanced form (theme big_search_form override → .baz-fs) ---- */
}
body.baz-student-activity.baz-forum-search #region-main h3, body.baz-student-activity.baz-forum-search #region-main .h3, body.baz-student-activity.baz-forum-search #region-main h2.rui-main-content-title {
font: 800 22px/1.25 var(--sa-sans);
color: var(--sa-ink);
letter-spacing: -0.02em;
margin: 0 0 16px;
}
body.baz-student-activity.baz-forum-search .highlight {
background: rgba(0, 117, 237, 0.35);
border-radius: 3px;
padding: 0 2px;
font-weight: 700;
color: inherit;
}
body.baz-student-activity.baz-forum-search .baz-fsr-list {
display: flex;
flex-direction: column;
gap: 11px;
}
body.baz-student-activity.baz-forum-search .baz-fsr {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 14px;
padding: 15px 17px;
box-shadow: var(--sa-shsm);
}
body.baz-student-activity.baz-forum-search .baz-fsr:hover {
border-color: var(--sa-accent);
}
body.baz-student-activity.baz-forum-search .baz-fsr-crumb {
font: 700 12px/1.5 var(--sa-mono);
color: var(--sa-faint);
margin-bottom: 8px;
}
body.baz-student-activity.baz-forum-search .baz-fsr-crumb .breadcrumb, body.baz-student-activity.baz-forum-search .baz-fsr-crumb ol {
display: flex;
flex-wrap: wrap;
gap: 4px 6px;
list-style: none;
margin: 0;
padding: 0;
background: none;
align-items: center;
}
body.baz-student-activity.baz-forum-search .baz-fsr-crumb a {
color: var(--sa-navy) !important;
font-weight: 800;
text-decoration: none;
}
body.baz-student-activity.baz-forum-search .baz-fsr-crumb a:hover {
color: var(--sa-accent) !important;
}
body.baz-student-activity.baz-forum-search .baz-fsr-snip {
font-size: 14px;
line-height: 1.6;
color: var(--sa-ink);
margin: 0 0 12px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.baz-student-activity.baz-forum-search .baz-fsr-snip p {
margin: 0;
}
body.baz-student-activity.baz-forum-search .baz-fsr-foot {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
font-size: 12.5px;
color: var(--sa-muted);
}
body.baz-student-activity.baz-forum-search .baz-fsr-by {
color: var(--sa-muted);
}
body.baz-student-activity.baz-forum-search .baz-fsr-by a {
color: var(--sa-ink) !important;
font-weight: 700;
text-decoration: none;
}
body.baz-student-activity.baz-forum-search .baz-fsr-by time {
color: var(--sa-faint);
}
body.baz-student-activity.baz-forum-search .baz-fsr-cta {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 6px;
font: 800 12px var(--sa-sans);
color: var(--sa-navy) !important;
text-decoration: none !important;
white-space: nowrap;
}
body.baz-student-activity.baz-forum-search .baz-fsr-cta svg {
width: 14px;
height: 14px;
}
body.baz-student-activity.baz-forum-search .baz-fsr-cta:hover {
color: var(--sa-accent) !important;
}
body.baz-student-activity.baz-forum-search #searchform {
max-width: 860px;
}
body.baz-student-activity.baz-forum-search .baz-fs {
background: var(--sa-surface);
border: 1px solid var(--sa-line);
border-radius: 16px;
padding: 8px 22px 20px;
box-shadow: var(--sa-sh);
}
body.baz-student-activity.baz-forum-search .baz-fs-sec {
padding: 18px 0;
border-bottom: 1px solid var(--sa-line);
}
body.baz-student-activity.baz-forum-search .baz-fs-sec:last-of-type {
border-bottom: 0;
}
body.baz-student-activity.baz-forum-search .baz-fs-sec-h {
font: 800 11px/1 var(--sa-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sa-muted);
margin: 0 0 14px;
}
body.baz-student-activity.baz-forum-search .baz-fs-field {
margin-bottom: 13px;
}
body.baz-student-activity.baz-forum-search .baz-fs-field:last-child {
margin-bottom: 0;
}
body.baz-student-activity.baz-forum-search .baz-fs-field label {
display: block;
font: 800 12.5px var(--sa-sans);
color: var(--sa-ink);
margin-bottom: 6px;
}
body.baz-student-activity.baz-forum-search .baz-fs-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 13px;
}
@media (max-width: 620px) {
body.baz-student-activity.baz-forum-search .baz-fs-row {
grid-template-columns: 1fr;
}
}
body.baz-student-activity.baz-forum-search .baz-fs-ctrl {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--sa-line) !important;
border-radius: 10px !important;
padding: 10px 13px !important;
font: 600 14px var(--sa-sans);
color: var(--sa-ink);
background: var(--sa-surface);
box-shadow: none !important;
}
body.baz-student-activity.baz-forum-search .baz-fs-ctrl:focus {
border-color: var(--sa-accent) !important;
outline: none;
}
body.baz-student-activity.baz-forum-search select.baz-fs-ctrl[multiple] {
min-height: 84px;
}
body.baz-student-activity.baz-forum-search .baz-fs-check {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 13px;
border: 1px solid var(--sa-line);
border-radius: 10px;
background: var(--sa-ground);
font: 700 13.5px var(--sa-sans);
color: var(--sa-ink);
margin: 0 0 4px;
cursor: pointer;
}
body.baz-student-activity.baz-forum-search .baz-fs-check input {
width: 18px;
height: 18px;
flex: 0 0 auto;
}
body.baz-student-activity.baz-forum-search .baz-fs-daterow {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 12px;
}
body.baz-student-activity.baz-forum-search .baz-fs-daterow .baz-fs-check {
margin: 0;
flex: 0 0 auto;
}
body.baz-student-activity.baz-forum-search .baz-fs-dates {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
body.baz-student-activity.baz-forum-search .baz-fs-dates select {
border: 1px solid var(--sa-line) !important;
border-radius: 9px !important;
padding: 8px 10px !important;
font: 600 13px var(--sa-sans);
color: var(--sa-ink);
background: var(--sa-surface);
}
body.baz-student-activity.baz-forum-search .baz-fs-dates fieldset, body.baz-student-activity.baz-forum-search .baz-fs-dates .fdate_selector {
display: flex;
gap: 6px;
align-items: center;
border: 0;
margin: 0;
padding: 0;
}
body.baz-student-activity.baz-forum-search .baz-fs-actions {
padding-top: 18px;
}
body.baz-student-activity.baz-forum-search .baz-fs-btn {
background: var(--sa-gaccent) !important;
border: 0 !important;
color: var(--sa-navy) !important;
font-weight: 800;
border-radius: 11px;
padding: 12px 22px;
box-shadow: 0 6px 16px rgba(0, 117, 237, 0.3);
}
/* ==========================================================================
SCORM player full-screen toggle (theme_baz enhancement — ALL users).
The SCORM player uses the 'embedded' layout, so this is intentionally NOT
scoped to body.baz-student-activity. Button injected by theme_baz_scorm_
fullscreen_js(); :fullscreen pseudos kept in separate rules so a browser
that doesn't know :-webkit-full-screen doesn't drop the whole selector.
========================================================================== */
.baz-scorm-exitbar-inflow {
position: static !important;
top: auto !important;
right: auto !important;
z-index: auto !important;
margin-bottom: 0 !important;
}
.baz-scorm-actionrow {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.baz-scorm-actionrow > .rui-scorm-exit-btn {
margin-left: auto;
}
.baz-scorm-fs {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(2, 39, 88, 0.9);
color: #fff;
border: 0;
border-radius: 10px;
padding: 9px 14px;
font: 800 12.5px "Manrope", "Inter", system-ui, sans-serif;
cursor: pointer;
}
.baz-scorm-fs:not(.baz-scorm-fs--overlay) {
margin-right: 10px;
}
.baz-scorm-fs--overlay {
position: absolute;
top: 12px;
right: 12px;
z-index: 5;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(4px);
}
.baz-scorm-fs svg {
width: 15px;
height: 15px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
.baz-scorm-fs:hover {
background: #0075ED;
color: #022758;
}
#scorm_content:fullscreen {
background: #000;
}
#scorm_content:-webkit-full-screen {
background: #000;
}
#scorm_content:fullscreen, #scorm_content:-webkit-full-screen {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
#scorm_content:fullscreen #scorm_object {
width: 100vw !important;
height: 100vh !important;
}
#scorm_content:-webkit-full-screen #scorm_object {
width: 100vw !important;
height: 100vh !important;
}
/* ------------------------------------------------------------------
Bespoke student badge pages (theme_baz).
Markup emitted by theme_baz_core_badges_renderer::baz_* for eligible
student-only users. Self-scoped via the .baz-badges / .baz-badge- /
.baz-abadge- prefixes so it works both inside the shell (My Badges,
single badge) and on the course/site available-badges page.
Local hex values (not the #sw-root tokens) so it is scope-independent.
------------------------------------------------------------------ */
.baz-badges {
--bz-navy: #022758;
--bz-ink: #0B2034;
--bz-muted: #5C7184;
--bz-faint: #90A4B5;
--bz-line: #E5ECF3;
--bz-surface: #fff;
--bz-accent: #0075ED;
--bz-gaccent: linear-gradient(135deg, #0882FF, #0C63BC);
--bz-green: #1FA37A;
--bz-sans: "Manrope", "Inter", system-ui, sans-serif;
--bz-mono: "JetBrains Mono", ui-monospace, monospace;
--bz-sh: 0 4px 14px rgba(11, 32, 52, .07);
--bz-sh-lg: 0 14px 30px -14px rgba(11, 32, 52, .3);
font-family: var(--bz-sans);
color: var(--bz-ink);
/* toolbar: count stat + search */
/* the badge card grid */
/* empty state */
}
.baz-badges .baz-badges-toolbar {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
margin: 0 0 18px;
}
.baz-badges .baz-badges-stat {
display: inline-flex;
align-items: baseline;
gap: 7px;
background: var(--bz-surface);
border: 1px solid var(--bz-line);
border-radius: 12px;
padding: 10px 16px;
box-shadow: var(--bz-sh);
}
.baz-badges .baz-badges-stat .n {
font: 800 22px/1 var(--bz-sans);
color: var(--bz-navy);
}
.baz-badges .baz-badges-stat .l {
font: 700 11px var(--bz-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--bz-faint);
}
.baz-badges .baz-badges-search {
margin-left: auto;
}
.baz-badges .baz-badges-search form {
display: flex;
gap: 8px;
align-items: center;
margin: 0;
}
.baz-badges .baz-badges-search input[type="text"] {
border: 1.5px solid var(--bz-line);
border-radius: 10px;
padding: 9px 13px;
font: 500 13px var(--bz-sans);
min-width: 200px;
}
.baz-badges .baz-badges-search input:focus {
outline: 0;
border-color: var(--bz-accent);
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.18);
}
.baz-badges .baz-badges-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
gap: 16px;
}
.baz-badges .baz-badge-card {
position: relative;
background: var(--bz-surface);
border: 1px solid var(--bz-line);
border-radius: 16px;
padding: 20px 16px 14px;
text-align: center;
box-shadow: 0 4px 14px rgba(11, 32, 52, 0.06);
transition: transform 0.14s ease, box-shadow 0.14s ease;
}
.baz-badges .baz-badge-card:hover {
transform: translateY(-3px);
box-shadow: var(--bz-sh-lg);
}
.baz-badges .baz-badge-card.is-expired {
opacity: 0.72;
}
.baz-badges .baz-badge-link {
display: block;
text-decoration: none !important;
color: inherit;
}
.baz-badges .baz-badge-medal {
width: 90px;
height: 90px;
margin: 0 auto 12px;
border-radius: 50%;
display: grid;
place-items: center;
background: radial-gradient(circle at 50% 38%, #94C9FF, #70B6FE);
border: 2px solid #4097F1;
}
.baz-badges .baz-badge-medal img {
width: 62px;
height: 62px;
object-fit: contain;
}
.baz-badges .baz-badge-medal.is-expired {
filter: grayscale(0.8);
}
.baz-badges .baz-badge-name {
display: block;
font: 800 14px/1.3 var(--bz-sans);
color: var(--bz-ink);
}
.baz-badges .baz-badge-date {
display: block;
margin-top: 5px;
font: 600 11px var(--bz-mono);
color: var(--bz-faint);
letter-spacing: 0.02em;
}
.baz-badges .baz-badge-vis {
position: absolute;
top: 12px;
right: 12px;
font: 700 8.5px var(--bz-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
border-radius: 999px;
padding: 3px 7px;
}
.baz-badges .baz-badge-vis.is-public {
color: var(--bz-green);
background: #E6F6F0;
border: 1px solid #cfe9df;
}
.baz-badges .baz-badge-vis.is-private {
color: var(--bz-muted);
background: #eef1f4;
border: 1px solid #e0e6ec;
}
.baz-badges .baz-badge-actions {
display: flex;
gap: 8px;
justify-content: center;
margin-top: 13px;
padding-top: 13px;
border-top: 1px solid var(--bz-line);
}
.baz-badges .baz-badge-act {
width: 34px;
height: 34px;
border-radius: 9px;
border: 1.5px solid var(--bz-line);
display: grid;
place-items: center;
color: var(--bz-navy) !important;
background: #fff;
transition: border-color 0.12s, background 0.12s;
}
.baz-badges .baz-badge-act:hover {
border-color: var(--bz-accent);
background: rgba(0, 117, 237, 0.08);
}
.baz-badges .baz-badge-act.dl {
background: var(--bz-gaccent);
border: 0;
color: #000000 !important;
}
.baz-badges .baz-badge-act svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
.baz-badges .baz-badges-foot {
margin-top: 18px;
}
.baz-badges .baz-badges-foot .btn, .baz-badges .baz-badges-foot button {
background: var(--bz-surface) !important;
border: 1.5px solid var(--bz-line) !important;
color: var(--bz-navy) !important;
font: 800 13px var(--bz-sans);
border-radius: 11px;
padding: 10px 18px;
}
.baz-badges .baz-badges-empty {
text-align: center;
padding: 46px 20px;
background: var(--bz-surface);
border: 1px dashed var(--bz-line);
border-radius: 16px;
color: var(--bz-muted);
}
.baz-badges .baz-badges-empty svg {
width: 46px;
height: 46px;
stroke: var(--bz-faint);
fill: none;
stroke-width: 1.5;
margin-bottom: 10px;
}
.baz-badges .baz-badges-empty p {
margin: 0;
font-weight: 600;
}
.baz-badges .pagingbar, .baz-badges .paging {
justify-content: center;
}
/* Available badges (course/site) — richer horizontal cards. */
.baz-badges-available {
display: grid;
gap: 16px;
}
.baz-badges-available .baz-abadge-card {
display: flex;
align-items: flex-start;
gap: 20px;
background: var(--bz-surface);
border: 1px solid var(--bz-line);
border-radius: 16px;
padding: 20px 22px;
box-shadow: 0 4px 14px rgba(11, 32, 52, 0.06);
}
.baz-badges-available .baz-abadge-card.is-earned {
border-left: 3px solid var(--bz-accent);
}
.baz-badges-available .baz-abadge-medal {
width: 96px;
height: 96px;
flex: none;
border-radius: 16px;
display: grid;
place-items: center;
background: radial-gradient(circle at 50% 38%, #94C9FF, #70B6FE);
border: 2px solid #4097F1;
}
.baz-badges-available .baz-abadge-medal img {
max-width: 68px;
max-height: 68px;
object-fit: contain;
}
.baz-badges-available .baz-abadge-body {
flex: 1;
min-width: 0;
}
.baz-badges-available .baz-abadge-name {
font: 800 17px var(--bz-sans);
color: var(--bz-ink);
}
.baz-badges-available .baz-abadge-earned {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 8px 0 4px;
font: 700 12px var(--bz-sans);
color: var(--bz-green) !important;
background: #E6F6F0;
border: 1px solid #cfe9df;
border-radius: 999px;
padding: 5px 11px;
text-decoration: none !important;
}
.baz-badges-available .baz-abadge-earned svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 2.5;
}
.baz-badges-available .baz-abadge-desc {
margin: 10px 0 0;
font-size: 14px;
line-height: 1.6;
color: var(--bz-muted);
}
.baz-badges-available .baz-abadge-crit {
margin-top: 12px;
}
.baz-badges-available .baz-abadge-crit .h {
display: block;
font: 800 10.5px var(--bz-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--bz-faint);
margin-bottom: 5px;
}
.baz-badges-available .baz-abadge-crit-body {
font-size: 13.5px;
color: var(--bz-ink);
}
.baz-badges-available .baz-abadge-crit-body ul {
margin: 0;
padding-left: 18px;
}
/* Single badge detail (badge.php) — badge.php is wrapped in the shell, so the
standard vendor markup (.rui-badge-*) is restyled to the navy/gold system. */
#sw-root .sw-badges .rui-badge-overview-wrapper {
background: var(--sw-surface, #fff);
border: 1px solid var(--sw-line, #E5ECF3) !important;
border-radius: 18px !important;
box-shadow: 0 4px 14px rgba(11, 32, 52, 0.07);
padding: 24px !important;
gap: 24px;
}
#sw-root .sw-badges .rui-badge-overview-wrapper > .border {
border: 2px solid #4097F1 !important;
border-radius: 18px !important;
background: radial-gradient(circle at 50% 38%, #94C9FF, #70B6FE);
padding: 18px !important;
}
#sw-root .sw-badges .rui-badge-name {
font: 800 22px var(--sw-sans, "Manrope", sans-serif);
color: var(--sw-navy, #022758);
letter-spacing: -0.02em;
}
#sw-root .sw-badges .rui-badge-desc h5 {
font: 800 10.5px var(--sw-mono, monospace) !important;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sw-faint, #90A4B5);
margin-top: 18px;
}
#sw-root .sw-badges .badge-success {
background: #E6F6F0 !important;
color: #1a7d5a !important;
border-radius: 999px;
padding: 5px 11px;
}
#sw-root .sw-badges .rui-badge-expires-info {
color: var(--sw-muted, #5C7184);
font-weight: 600;
}
/* Inside the student shell the heading is already the shell's own h1. Staff reach
the same templates unwrapped, so the heading is hidden here rather than dropped. */
.sw-helpdesk .hd-page .hd-title {
display: none;
}
/* Support ticket pages (local_helpdesk), rendered inside the student shell. */
.hd-page {
--hd-ink: #022758;
--hd-muted: #5C7184;
--hd-line: #E5ECF3;
--hd-surface: #fff;
max-width: 860px;
display: flex;
flex-direction: column;
gap: 18px;
}
.hd-page .hd-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.hd-page .hd-head-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 5px;
}
.hd-page .hd-title {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.02em;
margin: 0;
color: var(--hd-ink);
}
.hd-page .hd-h3 {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.09em;
color: var(--hd-muted);
margin: 6px 0 0;
}
.hd-page .hd-sub {
color: var(--hd-muted);
font-size: 14px;
margin: 4px 0 0;
}
.hd-page .hd-note {
color: var(--hd-muted);
font-size: 12.5px;
margin: 12px 0 0;
}
.hd-page .hd-ref {
font-family: var(--sw-mono, monospace);
font-size: 12px;
color: var(--hd-muted);
}
.hd-page .hd-card {
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 14px;
padding: 20px;
}
.hd-page .hd-alt {
background: #F7FAFC;
}
.hd-page .hd-empty {
text-align: center;
display: flex;
flex-direction: column;
gap: 14px;
align-items: center;
}
.hd-page .hd-btn {
display: inline-block;
background: #0075ED;
color: #FFFFFF;
border: 0;
border-radius: 9px;
padding: 10px 18px;
font-weight: 700;
font-size: 13.5px;
text-decoration: none;
cursor: pointer;
}
.hd-page .hd-btn:hover {
background: #0061c4;
color: #FFFFFF;
text-decoration: none;
}
.hd-page .hd-btn-quiet {
background: transparent;
color: var(--hd-ink);
border: 1px solid var(--hd-line);
}
.hd-page .hd-btn-quiet:hover {
background: #F1F5F9;
color: var(--hd-ink);
}
.hd-page .hd-banner {
background: rgba(0, 117, 237, 0.14);
border: 1px solid rgba(0, 117, 237, 0.4);
border-radius: 12px;
padding: 14px 16px;
display: flex;
flex-direction: column;
gap: 3px;
font-size: 14px;
}
.hd-page .hd-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.hd-page .hd-row {
display: flex;
align-items: center;
gap: 14px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
padding: 13px 16px;
}
.hd-page .hd-row-main {
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
text-decoration: none;
min-width: 0;
}
.hd-page .hd-subject {
font-weight: 650;
color: var(--hd-ink);
}
.hd-page .hd-meta {
font-size: 12px;
color: var(--hd-muted);
}
.hd-page .hd-muted .hd-row {
opacity: 0.72;
}
.hd-page .hd-state {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 3px 9px;
border-radius: 6px;
white-space: nowrap;
background: #EEF2F6;
color: var(--hd-muted);
}
.hd-page .hd-state.hd-warning {
background: rgba(169, 112, 13, 0.14);
color: #8A5A0B;
}
.hd-page .hd-state.hd-critical, .hd-page .hd-state.hd-breached {
background: rgba(192, 69, 31, 0.14);
color: #A03A1A;
}
.hd-page .hd-left {
font-size: 11.5px;
color: var(--hd-muted);
white-space: nowrap;
}
.hd-page .hd-left.hd-breached {
color: #A03A1A;
font-weight: 700;
}
.hd-page .hd-thread {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.hd-page .hd-msg {
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
padding: 14px 16px;
}
.hd-page .hd-msg-mine {
background: #F6F9FC;
}
.hd-page .hd-msg-internal {
background: rgba(169, 112, 13, 0.08);
border-style: dashed;
}
.hd-page .hd-msg-head {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 7px;
flex-wrap: wrap;
}
.hd-page .hd-msg-author {
font-weight: 700;
font-size: 13px;
color: var(--hd-ink);
}
.hd-page .hd-msg-time {
margin-left: auto;
font-size: 11.5px;
color: var(--hd-muted);
}
.hd-page .hd-msg-body {
font-size: 14px;
line-height: 1.6;
}
.hd-page .hd-tag {
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 2px 7px;
border-radius: 5px;
background: rgba(169, 112, 13, 0.18);
color: #8A5A0B;
}
.hd-page .hd-tag-quiet {
background: #EEF2F6;
color: var(--hd-muted);
}
.hd-page .hd-btn-sm {
padding: 7px 13px;
font-size: 12.5px;
}
.hd-page.hd-queue {
max-width: none;
}
.hd-page .hd-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
.hd-page .hd-stat {
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
padding: 13px 15px;
display: flex;
flex-direction: column;
gap: 2px;
}
.hd-page .hd-stat-n {
font-size: 24px;
font-weight: 800;
color: var(--hd-ink);
font-variant-numeric: tabular-nums;
line-height: 1.1;
}
.hd-page .hd-stat-l {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--hd-muted);
}
.hd-page .hd-stat-bad {
border-color: rgba(192, 69, 31, 0.45);
}
.hd-page .hd-stat-bad .hd-stat-n {
color: #A03A1A;
}
.hd-page .hd-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
}
.hd-page .hd-tabs {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
.hd-page .hd-tab {
font-size: 13px;
font-weight: 650;
padding: 7px 12px;
border-radius: 8px;
color: var(--hd-muted);
text-decoration: none;
}
.hd-page .hd-tab:hover {
background: #F1F5F9;
text-decoration: none;
}
.hd-page .hd-tab-on {
background: rgba(0, 117, 237, 0.16);
color: var(--hd-ink);
}
.hd-page .hd-tab-n {
font-variant-numeric: tabular-nums;
opacity: 0.75;
}
.hd-page .hd-select, .hd-page .hd-input {
border: 1px solid var(--hd-line);
border-radius: 9px;
padding: 8px 11px;
font: inherit;
font-size: 13.5px;
background: var(--hd-surface);
color: var(--hd-ink);
}
.hd-page .hd-select:focus, .hd-page .hd-input:focus {
outline: none;
border-color: #0075ED;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.22);
}
.hd-page .hd-input {
min-width: 200px;
flex: 1;
}
.hd-page .hd-qrow {
align-items: center;
}
.hd-page .hd-row-bad {
border-color: rgba(192, 69, 31, 0.45);
}
.hd-page .hd-owner {
font-size: 12.5px;
color: var(--hd-muted);
min-width: 110px;
}
.hd-page .hd-unassigned {
font-style: normal;
font-weight: 700;
color: #A03A1A;
}
.hd-page .hd-flags {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-top: 3px;
}
.hd-page .hd-actions {
display: flex;
flex-direction: column;
gap: 14px;
}
.hd-page .hd-actions-facts {
display: flex;
gap: 18px;
flex-wrap: wrap;
font-size: 13px;
color: var(--hd-muted);
}
.hd-page .hd-actions-facts strong {
color: var(--hd-ink);
font-weight: 700;
}
.hd-page .hd-actions-row {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.hd-page .hd-actions-row form {
display: flex;
gap: 8px;
align-items: center;
margin: 0;
}
.hd-page .hd-forward {
border-top: 1px solid var(--hd-line);
padding-top: 14px;
display: flex;
flex-direction: column;
gap: 8px;
}
.hd-page .hd-forward-row {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.hd-page .hd-composer {
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
.hd-page .hd-label {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--hd-muted);
}
.hd-page .hd-textarea {
width: 100%;
border: 1px solid var(--hd-line);
border-radius: 9px;
padding: 11px 13px;
font: inherit;
font-size: 14px;
resize: vertical;
}
.hd-page .hd-textarea:focus {
outline: none;
border-color: #0075ED;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.22);
}
.hd-page .hd-check {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--hd-muted);
}
.hd-page .hd-back {
font-size: 13px;
font-weight: 600;
}
@media (max-width: 620px) {
.hd-page .hd-row {
flex-wrap: wrap;
}
.hd-page .hd-head-right {
align-items: flex-start;
}
.hd-page .hd-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hd-page .hd-input {
min-width: 0;
width: 100%;
}
}
/* Admin ticket table (local_helpdesk/queue). It needs the full content width,
so the shell's own card around the page is dropped on this one view. */
#sd-root.sd-adminpage .aw-wrap:has(.hd-queue), #sw-root .sw-wrap:has(.hd-queue) {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
#sd-root.sd-adminpage .sd-content:has(.hd-queue) {
max-width: none;
}
#sd-root.sd-adminpage .aw-wrap .hd-queue a:not(.btn), #sw-root .sw-wrap .hd-queue a:not(.btn) {
color: inherit;
}
#sd-root.sd-adminpage .aw-wrap .hd-queue a.hq-subj, #sw-root .sw-wrap .hd-queue a.hq-subj {
color: var(--hd-muted);
}
#sd-root.sd-adminpage .aw-wrap .hd-queue a.hq-clear, #sw-root .sw-wrap .hd-queue a.hq-clear {
color: #406CD2;
}
.hd-queue {
gap: 16px;
}
.hd-queue svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
flex: none;
}
.hd-queue .hq-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.hd-queue .hq-sub {
margin: 0;
color: var(--hd-muted);
font-size: 14px;
}
.hd-queue .hq-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border-radius: 10px;
border: 1px solid var(--hd-line);
background: var(--hd-surface);
color: var(--hd-ink);
font-weight: 600;
font-size: 13.5px;
text-decoration: none;
}
.hd-queue .hq-btn:hover {
border-color: #C8D4E0;
text-decoration: none;
color: var(--hd-ink);
}
.hd-queue .hq-stats {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 12px;
}
.hd-queue .hq-stat {
--c: #8796A8;
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 14px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-top: 3px solid var(--c);
border-radius: 12px;
box-shadow: 0 1px 2px rgba(11, 32, 52, 0.06);
color: var(--hd-ink);
text-decoration: none;
transition: transform 0.15s, box-shadow 0.15s;
}
.hd-queue a.hq-stat:hover {
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(11, 32, 52, 0.08);
text-decoration: none;
color: var(--hd-ink);
}
.hd-queue .hq-stat-on {
box-shadow: 0 0 0 2px var(--c);
}
.hd-queue .hq-stat-open {
--c: #406CD2;
}
.hd-queue .hq-stat-inprogress {
--c: #E8833A;
}
.hd-queue .hq-stat-forwarded {
--c: #7C5CE0;
}
.hd-queue .hq-stat-resolved, .hd-queue .hq-stat-firstreply {
--c: #1FA37A;
}
.hd-queue .hq-stat-closed {
--c: #475569;
}
.hd-queue .hq-stat-tat {
--c: #6366F1;
}
.hd-queue .hq-stat-h {
display: flex;
justify-content: space-between;
gap: 6px;
min-height: 28px;
word-break: normal;
overflow-wrap: normal;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--hd-muted);
}
.hd-queue .hq-stat-h svg {
color: var(--c);
}
.hd-queue .hq-stat-n {
font-size: 24px;
font-weight: 800;
line-height: 1.1;
font-variant-numeric: tabular-nums;
}
.hd-queue .hq-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin: 0;
padding: 12px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
}
.hd-queue .hq-filters > label {
margin: 0;
flex: 1 1 140px;
min-width: 0;
}
.hd-queue .hq-filters select, .hd-queue .hq-filters .hq-search {
width: 100%;
height: 38px;
padding: 0 10px;
border: 1px solid var(--hd-line);
border-radius: 9px;
background: var(--hd-surface);
color: var(--hd-ink);
font: inherit;
font-size: 13.5px;
}
.hd-queue .hq-filters .hq-search {
flex: 2 1 240px;
display: flex;
align-items: center;
gap: 8px;
color: #90A4B5;
}
.hd-queue .hq-filters .hq-search input {
flex: 1;
min-width: 0;
border: 0;
outline: 0;
background: none;
font: inherit;
color: var(--hd-ink);
}
.hd-queue .hq-filters select:focus, .hd-queue .hq-filters .hq-search:focus-within {
outline: none;
border-color: #0075ED;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.22);
}
.hd-queue .hq-clear {
font-size: 13px;
font-weight: 600;
white-space: nowrap;
}
.hd-queue .hq-empty {
padding: 36px;
text-align: center;
color: var(--hd-muted);
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
}
.hd-queue .hq-tablewrap {
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
overflow-x: auto;
}
.hd-queue .hq-table {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
color: var(--hd-ink);
margin: 0;
}
.hd-queue .hq-table th {
padding: 12px 14px;
text-align: left;
white-space: nowrap;
background: #F7FAFC;
border-bottom: 1px solid var(--hd-line);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--hd-muted);
}
.hd-queue .hq-table td {
padding: 12px 14px;
border-bottom: 1px solid var(--hd-line);
vertical-align: middle;
white-space: nowrap;
}
.hd-queue .hq-table tbody tr:last-child td {
border-bottom: 0;
}
.hd-queue .hq-table tbody tr:hover td {
background: #F7FAFC;
}
.hd-queue .hq-ref {
display: inline-block;
padding: 4px 7px;
border: 1px solid var(--hd-line);
border-radius: 6px;
background: #F4F7FB;
color: var(--hd-ink);
font: 700 12px/1 ui-monospace, Menlo, monospace;
text-decoration: none;
}
.hd-queue .hq-ref:hover {
border-color: #0075ED;
text-decoration: none;
}
.hd-queue .hq-subj {
display: block;
max-width: 240px;
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: var(--hd-muted);
text-decoration: none;
}
.hd-queue .hq-subj:hover {
color: var(--hd-ink);
}
.hd-queue .hq-strong {
font-weight: 700;
}
.hd-queue .hq-muted {
display: block;
font-size: 12px;
color: var(--hd-muted);
}
.hd-queue .hq-cat {
padding: 3px 8px;
border-radius: 6px;
background: #EEF3FC;
color: #406CD2;
font-size: 12px;
font-weight: 600;
}
.hd-queue .hq-pm {
display: inline-flex;
align-items: center;
gap: 8px;
}
.hd-queue .hq-av {
display: inline-grid;
place-items: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: hsl(var(--h), 52%, 46%);
color: #fff;
font-size: 10.5px;
font-weight: 700;
}
.hd-queue .hq-un {
font-style: italic;
color: var(--hd-muted);
}
.hd-queue .hq-take {
display: inline;
margin: 0 0 0 6px;
}
.hd-queue .hq-take button {
border: 0;
border-radius: 7px;
padding: 4px 10px;
background: #0075ED;
color: #022758;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.hd-queue .hq-st {
padding: 3px 9px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.hd-queue .hq-st-open {
background: #FEF3C7;
color: #92400E;
}
.hd-queue .hq-st-inprogress {
background: #FFEDD5;
color: #C2410C;
}
.hd-queue .hq-st-forwarded {
background: #EDE9FE;
color: #6D28D9;
}
.hd-queue .hq-st-resolved {
background: #D1FAE5;
color: #065F46;
}
.hd-queue .hq-st-closed {
background: #E2E8F0;
color: #334155;
}
.hd-queue .hq-pill {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 8px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.hd-queue .hq-pill svg {
width: 13px;
height: 13px;
}
.hd-queue .hq-pill-ok {
background: #D1FAE5;
color: #065F46;
}
.hd-queue .hq-pill-wait {
background: #FFEDD5;
color: #C2410C;
}
.hd-queue .hq-tat {
font-weight: 600;
}
.hd-queue .hq-row-bad .hq-tat {
color: #E5556E;
}
@media (max-width: 1200px) {
.hd-queue .hq-stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
.hd-queue .hq-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* Support Center (local_helpdesk raise + mytickets): hero, tabs, details card,
category tiles and progress cards. */
#sd-root.sd-adminpage .aw-wrap:has(.hd-sc), #sw-root .sw-wrap:has(.hd-sc) {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
#sd-root .sd-content:has(.hd-sc) .aw-phead, #sw-root main:has(.hd-sc) > .sw-phead {
display: none;
}
#sd-root.sd-adminpage .aw-wrap .hd-sc a:not(.btn), #sw-root .sw-wrap .hd-sc a:not(.btn) {
color: inherit;
}
#sd-root.sd-adminpage .aw-wrap .hd-sc a.sc-tab, #sw-root .sw-wrap .hd-sc a.sc-tab {
color: var(--hd-muted);
}
#sd-root.sd-adminpage .aw-wrap .hd-sc a.sc-tab.on, #sw-root .sw-wrap .hd-sc a.sc-tab.on {
color: #fff;
}
#sd-root.sd-adminpage .aw-wrap .hd-sc a.sc-btn, #sw-root .sw-wrap .hd-sc a.sc-btn {
color: #022758;
}
#sd-root.sd-adminpage .aw-wrap .hd-sc .sc-h-row a, #sd-root.sd-adminpage .aw-wrap .hd-sc .sc-tk-f a, #sd-root.sd-adminpage .aw-wrap .hd-sc .sc-alt a, #sw-root .sw-wrap .hd-sc .sc-h-row a, #sw-root .sw-wrap .hd-sc .sc-tk-f a, #sw-root .sw-wrap .hd-sc .sc-alt a {
color: #406CD2;
}
.hd-page.hd-sc {
max-width: 1120px;
gap: 0;
}
.hd-page.hd-sc svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
flex: none;
}
.hd-page.hd-sc .sc-hidden {
display: none !important;
}
.hd-page.hd-sc .sc-hero {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
padding: 28px 30px;
border-radius: 20px;
color: #fff;
background: linear-gradient(135deg, #033980 0%, #011a3a 100%);
}
.hd-page.hd-sc .sc-hero::after {
content: "";
position: absolute;
right: -60px;
top: -60px;
width: 240px;
height: 240px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 117, 237, 0.35), transparent 70%);
pointer-events: none;
}
.hd-page.hd-sc .sc-hero-t {
margin: 0;
color: #fff !important;
font-size: 26px;
font-weight: 800;
letter-spacing: -0.02em;
}
.hd-page.hd-sc .sc-hero-s {
margin: 6px 0 0;
color: rgba(255, 255, 255, 0.72);
}
.hd-page.hd-sc .sc-hero-stats {
position: relative;
z-index: 1;
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.hd-page.hd-sc .sc-hs {
min-width: 104px;
padding: 12px 16px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
}
.hd-page.hd-sc .sc-hs b {
display: block;
font-size: 22px;
line-height: 1.2;
}
.hd-page.hd-sc .sc-hs span {
font-size: 12px;
color: rgba(255, 255, 255, 0.72);
}
.hd-page.hd-sc .sc-tabs {
display: inline-flex;
gap: 4px;
align-self: flex-start;
margin: 20px 0 18px;
padding: 4px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 12px;
box-shadow: 0 1px 2px rgba(11, 32, 52, 0.06);
}
.hd-page.hd-sc .sc-tab {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 16px;
border-radius: 9px;
color: var(--hd-muted);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.hd-page.hd-sc .sc-tab:hover {
color: var(--hd-ink);
text-decoration: none;
}
.hd-page.hd-sc .sc-tab.on {
background: #022758;
color: #fff;
}
.hd-page.hd-sc .sc-tab-n {
padding: 1px 7px;
border-radius: 20px;
background: #0075ED;
color: #022758;
font-size: 11px;
font-weight: 700;
}
.hd-page.hd-sc .sc-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 18px;
align-items: start;
}
.hd-page.hd-sc .sc-col {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
.hd-page.hd-sc .sc-card {
padding: 22px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(11, 32, 52, 0.06);
}
.hd-page.hd-sc .sc-h {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin: 0;
color: var(--hd-ink);
font-size: 16px;
font-weight: 800;
}
.hd-page.hd-sc .sc-h-row {
justify-content: space-between;
}
.hd-page.hd-sc .sc-h-row a {
font-size: 13px;
font-weight: 600;
}
.hd-page.hd-sc .sc-sub {
margin: 4px 0 14px;
color: var(--hd-muted);
font-size: 13.5px;
}
.hd-page.hd-sc .sc-verified {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 9px;
border-radius: 20px;
background: rgba(0, 117, 237, 0.14);
color: #004891;
font-size: 12px;
font-weight: 600;
}
.hd-page.hd-sc .sc-verified svg {
width: 13px;
height: 13px;
}
.hd-page.hd-sc .sc-me {
display: flex;
align-items: center;
gap: 16px;
margin-top: 16px;
}
.hd-page.hd-sc .sc-me-av {
display: grid;
place-items: center;
flex: none;
width: 52px;
height: 52px;
border-radius: 14px;
background: linear-gradient(135deg, #0d84ff, #005cba);
color: #fff;
font-size: 18px;
font-weight: 800;
}
.hd-page.hd-sc .sc-me-f {
flex: 1;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: 12px 18px;
margin: 0;
}
.hd-page.hd-sc .sc-me-f dt {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #90A4B5;
}
.hd-page.hd-sc .sc-me-f dd {
margin: 2px 0 0;
font-size: 13.5px;
font-weight: 600;
color: var(--hd-ink);
overflow-wrap: anywhere;
}
.hd-page.hd-sc .sc-cats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: 10px;
width: 100%;
}
.hd-page.hd-sc .sc-cat {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 12px;
border: 1.5px solid var(--hd-line);
border-radius: 12px;
background: var(--hd-surface);
color: var(--hd-ink);
font: inherit;
font-size: 13.5px;
font-weight: 600;
text-align: left;
cursor: pointer;
transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.hd-page.hd-sc .sc-cat:hover {
transform: translateY(-1px);
border-color: rgba(0, 117, 237, 0.5);
}
.hd-page.hd-sc .sc-cat.on {
border-color: #0075ED;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.18);
}
.hd-page.hd-sc .sc-cat-ic {
display: grid;
place-items: center;
flex: none;
width: 34px;
height: 34px;
border-radius: 9px;
background: var(--bg);
color: var(--fg);
font-weight: 800;
}
.hd-page.hd-sc .sc-cat-0 {
--bg: #E0F2FE;
--fg: #0369A1;
}
.hd-page.hd-sc .sc-cat-1 {
--bg: #EDE9FE;
--fg: #6D28D9;
}
.hd-page.hd-sc .sc-cat-2 {
--bg: #F1F5F9;
--fg: #334155;
}
.hd-page.hd-sc .sc-cat-3 {
--bg: #FFEDD5;
--fg: #C2410C;
}
.hd-page.hd-sc .sc-cat-4 {
--bg: #DCFCE7;
--fg: #15803D;
}
.hd-page.hd-sc .sc-cat-5 {
--bg: #FEE2E2;
--fg: #B91C1C;
}
.hd-page.hd-sc .sc-cat-6 {
--bg: #FEF3C7;
--fg: #B45309;
}
.hd-page.hd-sc .sc-cat-7 {
--bg: #DBEAFE;
--fg: #1D4ED8;
}
.hd-page.hd-sc .sc-subs {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
.hd-page.hd-sc .sc-chip {
padding: 7px 14px;
border: 1.5px solid var(--hd-line);
border-radius: 20px;
background: var(--hd-surface);
color: var(--hd-ink);
font: inherit;
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.hd-page.hd-sc .sc-chip:hover {
border-color: rgba(0, 117, 237, 0.5);
}
.hd-page.hd-sc .sc-chip.on {
background: #022758;
border-color: #022758;
color: #fff;
}
.hd-page.hd-sc .sc-hint {
color: #90A4B5;
font-size: 13px;
}
.hd-page.hd-sc .sc-sla {
display: flex;
align-items: center;
gap: 12px;
margin: 12px 0 0;
}
.hd-page.hd-sc .sc-sla b {
font-size: 22px;
color: var(--hd-ink);
}
.hd-page.hd-sc .sc-sla span {
font-size: 12.5px;
color: var(--hd-muted);
}
.hd-page.hd-sc .sc-tips {
margin: 12px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.hd-page.hd-sc .sc-tips li {
position: relative;
padding-left: 22px;
font-size: 13px;
color: var(--hd-muted);
}
.hd-page.hd-sc .sc-tips li::before {
content: "";
position: absolute;
left: 2px;
top: 4px;
width: 10px;
height: 6px;
border-left: 2px solid #0075ED;
border-bottom: 2px solid #0075ED;
transform: rotate(-45deg);
}
.hd-page.hd-sc .sc-alt {
margin: 12px 0 0;
font-size: 13px;
}
.hd-page.hd-sc .sc-mini {
margin: 8px 0 0;
padding: 0;
list-style: none;
}
.hd-page.hd-sc .sc-mini li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 0;
border-top: 1px solid var(--hd-line);
}
.hd-page.hd-sc .sc-mini li:first-child {
border-top: 0;
}
.hd-page.hd-sc .sc-mini a {
min-width: 0;
color: var(--hd-ink);
text-decoration: none;
}
.hd-page.hd-sc .sc-mini-s {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
}
.hd-page.hd-sc .sc-ref {
display: block;
font: 700 12px/1.4 ui-monospace, Menlo, monospace;
color: var(--hd-muted);
}
.hd-page.hd-sc .sc-st {
flex: none;
padding: 3px 9px;
border-radius: 20px;
font-size: 11.5px;
font-weight: 700;
}
.hd-page.hd-sc .sc-st-open {
background: #FEF3C7;
color: #92400E;
}
.hd-page.hd-sc .sc-st-inprogress {
background: #DBEAFE;
color: #1E40AF;
}
.hd-page.hd-sc .sc-st-resolved {
background: #D1FAE5;
color: #065F46;
}
.hd-page.hd-sc .sc-tk {
margin-bottom: 12px;
}
.hd-page.hd-sc .sc-tk-h {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.hd-page.hd-sc .sc-tk-t {
margin: 4px 0 0;
font-size: 15.5px;
font-weight: 700;
}
.hd-page.hd-sc .sc-tk-t a {
color: var(--hd-ink);
text-decoration: none;
}
.hd-page.hd-sc .sc-tk-t a:hover {
text-decoration: underline;
}
.hd-page.hd-sc .sc-tk-m {
margin: 6px 0 0;
color: var(--hd-muted);
font-size: 12.5px;
}
.hd-page.hd-sc .sc-track {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 18px 0 0;
padding: 0;
list-style: none;
}
.hd-page.hd-sc .sc-track::before, .hd-page.hd-sc .sc-track::after {
content: "";
position: absolute;
top: 11px;
left: 12.5%;
height: 3px;
border-radius: 3px;
}
.hd-page.hd-sc .sc-track::before {
right: 12.5%;
background: var(--hd-line);
}
.hd-page.hd-sc .sc-track::after {
width: calc(75% * var(--p) / 100);
background: #0075ED;
}
.hd-page.hd-sc .sc-track li {
position: relative;
z-index: 1;
text-align: center;
font-size: 12px;
font-weight: 600;
color: #90A4B5;
}
.hd-page.hd-sc .sc-track li::before {
content: "";
display: block;
box-sizing: border-box;
width: 24px;
height: 24px;
margin: 0 auto 6px;
border-radius: 50%;
border: 3px solid var(--hd-line);
background: var(--hd-surface);
}
.hd-page.hd-sc .sc-track li.done {
color: var(--hd-ink);
}
.hd-page.hd-sc .sc-track li.done::before {
background: #0075ED;
border-color: #0075ED;
}
.hd-page.hd-sc .sc-track li.cur::before {
box-shadow: 0 0 0 4px rgba(0, 117, 237, 0.2);
}
.hd-page.hd-sc .sc-tk-f {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--hd-line);
font-size: 13px;
color: var(--hd-muted);
}
.hd-page.hd-sc .sc-tk-f a {
font-weight: 700;
}
.hd-page.hd-sc .sc-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 34px;
text-align: center;
}
.hd-page.hd-sc .sc-empty-ic {
display: grid;
place-items: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: rgba(0, 117, 237, 0.16);
color: #004fa1;
}
.hd-page.hd-sc .sc-btn {
display: inline-block;
margin-top: 8px;
padding: 10px 18px;
border-radius: 10px;
background: #0075ED;
color: #022758;
font-weight: 700;
text-decoration: none;
}
.hd-page.hd-sc .sc-btn:hover {
text-decoration: none;
color: #022758;
}
@media (max-width: 900px) {
.hd-page.hd-sc .sc-grid {
grid-template-columns: 1fr;
}
.hd-page.hd-sc .sc-hero {
padding: 22px;
}
.hd-page.hd-sc .sc-tabs {
display: flex;
}
.hd-page.hd-sc .sc-tab {
flex: 1;
justify-content: center;
padding: 9px 10px;
}
}
/* Staff ticket page (local_helpdesk/ticket_staff) and PM assignment rules
(local_helpdesk/pmrules). Both run full width, without the shell's card. */
#sd-root.sd-adminpage .aw-wrap:has(.hd-page.tk), #sd-root.sd-adminpage .aw-wrap:has(.hd-page.pm), #sw-root .sw-wrap:has(.hd-page.tk), #sw-root .sw-wrap:has(.hd-page.pm) {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
#sd-root.sd-adminpage .sd-content:has(.hd-page.tk), #sd-root.sd-adminpage .sd-content:has(.hd-page.pm) {
max-width: none;
}
#sd-root.sd-adminpage .aw-wrap .hd-page.tk a:not(.btn), #sw-root .sw-wrap .hd-page.tk a:not(.btn), #sd-root.sd-adminpage .aw-wrap .hd-page.pm a:not(.btn), #sw-root .sw-wrap .hd-page.pm a:not(.btn) {
color: inherit;
}
#sd-root.sd-adminpage .aw-wrap .hd-page.tk a.tk-crumb, #sd-root.sd-adminpage .aw-wrap .hd-page.tk a.tk-att, #sd-root.sd-adminpage .aw-wrap .hd-page.tk .pm-cov a b, #sw-root .sw-wrap .hd-page.tk a.tk-crumb, #sw-root .sw-wrap .hd-page.tk a.tk-att, #sw-root .sw-wrap .hd-page.tk .pm-cov a b, #sd-root.sd-adminpage .aw-wrap .hd-page.pm a.tk-crumb, #sd-root.sd-adminpage .aw-wrap .hd-page.pm a.tk-att, #sd-root.sd-adminpage .aw-wrap .hd-page.pm .pm-cov a b, #sw-root .sw-wrap .hd-page.pm a.tk-crumb, #sw-root .sw-wrap .hd-page.pm a.tk-att, #sw-root .sw-wrap .hd-page.pm .pm-cov a b {
color: #406CD2;
}
#sd-root.sd-adminpage .aw-wrap .hd-page.tk h3, #sd-root.sd-adminpage .aw-wrap .hd-page.tk h4, #sw-root .sw-wrap .hd-page.tk h3, #sw-root .sw-wrap .hd-page.tk h4, #sd-root.sd-adminpage .aw-wrap .hd-page.pm h3, #sd-root.sd-adminpage .aw-wrap .hd-page.pm h4, #sw-root .sw-wrap .hd-page.pm h3, #sw-root .sw-wrap .hd-page.pm h4 {
color: var(--hd-muted);
}
#sd-root.sd-adminpage .aw-wrap .hd-page.tk h4, #sw-root .sw-wrap .hd-page.tk h4, #sd-root.sd-adminpage .aw-wrap .hd-page.pm h4, #sw-root .sw-wrap .hd-page.pm h4 {
color: var(--hd-ink);
}
.hd-page.tk, .hd-page.pm {
max-width: none;
gap: 14px;
color: var(--hd-ink);
}
.hd-page.tk svg, .hd-page.pm svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
flex: none;
}
.hd-page.tk .tk-card, .hd-page.pm .tk-card {
padding: 20px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(11, 32, 52, 0.06);
min-width: 0;
}
.hd-page.tk .tk-card h3, .hd-page.pm .tk-card h3 {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 14px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.hd-page.tk .tk-card h3 small, .hd-page.pm .tk-card h3 small {
padding: 1px 8px;
border-radius: 20px;
background: #F4F7FB;
letter-spacing: 0;
}
.hd-page.tk .tk-card h4, .hd-page.pm .tk-card h4 {
margin: 18px 0 4px;
font-size: 14px;
}
.hd-page.tk .tk-col, .hd-page.pm .tk-col {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
.hd-page.tk .tk-vis, .hd-page.pm .tk-vis {
margin: 0 0 8px;
color: var(--hd-muted);
font-size: 12.5px;
}
.hd-page.tk .tk-empty, .hd-page.pm .tk-empty {
color: #90A4B5;
font-size: 13px;
}
.hd-page.tk .tk-b, .hd-page.pm .tk-b {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 13px;
border: 1px solid var(--hd-line);
border-radius: 10px;
background: var(--hd-surface);
color: var(--hd-ink);
font: inherit;
font-size: 13px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
list-style: none;
white-space: nowrap;
}
.hd-page.tk .tk-b::-webkit-details-marker, .hd-page.pm .tk-b::-webkit-details-marker {
display: none;
}
.hd-page.tk .tk-b:hover, .hd-page.pm .tk-b:hover {
border-color: #C8D4E0;
text-decoration: none;
}
.hd-page.tk .tk-pri, .hd-page.pm .tk-pri {
background: #022758;
border-color: #022758;
color: #fff;
}
.hd-page.tk .tk-pri:hover, .hd-page.pm .tk-pri:hover {
color: #fff;
}
.hd-page.tk .tk-ok, .hd-page.pm .tk-ok {
background: #E7F7EF;
border-color: #B7E4CB;
color: #15803D;
}
.hd-page.tk .tk-warn, .hd-page.pm .tk-warn {
background: #FFF4E5;
border-color: #F9C98F;
color: #B45309;
}
.hd-page.tk .tk-quiet, .hd-page.pm .tk-quiet {
color: var(--hd-muted);
}
.hd-page.tk .tk-off, .hd-page.pm .tk-off {
opacity: 0.45;
cursor: not-allowed;
}
.hd-page.tk form, .hd-page.pm form {
margin: 0;
}
.hd-page.tk .tk-bar, .hd-page.pm .tk-bar {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
font-size: 14px;
}
.hd-page.tk .tk-sep, .hd-page.pm .tk-sep {
color: #90A4B5;
}
.hd-page.tk .tk-sla, .hd-page.pm .tk-sla {
padding: 3px 9px;
border-radius: 20px;
background: #EEF3FC;
color: #406CD2;
font-size: 12px;
font-weight: 700;
}
.hd-page.tk .tk-sla-bad, .hd-page.pm .tk-sla-bad {
background: #FEE2E2;
color: #B91C1C;
}
.hd-page.tk .tk-acts, .hd-page.pm .tk-acts {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-left: auto;
}
.hd-page.tk .tk-pop, .hd-page.pm .tk-pop {
position: relative;
}
.hd-page.tk .tk-panel, .hd-page.pm .tk-panel {
position: absolute;
right: 0;
top: calc(100% + 6px);
z-index: 30;
width: 320px;
padding: 16px;
background: var(--hd-surface);
border: 1px solid var(--hd-line);
border-radius: 14px;
box-shadow: 0 18px 50px rgba(11, 32, 52, 0.16);
display: flex;
flex-direction: column;
gap: 10px;
}
.hd-page.tk .tk-panel h4, .hd-page.pm .tk-panel h4 {
margin: 0;
}
.hd-page.tk .tk-panel p, .hd-page.pm .tk-panel p {
margin: 0;
color: var(--hd-muted);
font-size: 13px;
}
.hd-page.tk .tk-panel label, .hd-page.pm .tk-panel label {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
font-size: 13px;
font-weight: 600;
}
.hd-page.tk .tk-panel select, .hd-page.tk .tk-panel textarea, .hd-page.pm .tk-panel select, .hd-page.pm .tk-panel textarea {
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
border: 1.5px solid var(--hd-line);
border-radius: 9px;
font: inherit;
font-size: 13.5px;
background: var(--hd-surface);
}
.hd-page.tk .tk-panel .tk-chk, .hd-page.pm .tk-panel .tk-chk {
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-weight: 500;
}
.hd-page.tk .tk-menu, .hd-page.pm .tk-menu {
width: 180px;
padding: 6px;
gap: 2px;
}
.hd-page.tk .tk-menu button, .hd-page.pm .tk-menu button {
width: 100%;
padding: 8px 10px;
border: 0;
border-radius: 8px;
background: none;
text-align: left;
font: inherit;
font-size: 13px;
font-weight: 600;
color: var(--hd-ink);
cursor: pointer;
}
.hd-page.tk .tk-menu button:hover, .hd-page.pm .tk-menu button:hover {
background: #F4F7FB;
}
.hd-page.tk .tk-menu button:disabled, .hd-page.pm .tk-menu button:disabled {
color: #90A4B5;
cursor: default;
background: none;
}
.hd-page.tk .tk-alert, .hd-page.pm .tk-alert {
padding: 12px 14px;
border: 1px solid #FED7AA;
border-radius: 12px;
background: #FFF7ED;
color: #9A3412;
font-size: 13.5px;
}
.hd-page.tk .tk-grid, .hd-page.pm .tk-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 16px;
align-items: start;
}
.hd-page.tk .tk-inc, .hd-page.pm .tk-inc {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: 14px 18px;
margin: 0;
}
.hd-page.tk .tk-inc dt, .hd-page.tk .tk-kv dt, .hd-page.tk .tk-sd dt, .hd-page.pm .tk-inc dt, .hd-page.pm .tk-kv dt, .hd-page.pm .tk-sd dt {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #90A4B5;
}
.hd-page.tk .tk-inc dd, .hd-page.tk .tk-kv dd, .hd-page.pm .tk-inc dd, .hd-page.pm .tk-kv dd {
display: flex;
align-items: center;
gap: 6px;
margin: 3px 0 0;
font-size: 13.5px;
font-weight: 600;
overflow-wrap: anywhere;
}
.hd-page.tk .tk-ref, .hd-page.pm .tk-ref {
padding: 3px 6px;
border: 1px solid var(--hd-line);
border-radius: 6px;
background: #F4F7FB;
font: 700 12px ui-monospace, Menlo, monospace;
}
.hd-page.tk .tk-un, .hd-page.pm .tk-un {
font-style: italic;
color: #B45309;
}
.hd-page.tk .tk-sd, .hd-page.pm .tk-sd {
display: grid;
gap: 4px;
margin: 16px 0 0;
padding-top: 14px;
border-top: 1px solid var(--hd-line);
}
.hd-page.tk .tk-sd dd, .hd-page.pm .tk-sd dd {
margin: 0 0 10px;
font-size: 14px;
}
.hd-page.tk .tk-sd dd p:last-child, .hd-page.pm .tk-sd dd p:last-child {
margin-bottom: 0;
}
.hd-page.tk .tk-subj, .hd-page.pm .tk-subj {
font-size: 15px !important;
font-weight: 700;
}
.hd-page.tk .tk-att, .hd-page.pm .tk-att {
display: inline-flex;
align-items: center;
gap: 6px;
margin-right: 12px;
font-weight: 600;
}
.hd-page.tk .tk-att small, .hd-page.pm .tk-att small {
color: #90A4B5;
font-weight: 500;
}
.hd-page.tk .tk-conv, .hd-page.tk .tk-notes, .hd-page.tk .tk-act, .hd-page.pm .tk-conv, .hd-page.pm .tk-notes, .hd-page.pm .tk-act {
margin: 0;
padding: 0;
list-style: none;
}
.hd-page.tk .tk-conv li, .hd-page.tk .tk-notes li, .hd-page.pm .tk-conv li, .hd-page.pm .tk-notes li {
display: flex;
gap: 10px;
padding: 8px 0;
}
.hd-page.tk .tk-conv li > div, .hd-page.tk .tk-notes li > div, .hd-page.pm .tk-conv li > div, .hd-page.pm .tk-notes li > div {
flex: 1;
min-width: 0;
padding: 10px 12px;
border-radius: 12px;
}
.hd-page.tk .tk-conv li small, .hd-page.tk .tk-notes li small, .hd-page.pm .tk-conv li small, .hd-page.pm .tk-notes li small {
color: #90A4B5;
font-weight: 500;
}
.hd-page.tk .tk-conv li p, .hd-page.tk .tk-notes li p, .hd-page.pm .tk-conv li p, .hd-page.pm .tk-notes li p {
margin: 4px 0 0;
font-size: 13.5px;
}
.hd-page.tk .tk-m-st > div, .hd-page.pm .tk-m-st > div {
background: #F4F7FB;
}
.hd-page.tk .tk-m-pm > div, .hd-page.pm .tk-m-pm > div {
background: rgba(0, 117, 237, 0.08);
}
.hd-page.tk .tk-notes li > div, .hd-page.pm .tk-notes li > div {
background: #FAF5FF;
}
.hd-page.tk .tk-card textarea, .hd-page.pm .tk-card textarea {
width: 100%;
box-sizing: border-box;
min-height: 84px;
padding: 10px 12px;
border: 1.5px solid var(--hd-line);
border-radius: 10px;
background: var(--hd-surface);
color: var(--hd-ink);
font: inherit;
font-size: 14px;
resize: vertical;
}
.hd-page.tk .tk-card textarea:focus, .hd-page.pm .tk-card textarea:focus {
outline: none;
border-color: #0075ED;
box-shadow: 0 0 0 3px rgba(0, 117, 237, 0.2);
}
.hd-page.tk .tk-send, .hd-page.pm .tk-send {
display: flex;
justify-content: flex-end;
margin-top: 8px;
}
.hd-page.tk .tk-tabs, .hd-page.pm .tk-tabs {
display: flex;
gap: 4px;
margin: -4px 0 12px;
border-bottom: 1px solid var(--hd-line);
}
.hd-page.tk .tk-tabs button, .hd-page.pm .tk-tabs button {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: -1px;
padding: 9px 12px;
border: 0;
border-bottom: 2px solid transparent;
background: none;
color: var(--hd-muted);
font: inherit;
font-size: 13px;
font-weight: 700;
cursor: pointer;
}
.hd-page.tk .tk-tabs button.on, .hd-page.pm .tk-tabs button.on {
color: var(--hd-ink);
border-color: #0075ED;
}
.hd-page.tk .tk-pv, .hd-page.pm .tk-pv {
padding: 1px 7px;
border-radius: 20px;
background: #FEE2E2;
color: #B91C1C;
font-size: 10.5px;
}
.hd-page.tk .tk-th + .tk-th, .hd-page.pm .tk-th + .tk-th {
margin-top: 16px;
}
.hd-page.tk .tk-th[hidden] + .tk-th, .hd-page.tk .tk-th + .tk-th[hidden], .hd-page.pm .tk-th[hidden] + .tk-th, .hd-page.pm .tk-th + .tk-th[hidden] {
margin-top: 0;
}
.hd-page.tk .tk-stu, .hd-page.pm .tk-stu {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.hd-page.tk .tk-stu b, .hd-page.pm .tk-stu b {
display: block;
}
.hd-page.tk .tk-stu small, .hd-page.pm .tk-stu small {
color: var(--hd-muted);
overflow-wrap: anywhere;
}
.hd-page.tk .tk-stu-av, .hd-page.pm .tk-stu-av {
display: grid;
place-items: center;
flex: none;
width: 44px;
height: 44px;
border-radius: 12px;
background: linear-gradient(135deg, #0d84ff, #005cba);
color: #fff;
font-weight: 800;
}
.hd-page.tk .tk-kv, .hd-page.pm .tk-kv {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 0;
}
.hd-page.tk .tk-act li, .hd-page.pm .tk-act li {
position: relative;
display: flex;
gap: 10px;
padding: 0 0 14px;
}
.hd-page.tk .tk-act li:not(:last-child)::before, .hd-page.pm .tk-act li:not(:last-child)::before {
content: "";
position: absolute;
left: 5px;
top: 14px;
bottom: 0;
width: 2px;
background: var(--hd-line);
}
.hd-page.tk .tk-act li b, .hd-page.pm .tk-act li b {
display: block;
font-size: 13px;
}
.hd-page.tk .tk-act li span, .hd-page.pm .tk-act li span {
display: block;
font-size: 13px;
color: var(--hd-muted);
}
.hd-page.tk .tk-act li small, .hd-page.pm .tk-act li small {
font-size: 11.5px;
color: #90A4B5;
}
.hd-page.tk .tk-dot, .hd-page.pm .tk-dot {
flex: none;
width: 12px;
height: 12px;
margin-top: 3px;
border-radius: 50%;
background: #90A4B5;
}
.hd-page.tk .tk-a-assigned .tk-dot, .hd-page.tk .tk-a-autoassigned .tk-dot, .hd-page.pm .tk-a-assigned .tk-dot, .hd-page.pm .tk-a-autoassigned .tk-dot {
background: #406CD2;
}
.hd-page.tk .tk-a-noted .tk-dot, .hd-page.tk .tk-a-forwarded .tk-dot, .hd-page.pm .tk-a-noted .tk-dot, .hd-page.pm .tk-a-forwarded .tk-dot {
background: #7C5CE0;
}
.hd-page.tk .tk-a-escalated .tk-dot, .hd-page.tk .tk-a-unmatched .tk-dot, .hd-page.tk .tk-a-flagged .tk-dot, .hd-page.pm .tk-a-escalated .tk-dot, .hd-page.pm .tk-a-unmatched .tk-dot, .hd-page.pm .tk-a-flagged .tk-dot {
background: #E8833A;
}
.hd-page.tk .tk-a-resolved .tk-dot, .hd-page.tk .tk-a-replied .tk-dot, .hd-page.pm .tk-a-resolved .tk-dot, .hd-page.pm .tk-a-replied .tk-dot {
background: #1FA37A;
}
.hd-page.tk .hq-st, .hd-page.pm .hq-st {
padding: 3px 9px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.hd-page.tk .hq-st-open, .hd-page.pm .hq-st-open {
background: #FEF3C7;
color: #92400E;
}
.hd-page.tk .hq-st-inprogress, .hd-page.pm .hq-st-inprogress {
background: #FFEDD5;
color: #C2410C;
}
.hd-page.tk .hq-st-forwarded, .hd-page.pm .hq-st-forwarded {
background: #EDE9FE;
color: #6D28D9;
}
.hd-page.tk .hq-st-resolved, .hd-page.pm .hq-st-resolved {
background: #D1FAE5;
color: #065F46;
}
.hd-page.tk .hq-st-closed, .hd-page.pm .hq-st-closed {
background: #E2E8F0;
color: #334155;
}
.hd-page.tk .hq-av, .hd-page.pm .hq-av {
display: inline-grid;
place-items: center;
flex: none;
width: 26px;
height: 26px;
border-radius: 50%;
background: hsl(var(--h), 52%, 46%);
color: #fff;
font-size: 10.5px;
font-weight: 700;
}
.hd-page.tk .hq-pm, .hd-page.pm .hq-pm {
display: inline-flex;
align-items: center;
gap: 8px;
}
.hd-page.tk .hq-cat, .hd-page.pm .hq-cat {
padding: 3px 8px;
border-radius: 6px;
background: #EEF3FC;
color: #406CD2;
font-size: 12px;
font-weight: 600;
}
.hd-page.tk .hq-strong, .hd-page.pm .hq-strong {
font-weight: 700;
}
.hd-page.tk .pm-intro, .hd-page.pm .pm-intro {
max-width: 820px;
margin: 0;
color: var(--hd-muted);
}
.hd-page.tk .pm-grid, .hd-page.pm .pm-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 16px;
align-items: start;
}
.hd-page.tk .pm-wrap, .hd-page.pm .pm-wrap {
border: 0;
}
.hd-page.tk .hq-table, .hd-page.pm .hq-table {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
}
.hd-page.tk .hq-table th, .hd-page.pm .hq-table th {
padding: 10px 12px;
text-align: left;
border-bottom: 1px solid var(--hd-line);
font-size: 11px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--hd-muted);
}
.hd-page.tk .hq-table td, .hd-page.pm .hq-table td {
padding: 12px;
border-bottom: 1px solid var(--hd-line);
vertical-align: middle;
}
.hd-page.tk .pm-any, .hd-page.pm .pm-any {
font-size: 12px;
font-style: italic;
color: var(--hd-muted);
}
.hd-page.tk .pm-warn, .hd-page.pm .pm-warn {
display: block;
margin-top: 4px;
font-size: 12px;
color: #B45309;
}
.hd-page.tk .pm-x, .hd-page.pm .pm-x {
white-space: nowrap;
text-align: right;
}
.hd-page.tk .pm-x form, .hd-page.pm .pm-x form {
display: inline;
}
.hd-page.tk .pm-x .tk-b, .hd-page.pm .pm-x .tk-b {
padding: 5px 10px;
font-size: 12px;
}
.hd-page.tk .pm-form, .hd-page.pm .pm-form {
display: flex;
flex-direction: column;
gap: 12px;
}
.hd-page.tk .pm-form label, .hd-page.pm .pm-form label {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
font-size: 13px;
font-weight: 600;
}
.hd-page.tk .pm-form input, .hd-page.tk .pm-form select, .hd-page.pm .pm-form input, .hd-page.pm .pm-form select {
box-sizing: border-box;
width: 100%;
padding: 9px;
border: 1.5px solid var(--hd-line);
border-radius: 9px;
font: inherit;
font-size: 14px;
background: var(--hd-surface);
}
.hd-page.tk .pm-form .tk-pri, .hd-page.pm .pm-form .tk-pri {
justify-content: center;
}
.hd-page.tk .pm-cov, .hd-page.pm .pm-cov {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-bottom: 10px;
}
.hd-page.tk .pm-cov > *, .hd-page.pm .pm-cov > * {
padding: 10px;
border-radius: 10px;
background: #F4F7FB;
text-decoration: none;
}
.hd-page.tk .pm-cov b, .hd-page.pm .pm-cov b {
display: block;
font-size: 20px;
}
.hd-page.tk .pm-cov span, .hd-page.pm .pm-cov span {
font-size: 12px;
color: var(--hd-muted);
}
@media (max-width: 1000px) {
.hd-page.tk .tk-grid, .hd-page.tk .pm-grid, .hd-page.pm .tk-grid, .hd-page.pm .pm-grid {
grid-template-columns: 1fr;
}
.hd-page.tk .tk-acts, .hd-page.pm .tk-acts {
margin-left: 0;
}
.hd-page.tk .tk-panel, .hd-page.pm .tk-panel {
right: auto;
left: 0;
}
}
/* ------------------------------------------------------------------
Bespoke student blog (theme_baz).
Journal cards emitted by theme_baz_core_blog_renderer::baz_render_blog_entry
for eligible student-only users. Self-scoped via .baz-blog- prefixes; local
hex so it is scope-independent (renders inside the shell and elsewhere).
The "Add a new entry" link (.addbloglink, from blog_print_entries) is
restyled only in the student experience via .baz-student-exp.
------------------------------------------------------------------ */
/* "New entry" call to action (student experience only). */
.baz-student-exp .addbloglink {
margin: 0 0 18px;
}
.baz-student-exp .addbloglink a {
display: inline-flex;
align-items: center;
gap: 7px;
background: linear-gradient(135deg, #0882FF, #0C63BC);
color: #000000 !important;
font: 800 13px "Manrope", "Inter", system-ui, sans-serif;
border-radius: 11px;
padding: 10px 17px;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(0, 117, 237, 0.3);
}
.baz-student-exp .addbloglink a::before {
content: "";
width: 15px;
height: 15px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;
}
.baz-blog-card {
--bl-navy: #022758;
--bl-ink: #0B2034;
--bl-muted: #5C7184;
--bl-faint: #90A4B5;
--bl-line: #E5ECF3;
--bl-blue: #2563EB;
--bl-green: #1FA37A;
--bl-sans: "Manrope", "Inter", system-ui, sans-serif;
--bl-mono: "JetBrains Mono", ui-monospace, monospace;
background: #fff;
border: 1px solid var(--bl-line);
border-radius: 16px;
padding: 20px 22px;
box-shadow: 0 4px 14px rgba(11, 32, 52, 0.06);
margin: 0 0 14px;
font-family: var(--bl-sans);
color: var(--bl-ink);
transition: box-shadow 0.14s ease;
/* header: avatar + author + dates + state chip */
/* title */
/* body */
/* attachments */
/* tags */
/* footer commands */
/* single-entry (permalink) view — larger type */
}
.baz-blog-card:hover {
box-shadow: 0 14px 30px -16px rgba(11, 32, 52, 0.28);
}
.baz-blog-card .baz-blog-head {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 12px;
}
.baz-blog-card .baz-blog-av {
flex: none;
width: 42px;
height: 42px;
}
.baz-blog-card .baz-blog-av img {
width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.baz-blog-card .baz-blog-by {
min-width: 0;
}
.baz-blog-card .baz-blog-by .nm {
font: 800 13px var(--bl-sans);
color: var(--bl-ink) !important;
text-decoration: none !important;
}
.baz-blog-card .baz-blog-by .dt {
font: 600 11px var(--bl-mono);
color: var(--bl-faint);
margin-top: 2px;
}
.baz-blog-card .baz-blog-state {
margin-left: auto;
font: 700 9px var(--bl-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
border-radius: 999px;
padding: 4px 9px;
white-space: nowrap;
}
.baz-blog-card.draft .baz-blog-state {
color: #07315C;
background: #7FBCFB;
border: 1px solid #57A1ED;
}
.baz-blog-card.site .baz-blog-state {
color: var(--bl-green);
background: #E6F6F0;
border: 1px solid #cfe9df;
}
.baz-blog-card.public .baz-blog-state {
color: var(--bl-blue);
background: #eef3ff;
border: 1px solid #dbe6ff;
}
.baz-blog-card .baz-blog-title {
display: block;
font: 800 18px/1.3 var(--bl-sans);
color: var(--bl-navy) !important;
letter-spacing: -0.01em;
margin: 0 0 8px;
text-decoration: none !important;
}
.baz-blog-card .baz-blog-title:hover {
text-decoration: underline !important;
}
.baz-blog-card .baz-blog-body {
font-size: 14px;
line-height: 1.65;
color: #3a4d5c;
margin: 0 0 4px;
}
.baz-blog-card .baz-blog-body img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.baz-blog-card .baz-blog-body p:last-child {
margin-bottom: 0;
}
.baz-blog-card .baz-blog-attachments {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin: 12px 0 4px;
}
.baz-blog-card .baz-blog-attachments a {
display: inline-flex;
align-items: center;
gap: 8px;
background: #f7f9fc;
border: 1px solid var(--bl-line);
border-radius: 11px;
padding: 9px 13px;
font: 700 13px var(--bl-sans);
color: var(--bl-navy) !important;
text-decoration: none !important;
}
.baz-blog-card .baz-blog-attachments img {
max-width: 100%;
height: auto;
border-radius: 12px;
}
.baz-blog-card .baz-blog-external {
margin: 8px 0;
}
.baz-blog-card .baz-blog-external a {
font: 700 12px var(--bl-sans);
color: var(--bl-blue);
}
.baz-blog-card .baz-blog-tags {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 12px 0 0;
list-style: none;
padding: 0;
}
.baz-blog-card .baz-blog-tags .taglist {
display: contents;
}
.baz-blog-card .baz-blog-tags a, .baz-blog-card .baz-blog-tags .tag {
font: 700 11px var(--bl-sans);
color: var(--bl-blue) !important;
background: #eef3ff;
border: 1px solid #dbe6ff;
border-radius: 999px;
padding: 4px 10px;
text-decoration: none !important;
}
.baz-blog-card .baz-blog-assoc {
margin-top: 10px;
font-size: 13px;
color: var(--bl-muted);
}
.baz-blog-card .baz-blog-notice {
margin-top: 10px;
font-size: 12.5px;
color: #07315C;
background: #7FBCFB;
border: 1px solid #57A1ED;
border-radius: 10px;
padding: 8px 12px;
}
.baz-blog-card .baz-blog-foot {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--bl-line);
}
.baz-blog-card .baz-blog-act {
display: inline-flex;
align-items: center;
gap: 6px;
font: 800 12px var(--bl-sans);
color: var(--bl-navy) !important;
border: 1.5px solid var(--bl-line);
border-radius: 9px;
padding: 7px 13px;
text-decoration: none !important;
transition: border-color 0.12s, background 0.12s;
}
.baz-blog-card .baz-blog-act:hover {
border-color: #0075ED;
background: rgba(0, 117, 237, 0.08);
}
.baz-blog-card .baz-blog-act svg {
width: 14px;
height: 14px;
stroke: currentColor;
fill: none;
stroke-width: 2;
}
.baz-blog-card .baz-blog-comments {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--bl-line);
}
.baz-blog-card.is-single {
padding: 26px 28px;
}
.baz-blog-card.is-single .baz-blog-title {
font-size: 26px;
margin-bottom: 14px;
}
.baz-blog-card.is-single .baz-blog-body {
font-size: 15px;
}
#sd-root .sd-content > *, #sd-root .sd-hero > *, #sd-root .sd-lower > *, #sd-root .sd-feeds > *, #sc-root .sc-content > *, #cv-root .cv-content > *, #cv-root .cv-body > *, #sg-root .sg-content > *, #sgr-root .sgr-content > *, #sid-root .sid-content > *, #sid-root .sid-col, #cal-root .cal-content > *, #sw-root .sw-content > * {
min-width: 0;
}
@media (max-width: 600px) {
#sd-root .sd-upnext {
flex-wrap: wrap;
row-gap: 12px;
}
#sc-root .sc-head {
flex-wrap: wrap;
}
#sc-root .sc-hstats {
flex-wrap: wrap;
max-width: 100%;
}
#cv-root .cv-rail {
flex-wrap: wrap;
}
#cv-root .cv-rc {
min-width: 0;
flex: 1 1 100%;
max-width: 100%;
}
#sid-root .sid-cardwrap {
max-width: 100%;
}
#sid-root .idc {
max-width: 100%;
}
}
body.baz-view-compass, body.baz-view-dock, body.baz-view-agenda, body.baz-view-launchpad {
--vw-navy: #022758;
--vw-navy-hi: #04387E;
--vw-navy-lo: #021F46;
--vw-accent: #0075ED;
--vw-accent-lo: #0C63BC;
--vw-on-accent: #FFFFFF;
--vw-accent-bg: #99CBFF;
--vw-accent-bd: #5CA6F1;
--vw-accent-text: #062F59;
--vw-ground: #F4F7FB;
--vw-surface: #FFFFFF;
--vw-surface2: #F8FAFC;
--vw-text: #0B2034;
--vw-muted: #5C7184;
--vw-line: #E5ECF3;
--vw-rose: #E5556E;
--vw-green: #1FA37A;
--vw-blue: #406CD2;
--vw-grad-navy: linear-gradient(135deg, #04387E 0%, #021F46 100%);
--vw-grad-accent: linear-gradient(135deg, #0882FF 0%, #0C63BC 100%);
--vw-sh: 0 4px 14px rgba(11, 32, 52, .07), 0 2px 6px rgba(11, 32, 52, .04);
--vw-sh-lg: 0 18px 50px rgba(11, 32, 52, .16);
--vw-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
--vw-display: var(--vw-sans);
--vw-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
--vw-top-h: 64px;
background: var(--vw-ground);
color: var(--vw-text);
font-family: var(--vw-sans);
}
body.baz-view-compass.sd-dark, body.baz-view-compass.theme-dark, body.baz-view-dock.sd-dark, body.baz-view-dock.theme-dark, body.baz-view-agenda.sd-dark, body.baz-view-agenda.theme-dark, body.baz-view-launchpad.sd-dark, body.baz-view-launchpad.theme-dark {
--vw-ground: #0A1722;
--vw-surface: #102439;
--vw-surface2: #0D1E30;
--vw-text: #E7EEF5;
--vw-muted: #9DB2C4;
--vw-line: rgba(255, 255, 255, .09);
--vw-accent-bg: rgba(0, 117, 237, .14);
--vw-accent-bd: rgba(0, 117, 237, .3);
--vw-accent-text: #0882FF;
--vw-sh: 0 6px 18px rgba(0, 0, 0, .35);
--vw-sh-lg: 0 18px 50px rgba(0, 0, 0, .55);
}
body.baz-view-compass.vw-locked, body.baz-view-dock.vw-locked, body.baz-view-agenda.vw-locked, body.baz-view-launchpad.vw-locked {
overflow: hidden;
}
body.baz-view-compass .vw-body, body.baz-view-dock .vw-body, body.baz-view-agenda .vw-body, body.baz-view-launchpad .vw-body {
display: block !important;
grid-template-columns: none !important;
min-height: 0 !important;
background: transparent !important;
}
body.baz-view-compass .vw-body > div, body.baz-view-dock .vw-body > div, body.baz-view-agenda .vw-body > div, body.baz-view-launchpad .vw-body > div {
margin-left: auto;
margin-right: auto;
}
body.baz-view-compass .vw-skip, body.baz-view-dock .vw-skip, body.baz-view-agenda .vw-skip, body.baz-view-launchpad .vw-skip {
position: absolute;
left: 12px;
top: -60px;
z-index: 2000;
background: var(--vw-navy);
color: #fff;
padding: 10px 14px;
border-radius: 10px;
font-weight: 700;
}
body.baz-view-compass .vw-skip:focus, body.baz-view-dock .vw-skip:focus, body.baz-view-agenda .vw-skip:focus, body.baz-view-launchpad .vw-skip:focus {
top: 12px;
}
body.baz-view-compass .vw-main, body.baz-view-dock .vw-main, body.baz-view-agenda .vw-main, body.baz-view-launchpad .vw-main {
display: block;
outline: 0;
min-width: 0;
}
body.baz-view-compass .vw-sp, body.baz-view-dock .vw-sp, body.baz-view-agenda .vw-sp, body.baz-view-launchpad .vw-sp {
flex: 1;
}
body.baz-view-compass .vw-top, body.baz-view-dock .vw-top, body.baz-view-agenda .vw-top, body.baz-view-launchpad .vw-top {
position: sticky;
top: 0;
z-index: 1020;
background: color-mix(in srgb, var(--vw-surface) 92%, transparent);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-compass .vw-top-in, body.baz-view-dock .vw-top-in, body.baz-view-agenda .vw-top-in, body.baz-view-launchpad .vw-top-in {
max-width: 1400px;
margin: 0 auto;
min-height: var(--vw-top-h);
display: flex;
align-items: center;
gap: 14px;
padding: 10px 24px;
}
body.baz-view-compass .vw-brand, body.baz-view-dock .vw-brand, body.baz-view-agenda .vw-brand, body.baz-view-launchpad .vw-brand {
display: inline-flex;
align-items: center;
background: var(--vw-grad-navy);
border-radius: 11px;
padding: 7px 12px;
flex: none;
text-decoration: none;
}
body.baz-view-compass .vw-brand img, body.baz-view-dock .vw-brand img, body.baz-view-agenda .vw-brand img, body.baz-view-launchpad .vw-brand img {
max-height: 26px;
width: auto;
display: block;
}
body.baz-view-compass .vw-brand-txt, body.baz-view-dock .vw-brand-txt, body.baz-view-agenda .vw-brand-txt, body.baz-view-launchpad .vw-brand-txt {
color: #fff;
font-weight: 800;
font-size: 16px;
}
body.baz-view-compass .vw-crumbs, body.baz-view-dock .vw-crumbs, body.baz-view-agenda .vw-crumbs, body.baz-view-launchpad .vw-crumbs {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
font-size: 13.5px;
color: var(--vw-muted);
white-space: nowrap;
}
body.baz-view-compass .vw-crumbs a, body.baz-view-dock .vw-crumbs a, body.baz-view-agenda .vw-crumbs a, body.baz-view-launchpad .vw-crumbs a {
color: var(--vw-muted);
text-decoration: none;
}
body.baz-view-compass .vw-crumbs a:hover, body.baz-view-dock .vw-crumbs a:hover, body.baz-view-agenda .vw-crumbs a:hover, body.baz-view-launchpad .vw-crumbs a:hover {
color: var(--vw-text);
}
body.baz-view-compass .vw-cur, body.baz-view-dock .vw-cur, body.baz-view-agenda .vw-cur, body.baz-view-launchpad .vw-cur {
color: var(--vw-text);
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass .vw-chip, body.baz-view-dock .vw-chip, body.baz-view-agenda .vw-chip, body.baz-view-launchpad .vw-chip {
font: 600 11px var(--vw-mono);
padding: 2px 9px;
border-radius: 99px;
background: rgba(64, 108, 210, 0.12);
color: var(--vw-blue);
}
body.baz-view-compass .vw-search-wrap, body.baz-view-dock .vw-search-wrap, body.baz-view-agenda .vw-search-wrap, body.baz-view-launchpad .vw-search-wrap {
position: relative;
flex: 0 1 340px;
min-width: 190px;
}
body.baz-view-compass .vw-crumbs, body.baz-view-dock .vw-crumbs, body.baz-view-agenda .vw-crumbs, body.baz-view-launchpad .vw-crumbs {
flex: 0 1 auto;
overflow: hidden;
}
body.baz-view-compass .vw-search, body.baz-view-dock .vw-search, body.baz-view-agenda .vw-search, body.baz-view-launchpad .vw-search {
display: flex;
align-items: center;
gap: 9px;
height: 40px;
padding: 0 10px 0 12px;
border-radius: 12px;
border: 1px solid var(--vw-line);
background: var(--vw-surface2);
color: var(--vw-muted);
margin: 0;
}
body.baz-view-compass .vw-search svg, body.baz-view-dock .vw-search svg, body.baz-view-agenda .vw-search svg, body.baz-view-launchpad .vw-search svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
flex: none;
}
body.baz-view-compass .vw-search input, body.baz-view-dock .vw-search input, body.baz-view-agenda .vw-search input, body.baz-view-launchpad .vw-search input {
border: 0;
outline: 0;
background: transparent;
flex: 1;
min-width: 0;
color: var(--vw-text);
font: inherit;
}
body.baz-view-compass .vw-search:focus-within, body.baz-view-dock .vw-search:focus-within, body.baz-view-agenda .vw-search:focus-within, body.baz-view-launchpad .vw-search:focus-within {
border-color: var(--vw-accent);
box-shadow: 0 0 0 3px var(--vw-accent-bg);
}
body.baz-view-compass .vw-kbd, body.baz-view-dock .vw-kbd, body.baz-view-agenda .vw-kbd, body.baz-view-launchpad .vw-kbd {
font: 600 11px var(--vw-mono);
border: 1px solid var(--vw-line);
border-radius: 6px;
padding: 1px 6px;
color: var(--vw-muted);
background: var(--vw-surface);
box-shadow: none;
}
body.baz-view-compass .vw-suggest, body.baz-view-dock .vw-suggest, body.baz-view-agenda .vw-suggest, body.baz-view-launchpad .vw-suggest {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 6px);
z-index: 1100;
background: var(--vw-surface);
border: 1px solid var(--vw-line);
border-radius: 14px;
box-shadow: var(--vw-sh-lg);
padding: 6px;
}
body.baz-view-compass .vw-suggest a, body.baz-view-dock .vw-suggest a, body.baz-view-agenda .vw-suggest a, body.baz-view-launchpad .vw-suggest a {
display: grid;
padding: 8px 10px;
border-radius: 9px;
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-compass .vw-suggest a:hover, body.baz-view-compass .vw-suggest a.is-active, body.baz-view-dock .vw-suggest a:hover, body.baz-view-dock .vw-suggest a.is-active, body.baz-view-agenda .vw-suggest a:hover, body.baz-view-agenda .vw-suggest a.is-active, body.baz-view-launchpad .vw-suggest a:hover, body.baz-view-launchpad .vw-suggest a.is-active {
background: var(--vw-accent-bg);
}
body.baz-view-compass .vw-sg-sub, body.baz-view-dock .vw-sg-sub, body.baz-view-agenda .vw-sg-sub, body.baz-view-launchpad .vw-sg-sub {
font-size: 12px;
color: var(--vw-muted);
}
body.baz-view-compass .vw-actions, body.baz-view-dock .vw-actions, body.baz-view-agenda .vw-actions, body.baz-view-launchpad .vw-actions {
display: flex;
align-items: center;
gap: 8px;
flex: none;
}
body.baz-view-compass .vw-iconbtn, body.baz-view-dock .vw-iconbtn, body.baz-view-agenda .vw-iconbtn, body.baz-view-launchpad .vw-iconbtn {
width: 40px;
height: 40px;
border-radius: 12px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
color: var(--vw-text);
display: inline-grid;
place-items: center;
cursor: pointer;
flex: none;
padding: 0;
}
body.baz-view-compass .vw-iconbtn svg, body.baz-view-dock .vw-iconbtn svg, body.baz-view-agenda .vw-iconbtn svg, body.baz-view-launchpad .vw-iconbtn svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-view-compass .vw-askjo, body.baz-view-dock .vw-askjo, body.baz-view-agenda .vw-askjo, body.baz-view-launchpad .vw-askjo {
display: inline-flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 15px;
border: 0;
border-radius: 12px;
background: var(--vw-grad-navy);
color: #fff;
font-weight: 700;
cursor: pointer;
}
body.baz-view-compass .vw-askjo svg, body.baz-view-dock .vw-askjo svg, body.baz-view-agenda .vw-askjo svg, body.baz-view-launchpad .vw-askjo svg {
width: 16px;
height: 16px;
fill: var(--vw-accent);
}
body.baz-view-compass .vw-navbar-plugin, body.baz-view-compass .vw-usermenu, body.baz-view-dock .vw-navbar-plugin, body.baz-view-dock .vw-usermenu, body.baz-view-agenda .vw-navbar-plugin, body.baz-view-agenda .vw-usermenu, body.baz-view-launchpad .vw-navbar-plugin, body.baz-view-launchpad .vw-usermenu {
display: flex;
align-items: center;
}
body.baz-view-compass .vw-ni, body.baz-view-dock .vw-ni, body.baz-view-agenda .vw-ni, body.baz-view-launchpad .vw-ni {
display: flex;
align-items: center;
gap: 10px;
color: var(--vw-text);
text-decoration: none;
font-weight: 600;
border: 0;
background: none;
cursor: pointer;
font: inherit;
}
body.baz-view-compass .vw-ni-ic, body.baz-view-dock .vw-ni-ic, body.baz-view-agenda .vw-ni-ic, body.baz-view-launchpad .vw-ni-ic {
display: inline-grid;
place-items: center;
flex: none;
}
body.baz-view-compass .vw-ni-ic svg, body.baz-view-dock .vw-ni-ic svg, body.baz-view-agenda .vw-ni-ic svg, body.baz-view-launchpad .vw-ni-ic svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-view-compass .vw-ni-s, body.baz-view-dock .vw-ni-s, body.baz-view-agenda .vw-ni-s, body.baz-view-launchpad .vw-ni-s {
display: none;
}
body.baz-view-compass .vw-nav-label, body.baz-view-dock .vw-nav-label, body.baz-view-agenda .vw-nav-label, body.baz-view-launchpad .vw-nav-label {
display: none;
}
body.baz-view-compass .vw-help, body.baz-view-dock .vw-help, body.baz-view-agenda .vw-help, body.baz-view-launchpad .vw-help {
position: fixed;
z-index: 1030;
left: calc(20px + env(safe-area-inset-left, 0px));
bottom: calc(20px + env(safe-area-inset-bottom, 0px));
}
body.baz-view-compass .vw-help-fab, body.baz-view-dock .vw-help-fab, body.baz-view-agenda .vw-help-fab, body.baz-view-launchpad .vw-help-fab {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 18px;
border-radius: 99px;
border: 0;
background: var(--vw-grad-accent);
color: var(--vw-on-accent);
font-weight: 800;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
cursor: pointer;
}
body.baz-view-compass .vw-help-fab svg, body.baz-view-dock .vw-help-fab svg, body.baz-view-agenda .vw-help-fab svg, body.baz-view-launchpad .vw-help-fab svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
}
body.baz-view-compass .vw-help-panel, body.baz-view-dock .vw-help-panel, body.baz-view-agenda .vw-help-panel, body.baz-view-launchpad .vw-help-panel {
position: absolute;
left: 0;
bottom: calc(100% + 10px);
width: min(340px, calc(100vw - 32px));
background: var(--vw-surface);
color: var(--vw-text);
border: 1px solid var(--vw-line);
border-radius: 18px;
box-shadow: var(--vw-sh-lg);
padding: 14px;
}
body.baz-view-compass .vw-help-head, body.baz-view-dock .vw-help-head, body.baz-view-agenda .vw-help-head, body.baz-view-launchpad .vw-help-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
}
body.baz-view-compass .vw-help-head span, body.baz-view-dock .vw-help-head span, body.baz-view-agenda .vw-help-head span, body.baz-view-launchpad .vw-help-head span {
display: grid;
}
body.baz-view-compass .vw-help-head small, body.baz-view-dock .vw-help-head small, body.baz-view-agenda .vw-help-head small, body.baz-view-launchpad .vw-help-head small {
color: var(--vw-muted);
}
body.baz-view-compass .vw-askjo-panel, body.baz-view-dock .vw-askjo-panel, body.baz-view-agenda .vw-askjo-panel, body.baz-view-launchpad .vw-askjo-panel {
position: fixed;
z-index: 1040;
right: calc(20px + env(safe-area-inset-right, 0px));
bottom: calc(20px + env(safe-area-inset-bottom, 0px));
width: min(380px, calc(100vw - 32px));
max-height: 72vh;
display: flex;
flex-direction: column;
background: var(--vw-surface);
color: var(--vw-text);
border: 1px solid var(--vw-line);
border-radius: 20px;
box-shadow: var(--vw-sh-lg);
overflow: hidden;
}
body.baz-view-compass .vw-askjo-head, body.baz-view-dock .vw-askjo-head, body.baz-view-agenda .vw-askjo-head, body.baz-view-launchpad .vw-askjo-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 14px;
font-weight: 800;
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-compass .vw-askjo-panel .block_openai_chat, body.baz-view-dock .vw-askjo-panel .block_openai_chat, body.baz-view-agenda .vw-askjo-panel .block_openai_chat, body.baz-view-launchpad .vw-askjo-panel .block_openai_chat {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
body.baz-view-compass .vw-askjo-body, body.baz-view-dock .vw-askjo-body, body.baz-view-agenda .vw-askjo-body, body.baz-view-launchpad .vw-askjo-body {
flex: 1;
overflow: auto;
padding: 10px 14px;
}
body.baz-view-compass .vw-askjo-control, body.baz-view-dock .vw-askjo-control, body.baz-view-agenda .vw-askjo-control, body.baz-view-launchpad .vw-askjo-control {
padding: 10px 14px;
border-top: 1px solid var(--vw-line);
}
body.baz-view-compass .vw-scrim, body.baz-view-dock .vw-scrim, body.baz-view-agenda .vw-scrim, body.baz-view-launchpad .vw-scrim {
position: fixed;
inset: 0;
z-index: 1045;
background: rgba(1, 18, 31, 0.4);
}
body.baz-view-compass .vw-panel, body.baz-view-dock .vw-panel, body.baz-view-agenda .vw-panel, body.baz-view-launchpad .vw-panel {
position: fixed;
z-index: 1050;
background: var(--vw-surface);
color: var(--vw-text);
box-shadow: var(--vw-sh-lg);
display: flex;
flex-direction: column;
overflow: hidden;
}
body.baz-view-compass .vw-panel-head, body.baz-view-dock .vw-panel-head, body.baz-view-agenda .vw-panel-head, body.baz-view-launchpad .vw-panel-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 14px 16px;
border-bottom: 1px solid var(--vw-line);
font-size: 16px;
}
body.baz-view-compass .vw-panel-body, body.baz-view-dock .vw-panel-body, body.baz-view-agenda .vw-panel-body, body.baz-view-launchpad .vw-panel-body {
flex: 1;
overflow: auto;
padding: 14px 16px;
display: grid;
gap: 6px;
align-content: start;
}
body.baz-view-compass .vw-loading, body.baz-view-compass .vw-pempty, body.baz-view-dock .vw-loading, body.baz-view-dock .vw-pempty, body.baz-view-agenda .vw-loading, body.baz-view-agenda .vw-pempty, body.baz-view-launchpad .vw-loading, body.baz-view-launchpad .vw-pempty {
color: var(--vw-muted);
padding: 10px 2px;
}
body.baz-view-compass .vw-pgroup, body.baz-view-dock .vw-pgroup, body.baz-view-agenda .vw-pgroup, body.baz-view-launchpad .vw-pgroup {
margin: 12px 0 4px;
font: 600 10.5px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--vw-muted);
}
body.baz-view-compass .vw-plist, body.baz-view-dock .vw-plist, body.baz-view-agenda .vw-plist, body.baz-view-launchpad .vw-plist {
display: grid;
gap: 6px;
}
body.baz-view-compass .vw-pcourse, body.baz-view-dock .vw-pcourse, body.baz-view-agenda .vw-pcourse, body.baz-view-launchpad .vw-pcourse {
display: grid;
grid-template-columns: 40px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding: 8px;
border-radius: 12px;
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-compass .vw-pcourse:hover, body.baz-view-dock .vw-pcourse:hover, body.baz-view-agenda .vw-pcourse:hover, body.baz-view-launchpad .vw-pcourse:hover {
background: var(--vw-surface2);
}
body.baz-view-compass .vw-pcover, body.baz-view-dock .vw-pcover, body.baz-view-agenda .vw-pcover, body.baz-view-launchpad .vw-pcover {
width: 40px;
height: 40px;
border-radius: 11px;
display: grid;
place-items: center;
color: #fff;
font: 800 12px var(--vw-mono);
}
body.baz-view-compass .vw-pcourse-b, body.baz-view-dock .vw-pcourse-b, body.baz-view-agenda .vw-pcourse-b, body.baz-view-launchpad .vw-pcourse-b {
display: grid;
gap: 6px;
min-width: 0;
}
body.baz-view-compass .vw-pcourse-b b, body.baz-view-dock .vw-pcourse-b b, body.baz-view-agenda .vw-pcourse-b b, body.baz-view-launchpad .vw-pcourse-b b {
font-size: 13.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass .vw-pbar, body.baz-view-dock .vw-pbar, body.baz-view-agenda .vw-pbar, body.baz-view-launchpad .vw-pbar {
display: block;
height: 6px;
border-radius: 99px;
background: var(--vw-line);
overflow: hidden;
}
body.baz-view-compass .vw-pbar i, body.baz-view-dock .vw-pbar i, body.baz-view-agenda .vw-pbar i, body.baz-view-launchpad .vw-pbar i {
display: block;
height: 100%;
border-radius: inherit;
background: var(--vw-grad-accent);
}
body.baz-view-compass .vw-ppct, body.baz-view-dock .vw-ppct, body.baz-view-agenda .vw-ppct, body.baz-view-launchpad .vw-ppct {
font: 700 12px var(--vw-mono);
}
body.baz-view-compass .vw-pall, body.baz-view-dock .vw-pall, body.baz-view-agenda .vw-pall, body.baz-view-launchpad .vw-pall {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
font-weight: 700;
color: var(--vw-blue);
text-decoration: none;
}
body.baz-view-compass .vw-pall svg, body.baz-view-dock .vw-pall svg, body.baz-view-agenda .vw-pall svg, body.baz-view-launchpad .vw-pall svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
body.baz-view-compass .vw-upnext, body.baz-view-dock .vw-upnext, body.baz-view-agenda .vw-upnext, body.baz-view-launchpad .vw-upnext {
display: grid;
gap: 2px;
padding: 14px 16px;
border-radius: 16px;
background: var(--vw-grad-navy);
color: #fff;
text-decoration: none;
border-left: 4px solid var(--vw-accent);
}
body.baz-view-compass .vw-upnext small, body.baz-view-dock .vw-upnext small, body.baz-view-agenda .vw-upnext small, body.baz-view-launchpad .vw-upnext small {
font: 700 10.5px var(--vw-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--vw-accent);
}
body.baz-view-compass .vw-upnext span, body.baz-view-dock .vw-upnext span, body.baz-view-agenda .vw-upnext span, body.baz-view-launchpad .vw-upnext span {
opacity: 0.8;
font-size: 12.5px;
}
body.baz-view-compass .vw-pev, body.baz-view-dock .vw-pev, body.baz-view-agenda .vw-pev, body.baz-view-launchpad .vw-pev {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding: 9px 2px;
border-bottom: 1px solid var(--vw-line);
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-compass .vw-pev time, body.baz-view-dock .vw-pev time, body.baz-view-agenda .vw-pev time, body.baz-view-launchpad .vw-pev time {
font: 700 12.5px var(--vw-mono);
}
body.baz-view-compass .vw-pev span, body.baz-view-dock .vw-pev span, body.baz-view-agenda .vw-pev span, body.baz-view-launchpad .vw-pev span {
display: grid;
min-width: 0;
border-left: 3px solid var(--vw-accent);
padding-left: 10px;
}
body.baz-view-compass .vw-pev.is-live span, body.baz-view-dock .vw-pev.is-live span, body.baz-view-agenda .vw-pev.is-live span, body.baz-view-launchpad .vw-pev.is-live span {
border-color: #8B5CF6;
}
body.baz-view-compass .vw-pev b, body.baz-view-dock .vw-pev b, body.baz-view-agenda .vw-pev b, body.baz-view-launchpad .vw-pev b {
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass .vw-pev small, body.baz-view-dock .vw-pev small, body.baz-view-agenda .vw-pev small, body.baz-view-launchpad .vw-pev small {
color: var(--vw-muted);
font-size: 12px;
}
body.baz-view-compass .vw-pev em, body.baz-view-dock .vw-pev em, body.baz-view-agenda .vw-pev em, body.baz-view-launchpad .vw-pev em {
font-style: normal;
font-weight: 800;
font-size: 12px;
padding: 4px 10px;
border-radius: 9px;
background: var(--vw-grad-accent);
color: var(--vw-on-accent);
}
body.baz-view-compass .vw-pstats, body.baz-view-dock .vw-pstats, body.baz-view-agenda .vw-pstats, body.baz-view-launchpad .vw-pstats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
body.baz-view-compass .vw-pstats div, body.baz-view-dock .vw-pstats div, body.baz-view-agenda .vw-pstats div, body.baz-view-launchpad .vw-pstats div {
display: grid;
padding: 12px;
border-radius: 14px;
background: var(--vw-surface2);
border: 1px solid var(--vw-line);
}
body.baz-view-compass .vw-pstats b, body.baz-view-dock .vw-pstats b, body.baz-view-agenda .vw-pstats b, body.baz-view-launchpad .vw-pstats b {
font: 800 22px var(--vw-mono);
}
body.baz-view-compass .vw-pstats small, body.baz-view-dock .vw-pstats small, body.baz-view-agenda .vw-pstats small, body.baz-view-launchpad .vw-pstats small {
color: var(--vw-muted);
font-size: 12px;
}
body.baz-view-compass .vw-pnote, body.baz-view-dock .vw-pnote, body.baz-view-agenda .vw-pnote, body.baz-view-launchpad .vw-pnote {
color: var(--vw-accent-text);
font-weight: 700;
margin: 10px 0 0;
}
body.baz-view-compass .vw-pxp, body.baz-view-dock .vw-pxp, body.baz-view-agenda .vw-pxp, body.baz-view-launchpad .vw-pxp {
display: flex;
gap: 14px;
align-items: center;
margin-top: 12px;
padding: 12px;
border-radius: 14px;
border: 1px solid var(--vw-line);
}
body.baz-view-compass .vw-pxp > div, body.baz-view-dock .vw-pxp > div, body.baz-view-agenda .vw-pxp > div, body.baz-view-launchpad .vw-pxp > div {
flex: 1;
display: grid;
gap: 6px;
}
body.baz-view-compass .vw-pxp small, body.baz-view-dock .vw-pxp small, body.baz-view-agenda .vw-pxp small, body.baz-view-launchpad .vw-pxp small {
color: var(--vw-muted);
}
body.baz-view-compass .vw-plvl, body.baz-view-dock .vw-plvl, body.baz-view-agenda .vw-plvl, body.baz-view-launchpad .vw-plvl {
width: 46px;
height: 46px;
border-radius: 50%;
display: grid;
place-items: center;
background: var(--vw-grad-accent);
color: var(--vw-on-accent);
font: 800 18px var(--vw-mono);
flex: none;
}
body.baz-view-compass .vw-pfee, body.baz-view-dock .vw-pfee, body.baz-view-agenda .vw-pfee, body.baz-view-launchpad .vw-pfee {
padding: 14px;
border-radius: 16px;
background: var(--vw-accent-bg);
border: 1px solid var(--vw-accent-bd);
display: grid;
gap: 6px;
}
body.baz-view-compass .vw-pfee p, body.baz-view-dock .vw-pfee p, body.baz-view-agenda .vw-pfee p, body.baz-view-launchpad .vw-pfee p {
margin: 0;
color: var(--vw-muted);
}
body.baz-view-compass .vw-pfee a, body.baz-view-dock .vw-pfee a, body.baz-view-agenda .vw-pfee a, body.baz-view-launchpad .vw-pfee a {
justify-self: start;
padding: 8px 14px;
border-radius: 10px;
background: var(--vw-grad-navy);
color: #fff;
font-weight: 700;
text-decoration: none;
}
body.baz-view-compass a:focus-visible, body.baz-view-compass button:focus-visible, body.baz-view-compass input:focus-visible, body.baz-view-dock a:focus-visible, body.baz-view-dock button:focus-visible, body.baz-view-dock input:focus-visible, body.baz-view-agenda a:focus-visible, body.baz-view-agenda button:focus-visible, body.baz-view-agenda input:focus-visible, body.baz-view-launchpad a:focus-visible, body.baz-view-launchpad button:focus-visible, body.baz-view-launchpad input:focus-visible {
outline: 2px solid var(--vw-accent);
outline-offset: 2px;
}
@media (max-width: 860px) {
body.baz-view-compass .vw-top-in, body.baz-view-dock .vw-top-in, body.baz-view-agenda .vw-top-in, body.baz-view-launchpad .vw-top-in {
padding: 8px 14px;
gap: 8px;
flex-wrap: wrap;
}
body.baz-view-compass .vw-search-wrap, body.baz-view-dock .vw-search-wrap, body.baz-view-agenda .vw-search-wrap, body.baz-view-launchpad .vw-search-wrap {
min-width: 0;
order: 9;
flex: 1 1 100%;
}
body.baz-view-compass .vw-rolebadge, body.baz-view-dock .vw-rolebadge, body.baz-view-agenda .vw-rolebadge, body.baz-view-launchpad .vw-rolebadge {
display: none;
}
body.baz-view-compass .vw-editswitch .form-check-label, body.baz-view-compass .vw-editswitch label, body.baz-view-dock .vw-editswitch .form-check-label, body.baz-view-dock .vw-editswitch label, body.baz-view-agenda .vw-editswitch .form-check-label, body.baz-view-agenda .vw-editswitch label, body.baz-view-launchpad .vw-editswitch .form-check-label, body.baz-view-launchpad .vw-editswitch label {
font-size: 0;
}
body.baz-view-compass .vw-actions, body.baz-view-dock .vw-actions, body.baz-view-agenda .vw-actions, body.baz-view-launchpad .vw-actions {
gap: 6px;
margin-left: auto;
}
body.baz-view-compass .vw-askjo span, body.baz-view-compass .vw-theme, body.baz-view-compass .vw-crumbs .vw-chip, body.baz-view-dock .vw-askjo span, body.baz-view-dock .vw-theme, body.baz-view-dock .vw-crumbs .vw-chip, body.baz-view-agenda .vw-askjo span, body.baz-view-agenda .vw-theme, body.baz-view-agenda .vw-crumbs .vw-chip, body.baz-view-launchpad .vw-askjo span, body.baz-view-launchpad .vw-theme, body.baz-view-launchpad .vw-crumbs .vw-chip {
display: none;
}
body.baz-view-compass .vw-askjo, body.baz-view-dock .vw-askjo, body.baz-view-agenda .vw-askjo, body.baz-view-launchpad .vw-askjo {
padding: 0 11px;
}
body.baz-view-compass .vw-help-fab span, body.baz-view-dock .vw-help-fab span, body.baz-view-agenda .vw-help-fab span, body.baz-view-launchpad .vw-help-fab span {
display: none;
}
body.baz-view-compass .vw-help-fab, body.baz-view-dock .vw-help-fab, body.baz-view-agenda .vw-help-fab, body.baz-view-launchpad .vw-help-fab {
padding: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
body.baz-view-compass *, body.baz-view-compass *::before, body.baz-view-compass *::after, body.baz-view-dock *, body.baz-view-dock *::before, body.baz-view-dock *::after, body.baz-view-agenda *, body.baz-view-agenda *::before, body.baz-view-agenda *::after, body.baz-view-launchpad *, body.baz-view-launchpad *::before, body.baz-view-launchpad *::after {
transition: none !important;
animation: none !important;
scroll-behavior: auto !important;
}
}
body.baz-view-compass #sd-root .vw-clist, body.baz-view-dock #sd-root .vw-clist, body.baz-view-agenda #sd-root .vw-clist, body.baz-view-launchpad #sd-root .vw-clist {
display: grid;
gap: 4px;
}
body.baz-view-compass #sd-root .vw-crow, body.baz-view-dock #sd-root .vw-crow, body.baz-view-agenda #sd-root .vw-crow, body.baz-view-launchpad #sd-root .vw-crow {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) minmax(90px, 160px) 84px;
align-items: center;
gap: 14px;
padding: 10px;
border-radius: 14px;
color: var(--vw-text);
text-decoration: none;
transition: background 0.14s ease;
}
body.baz-view-compass #sd-root .vw-crow:hover, body.baz-view-dock #sd-root .vw-crow:hover, body.baz-view-agenda #sd-root .vw-crow:hover, body.baz-view-launchpad #sd-root .vw-crow:hover {
background: var(--vw-surface2);
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-compass #sd-root .vw-crow:focus-visible, body.baz-view-dock #sd-root .vw-crow:focus-visible, body.baz-view-agenda #sd-root .vw-crow:focus-visible, body.baz-view-launchpad #sd-root .vw-crow:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 1px;
}
body.baz-view-compass #sd-root .vw-cv, body.baz-view-dock #sd-root .vw-cv, body.baz-view-agenda #sd-root .vw-cv, body.baz-view-launchpad #sd-root .vw-cv {
width: 44px;
height: 44px;
border-radius: 13px;
display: grid;
place-items: center;
overflow: hidden;
color: #fff;
font: 800 13px var(--vw-display);
}
body.baz-view-compass #sd-root .vw-cv img, body.baz-view-dock #sd-root .vw-cv img, body.baz-view-agenda #sd-root .vw-cv img, body.baz-view-launchpad #sd-root .vw-cv img {
width: 100%;
height: 100%;
object-fit: cover;
}
body.baz-view-compass #sd-root .vw-crow-n, body.baz-view-dock #sd-root .vw-crow-n, body.baz-view-agenda #sd-root .vw-crow-n, body.baz-view-launchpad #sd-root .vw-crow-n {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
body.baz-view-compass #sd-root .vw-crow-n b, body.baz-view-dock #sd-root .vw-crow-n b, body.baz-view-agenda #sd-root .vw-crow-n b, body.baz-view-launchpad #sd-root .vw-crow-n b {
font-size: 14px;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
body.baz-view-compass #sd-root .vw-crow-n .sd-pill, body.baz-view-dock #sd-root .vw-crow-n .sd-pill, body.baz-view-agenda #sd-root .vw-crow-n .sd-pill, body.baz-view-launchpad #sd-root .vw-crow-n .sd-pill {
font: 600 10px/1 var(--vw-mono);
padding: 4px 8px;
border-radius: 20px;
}
body.baz-view-compass #sd-root .vw-cprog, body.baz-view-dock #sd-root .vw-cprog, body.baz-view-agenda #sd-root .vw-cprog, body.baz-view-launchpad #sd-root .vw-cprog {
display: flex;
align-items: center;
gap: 8px;
}
body.baz-view-compass #sd-root .vw-cbar, body.baz-view-dock #sd-root .vw-cbar, body.baz-view-agenda #sd-root .vw-cbar, body.baz-view-launchpad #sd-root .vw-cbar {
flex: 1;
height: 7px;
border-radius: 6px;
background: var(--vw-line);
overflow: hidden;
}
body.baz-view-compass #sd-root .vw-cbar i, body.baz-view-dock #sd-root .vw-cbar i, body.baz-view-agenda #sd-root .vw-cbar i, body.baz-view-launchpad #sd-root .vw-cbar i {
display: block;
height: 100%;
border-radius: 6px;
}
body.baz-view-compass #sd-root .vw-cprog em, body.baz-view-dock #sd-root .vw-cprog em, body.baz-view-agenda #sd-root .vw-cprog em, body.baz-view-launchpad #sd-root .vw-cprog em {
font: 700 12px var(--vw-mono);
font-style: normal;
min-width: 34px;
text-align: right;
}
body.baz-view-compass #sd-root .vw-ccta, body.baz-view-dock #sd-root .vw-ccta, body.baz-view-agenda #sd-root .vw-ccta, body.baz-view-launchpad #sd-root .vw-ccta {
display: inline-flex;
align-items: center;
gap: 5px;
font-weight: 800;
font-size: 12.5px;
color: var(--vw-blue);
}
body.baz-view-compass #sd-root .vw-ccta svg, body.baz-view-dock #sd-root .vw-ccta svg, body.baz-view-agenda #sd-root .vw-ccta svg, body.baz-view-launchpad #sd-root .vw-ccta svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
}
@media (max-width: 760px) {
body.baz-view-compass #sd-root .vw-crow, body.baz-view-dock #sd-root .vw-crow, body.baz-view-agenda #sd-root .vw-crow, body.baz-view-launchpad #sd-root .vw-crow {
grid-template-columns: 40px minmax(0, 1fr) auto;
}
body.baz-view-compass #sd-root .vw-cprog, body.baz-view-dock #sd-root .vw-cprog, body.baz-view-agenda #sd-root .vw-cprog, body.baz-view-launchpad #sd-root .vw-cprog {
display: none;
}
}
@font-face {
font-family: "Sora";
font-weight: 400 800;
font-style: normal;
font-display: swap;
src: url(/theme/font.php/baz/theme_baz/1794181695/sora-var.woff2) format("woff2");
}
body.baz-view-compass {
--vw-display: Sora, var(--vw-sans);
}
body.baz-view-compass .cx-nav {
display: flex;
align-items: center;
gap: 2px;
min-width: 0;
}
body.baz-view-compass .cx-nav .vw-ni, body.baz-view-compass .cx-navbtn {
padding: 8px 11px;
border-radius: 10px;
color: var(--vw-muted);
font-weight: 700;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 4px;
border: 0;
background: none;
cursor: pointer;
font-size: 14px;
}
body.baz-view-compass .cx-nav .vw-ni:hover, body.baz-view-compass .cx-navbtn:hover {
color: var(--vw-text);
background: var(--vw-surface2);
}
body.baz-view-compass .cx-nav .vw-ni.is-on {
color: var(--vw-text);
background: var(--vw-accent-bg);
box-shadow: inset 0 -2px 0 var(--vw-accent);
}
body.baz-view-compass .cx-nav .vw-ni-ic, body.baz-view-compass .cx-nav .vw-s {
display: none;
}
body.baz-view-compass .cx-navbtn svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
body.baz-view-compass .cx-cmd {
flex: 1 1 220px;
max-width: 340px;
margin-left: auto;
display: flex;
align-items: center;
gap: 10px;
height: 40px;
padding: 0 10px 0 12px;
border-radius: 12px;
border: 1px solid var(--vw-line);
background: var(--vw-surface2);
color: var(--vw-muted);
cursor: pointer;
font: inherit;
}
body.baz-view-compass .cx-cmd svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
flex: none;
}
body.baz-view-compass .cx-cmd span {
flex: 1;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass .cx-cmd kbd, body.baz-view-compass .cx-pal-in kbd {
font: 600 10.5px var(--vw-mono);
border: 1px solid var(--vw-line);
background: var(--vw-surface);
border-radius: 6px;
padding: 2px 6px;
color: var(--vw-muted);
}
body.baz-view-compass .cx-burger {
display: none;
}
body.baz-view-compass .cx-crumbbar {
max-width: 1400px;
margin: 0 auto;
padding: 16px 24px 0;
}
body.baz-view-compass .cx-moremenu {
position: fixed;
z-index: 1050;
top: calc(var(--vw-top-h) + 4px);
right: max(24px, calc((100vw - 1400px) / 2 + 24px));
width: 300px;
background: var(--vw-surface);
border: 1px solid var(--vw-line);
border-radius: 16px;
box-shadow: var(--vw-sh-lg);
padding: 8px;
display: grid;
gap: 2px;
}
body.baz-view-compass .cx-moremenu .vw-ni {
padding: 10px;
border-radius: 10px;
}
body.baz-view-compass .cx-moremenu .vw-ni:hover {
background: var(--vw-surface2);
}
body.baz-view-compass .cx-moremenu .vw-p {
display: none;
}
body.baz-view-compass .cx-courses {
top: var(--vw-top-h);
left: 0;
right: 0;
max-height: 72vh;
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-compass .cx-courses .vw-panel-head, body.baz-view-compass .cx-courses .vw-panel-body {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
body.baz-view-compass .cx-courses .vw-plist {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.baz-view-compass .cx-palette {
top: 80px;
left: 50%;
transform: translateX(-50%);
width: min(640px, calc(100vw - 24px));
max-height: 72vh;
border-radius: 18px;
border: 1px solid var(--vw-line);
}
body.baz-view-compass .cx-pal-in {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
border-bottom: 1px solid var(--vw-line);
color: var(--vw-muted);
margin: 0;
}
body.baz-view-compass .cx-pal-in svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
}
body.baz-view-compass .cx-pal-in input {
flex: 1;
min-width: 0;
border: 0 !important;
outline: 0;
box-shadow: none !important;
background: transparent !important;
font-size: 16px;
color: var(--vw-text);
padding: 4px 0;
}
body.baz-view-compass .cx-opt {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
width: 100%;
padding: 9px 12px;
border-radius: 10px;
border: 0;
background: none;
color: var(--vw-text);
text-align: left;
text-decoration: none;
font: inherit;
font-weight: 600;
cursor: pointer;
}
body.baz-view-compass .cx-opt small {
color: var(--vw-muted);
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 45%;
}
body.baz-view-compass .cx-opt:hover, body.baz-view-compass .cx-opt.is-active {
background: var(--vw-accent-bg);
}
body.baz-view-compass .cx-noopt {
color: var(--vw-muted);
padding: 10px 12px;
}
body.baz-view-compass .cx-sheet {
top: 0;
right: 0;
bottom: 0;
width: min(330px, 90vw);
}
body.baz-view-compass .cx-sheetnav .vw-ni {
padding: 12px;
border-radius: 12px;
}
body.baz-view-compass .cx-sheetnav .vw-ni.is-on {
background: var(--vw-accent-bg);
}
body.baz-view-compass .cx-sheetnav .vw-search-wrap {
flex: none;
margin: 10px 0;
}
@media (max-width: 1100px) {
body.baz-view-compass .cx-cmd span {
display: none;
}
body.baz-view-compass .cx-cmd {
flex: 0 0 auto;
}
body.baz-view-compass .cx-nav .vw-ni, body.baz-view-compass .cx-navbtn {
padding: 8px 8px;
}
}
@media (max-width: 860px) {
body.baz-view-compass .cx-nav, body.baz-view-compass .cx-cmd kbd {
display: none;
}
body.baz-view-compass .cx-burger {
display: inline-grid;
}
body.baz-view-compass .cx-cmd {
width: 40px;
padding: 0;
justify-content: center;
margin-left: auto;
}
body.baz-view-compass .cx-courses .vw-plist {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-compass .cx-crumbbar {
padding: 12px 14px 0;
}
}
body.baz-view-compass #sd-root.cx-dash h1, body.baz-view-compass #sd-root.cx-dash .sd-sec-h h2, body.baz-view-compass #sd-root.cx-dash .sd-hd h3 {
font-family: var(--vw-display);
}
body.baz-view-compass #sd-root.cx-dash .cx-bento {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-flow: row dense;
gap: 18px;
}
body.baz-view-compass #sd-root.cx-dash .cx-t {
min-width: 0;
grid-column: span 4;
}
body.baz-view-compass #sd-root.cx-dash .cx-t > .sd-card, body.baz-view-compass #sd-root.cx-dash .cx-t > .sd-fee {
height: 100%;
}
body.baz-view-compass #sd-root.cx-dash .cx-hero {
grid-column: span 8;
display: flex;
flex-direction: column;
justify-content: center;
}
body.baz-view-compass #sd-root.cx-dash .cx-sem {
grid-column: span 4;
}
body.baz-view-compass #sd-root.cx-dash .cx-kpi, body.baz-view-compass #sd-root.cx-dash .cx-jump {
grid-column: 1 / -1;
}
body.baz-view-compass #sd-root.cx-dash .cx-courses {
grid-column: span 7;
grid-row: span 2;
padding: 18px 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
body.baz-view-compass #sd-root.cx-dash .cx-dl {
grid-column: span 5;
grid-row: span 2;
}
body.baz-view-compass #sd-root.cx-dash .cx-live {
grid-column: span 5;
}
body.baz-view-compass #sd-root.cx-dash .cx-feed {
grid-column: span 6;
}
@media (max-width: 1180px) {
body.baz-view-compass #sd-root.cx-dash .cx-hero, body.baz-view-compass #sd-root.cx-dash .cx-courses {
grid-column: span 12;
}
body.baz-view-compass #sd-root.cx-dash .cx-sem, body.baz-view-compass #sd-root.cx-dash .cx-dl, body.baz-view-compass #sd-root.cx-dash .cx-live, body.baz-view-compass #sd-root.cx-dash .cx-t {
grid-column: span 6;
}
body.baz-view-compass #sd-root.cx-dash .cx-courses, body.baz-view-compass #sd-root.cx-dash .cx-dl {
grid-row: auto;
}
body.baz-view-compass #sd-root.cx-dash .cx-kpi, body.baz-view-compass #sd-root.cx-dash .cx-jump {
grid-column: 1 / -1;
}
}
@media (max-width: 760px) {
body.baz-view-compass #sd-root.cx-dash .cx-bento {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
body.baz-view-compass #sd-root.cx-dash .cx-t, body.baz-view-compass #sd-root.cx-dash .cx-hero, body.baz-view-compass #sd-root.cx-dash .cx-sem, body.baz-view-compass #sd-root.cx-dash .cx-courses, body.baz-view-compass #sd-root.cx-dash .cx-dl, body.baz-view-compass #sd-root.cx-dash .cx-live, body.baz-view-compass #sd-root.cx-dash .cx-feed {
grid-column: 1 / -1;
}
body.baz-view-compass #sd-root.cx-dash .cx-courses {
padding: 14px;
}
}
body.baz-view-compass .cx-gtabs {
display: flex;
gap: 6px;
overflow-x: auto;
padding: 2px 2px 8px;
margin: 4px 0 6px;
scrollbar-width: thin;
}
body.baz-view-compass .cx-gtabs button {
flex: none;
display: grid;
grid-template-columns: auto auto;
column-gap: 8px;
align-items: center;
text-align: left;
padding: 9px 14px;
border-radius: 12px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
color: var(--vw-muted);
cursor: pointer;
font: inherit;
}
body.baz-view-compass .cx-gtabs button[hidden] {
display: none;
}
body.baz-view-compass .cx-gtabs b {
font-family: var(--vw-display);
font-size: 13.5px;
color: var(--vw-text);
}
body.baz-view-compass .cx-gtabs em {
font: 700 10.5px var(--vw-mono);
font-style: normal;
padding: 2px 7px;
border-radius: 20px;
background: var(--vw-surface2);
}
body.baz-view-compass .cx-gtabs small {
grid-column: 1 / -1;
font: 600 10.5px var(--vw-mono);
}
body.baz-view-compass .cx-gtabs button[aria-selected="true"] {
background: var(--vw-navy);
border-color: var(--vw-navy);
color: #c9d8e6;
box-shadow: inset 0 -3px 0 var(--vw-accent);
}
body.baz-view-compass .cx-gtabs button[aria-selected="true"] b {
color: #fff;
}
body.baz-view-compass .cx-gtabs button[aria-selected="true"] em {
background: var(--vw-accent);
color: var(--vw-navy);
}
body.baz-view-compass .cx-gtabs button:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 2px;
}
body.baz-view-compass #sc-groups.cx-tabbed .sc-grp:not(.cx-gon) {
display: none;
}
body.baz-view-compass #sc-groups.cx-tabbed .sc-grp-h {
display: none;
}
body.baz-view-compass #sc-groups.cx-tabbed .sc-grp-body {
padding-top: 20px;
}
body.baz-view-compass #cv-root.cx-course h1, body.baz-view-compass #cv-root.cx-course .cx-modtab-n {
font-family: var(--vw-display);
}
body.baz-view-compass #cv-root.cx-course .cx-strip {
margin-top: 16px;
overflow-x: auto;
padding: 2px 2px 8px;
scrollbar-width: thin;
}
body.baz-view-compass #cv-root.cx-course .cx-strip .cv-rail {
position: static;
display: flex;
flex-direction: row;
gap: 14px;
align-items: flex-start;
}
body.baz-view-compass #cv-root.cx-course .cx-strip .cv-rc {
flex: 0 0 290px;
width: 290px;
min-width: 0;
border-radius: 18px;
}
body.baz-view-compass #cv-root.cx-course .cx-strip .cv-pbn {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass #cv-root.cx-course .cx-mods {
margin-top: 18px;
}
body.baz-view-compass #cv-root.cx-course .cx-modrow {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 2px 2px 10px;
scrollbar-width: thin;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab {
position: relative;
flex: 0 0 auto;
width: 210px;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
column-gap: 9px;
padding: 11px 12px 14px;
border-radius: 14px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
color: var(--vw-text);
text-align: left;
cursor: pointer;
overflow: hidden;
font: inherit;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab:hover {
border-color: var(--vw-accent-bd);
}
body.baz-view-compass #cv-root.cx-course .cx-modtab:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 2px;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab[aria-selected="true"] {
background: var(--vw-navy);
border-color: var(--vw-navy);
color: #fff;
}
body.baz-view-compass #cv-root.cx-course .cx-st {
width: 26px;
height: 26px;
border-radius: 8px;
display: grid;
place-items: center;
font: 800 12px var(--vw-display);
background: var(--vw-surface2);
color: var(--vw-muted);
border: 1px solid var(--vw-line);
}
body.baz-view-compass #cv-root.cx-course .cx-modtab.is-done .cx-st {
background: var(--vw-green);
color: #fff;
border-color: transparent;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab.is-prog .cx-st {
background: var(--vw-accent-bg);
color: var(--vw-accent-text);
border-color: var(--vw-accent-bd);
}
body.baz-view-compass #cv-root.cx-course .cx-st svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 2.8;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab-n {
font-size: 13px;
font-weight: 700;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab em {
font: 700 11px var(--vw-mono);
font-style: normal;
opacity: 0.8;
}
body.baz-view-compass #cv-root.cx-course .cx-modtab i {
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: calc(var(--p, 0) * 1%);
background: var(--vw-green);
}
body.baz-view-compass #cv-root.cx-course .cx-modtab[aria-selected="true"] i {
background: var(--vw-accent);
}
body.baz-view-compass #cv-root.cx-course .cx-new {
position: absolute;
top: 6px;
right: 8px;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 9px;
background: var(--vw-rose);
color: #fff;
font: 700 10px/18px var(--vw-mono);
text-align: center;
}
body.baz-view-compass #cv-root.cx-course .cx-mods:not(.is-ready) .cv-sec ~ .cv-sec {
display: none;
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec[hidden] {
display: none;
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec {
border: 0;
background: none;
box-shadow: none;
overflow: visible;
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec-h {
display: none;
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec-body {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
border-top: 0;
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec-summary, body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec-restrict, body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec-label {
grid-column: 1 / -1;
margin: 0;
border-radius: 14px;
border: 1px solid var(--vw-line);
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-act-row {
border: 1px solid var(--vw-line);
border-radius: 16px;
background: var(--vw-surface);
box-shadow: var(--vw-sh);
overflow: hidden;
transition: border-color 0.14s ease, transform 0.14s ease;
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-act-row:last-child {
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-act-row:hover {
border-color: var(--vw-accent-bd);
transform: translateY(-1px);
}
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-act-row.is-done {
background: var(--vw-surface2);
}
@media (max-width: 860px) {
body.baz-view-compass #cv-root.cx-course .cx-mods .cv-sec-body {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-compass #cv-root.cx-course .cx-modtab {
width: 170px;
}
body.baz-view-compass #cv-root.cx-course .cx-strip .cv-rc {
flex-basis: 260px;
}
}
body.baz-view-compass .cx-acttop .vw-top-in {
max-width: none;
}
body.baz-view-compass .cx-acttop .cx-actright {
display: flex;
align-items: center;
gap: 8px;
flex: none;
}
body.baz-view-compass .cx-actcrumb {
border-top: 1px solid var(--vw-line);
padding: 7px 24px;
font-size: 13px;
}
body.baz-view-compass .cx-actcrumb .vw-crumbnav {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
white-space: nowrap;
overflow: hidden;
}
body.baz-view-compass .cx-actcrumb a {
color: var(--vw-muted);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 860px) {
body.baz-view-compass .cx-acttop .vw-top-in {
gap: 8px;
padding: 8px 12px;
}
body.baz-view-compass .cx-actcrumb {
padding: 6px 12px;
}
}
@font-face {
font-family: "Figtree";
font-weight: 400 800;
font-style: normal;
font-display: swap;
src: url(/theme/font.php/baz/theme_baz/1794181695/figtree-var.woff2) format("woff2");
}
body.baz-view-dock {
--vw-display: Figtree, var(--vw-sans);
}
body.baz-view-dock .dx-app {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
min-height: 100vh;
}
body.baz-view-dock .dx-rail {
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 14px 0;
background: var(--vw-surface);
border-right: 1px solid var(--vw-line);
z-index: 1025;
}
body.baz-view-dock .dx-rail .vw-brand {
padding: 6px;
margin-bottom: 10px;
width: 76px;
justify-content: center;
overflow: hidden;
}
body.baz-view-dock .dx-rail .vw-brand img {
max-width: 64px;
height: auto;
max-height: 24px;
object-fit: contain;
}
body.baz-view-dock .dx-rail .vw-ni, body.baz-view-dock .dx-tabbar .vw-ni {
flex-direction: column;
gap: 4px;
font-size: 11.5px;
font-weight: 700;
color: var(--vw-muted);
padding: 2px 0;
text-align: center;
}
body.baz-view-dock .dx-rail .vw-ni-ic, body.baz-view-dock .dx-tabbar .vw-ni-ic {
width: 56px;
height: 32px;
border-radius: 16px;
transition: background 0.2s;
}
body.baz-view-dock .dx-rail .vw-ni:hover .vw-ni-ic {
background: var(--vw-surface2);
}
body.baz-view-dock .dx-rail .vw-ni.is-on, body.baz-view-dock .dx-tabbar .vw-ni.is-on {
color: var(--vw-text);
}
body.baz-view-dock .dx-rail .vw-ni.is-on .vw-ni-ic, body.baz-view-dock .dx-tabbar .vw-ni.is-on .vw-ni-ic {
background: var(--vw-accent-bg);
box-shadow: inset 0 0 0 1px var(--vw-accent-bd);
color: var(--vw-accent-lo);
}
body.baz-view-dock .dx-rail .vw-ni-l, body.baz-view-dock .dx-tabbar .vw-ni-l {
display: none;
}
body.baz-view-dock .dx-rail .vw-ni-s, body.baz-view-dock .dx-tabbar .vw-ni-s {
display: block;
}
body.baz-view-dock .dx-rail .vw-nav-label {
display: block;
width: 40px;
height: 1px;
background: var(--vw-line);
font-size: 0;
margin: 6px 0;
}
body.baz-view-dock .dx-railhelp {
margin-top: auto;
}
body.baz-view-dock .dx-railhelp .vw-ni-ic {
background: var(--vw-grad-accent);
color: var(--vw-on-accent);
}
body.baz-view-dock .dx-body {
min-width: 0;
}
body.baz-view-dock .dx-top .vw-top-in {
max-width: none;
padding: 12px 28px;
}
body.baz-view-dock .dx-title {
flex: 1;
min-width: 0;
}
body.baz-view-dock .dx-title .vw-crumbs {
flex-wrap: wrap;
row-gap: 0;
}
body.baz-view-dock .dx-title .vw-cur {
flex-basis: 100%;
font: 800 22px/1.2 var(--vw-display);
letter-spacing: -0.01em;
}
body.baz-view-dock .dx-tabbar {
display: none;
}
body.baz-view-dock .dx-sheet {
left: 0;
right: 0;
bottom: 0;
max-height: 80vh;
border-radius: 24px 24px 0 0;
}
body.baz-view-dock .dx-sheetnav .vw-ni {
padding: 14px 10px;
border-radius: 14px;
}
body.baz-view-dock .dx-sheetnav .vw-ni:hover {
background: var(--vw-surface2);
}
body.baz-view-dock .dx-sheetnav .vw-p:not(.vw-z) {
display: none;
}
body.baz-view-dock .vw-help-fab {
display: none;
}
body.baz-view-dock .vw-help {
left: calc(104px + env(safe-area-inset-left, 0px));
}
@media (max-width: 860px) {
body.baz-view-dock .dx-app {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-dock .dx-rail {
display: none;
}
body.baz-view-dock .dx-top .vw-top-in {
padding: 8px 14px;
flex-wrap: wrap;
}
body.baz-view-dock .dx-top .vw-search-wrap {
order: 9;
flex: 1 1 100%;
}
body.baz-view-dock .dx-title .vw-cur {
font-size: 19px;
}
body.baz-view-dock .dx-tabbar {
display: grid;
grid-template-columns: repeat(5, 1fr);
position: fixed;
z-index: 1030;
left: 0;
right: 0;
bottom: 0;
padding: 8px 6px calc(10px + env(safe-area-inset-bottom, 0px));
background: var(--vw-surface);
border-top: 1px solid var(--vw-line);
}
body.baz-view-dock .dx-tabbar .vw-s, body.baz-view-dock .dx-tabbar .vw-z, body.baz-view-dock .dx-tabbar .vw-nav-label {
display: none;
}
body.baz-view-dock .dx-main {
padding-bottom: 84px;
}
body.baz-view-dock .vw-help {
left: calc(16px + env(safe-area-inset-left, 0px));
bottom: calc(92px + env(safe-area-inset-bottom, 0px));
}
body.baz-view-dock .vw-askjo-panel {
bottom: calc(92px + env(safe-area-inset-bottom, 0px));
}
}
body.baz-view-dock .dx-seg {
display: flex;
gap: 3px;
padding: 4px;
border-radius: 14px;
background: var(--vw-surface2);
border: 1px solid var(--vw-line);
}
body.baz-view-dock .dx-seg button {
flex: 1 1 auto;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 9px 12px;
border: 0;
border-radius: 10px;
background: none;
color: var(--vw-muted);
font: 700 13.5px var(--vw-sans);
cursor: pointer;
white-space: nowrap;
}
body.baz-view-dock .dx-seg button:hover {
color: var(--vw-text);
}
body.baz-view-dock .dx-seg button[aria-selected="true"] {
background: var(--vw-surface);
color: var(--vw-text);
box-shadow: var(--vw-sh);
}
body.baz-view-dock .dx-seg button:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 1px;
}
body.baz-view-dock .dx-badge {
min-width: 20px;
height: 20px;
padding: 0 6px;
border-radius: 10px;
background: var(--vw-rose);
color: #fff;
font: 700 10.5px/20px var(--vw-mono);
font-style: normal;
}
body.baz-view-dock #sd-root.dx-dash h1, body.baz-view-dock #sd-root.dx-dash .sd-sec-h h2, body.baz-view-dock #sd-root.dx-dash .sd-hd h3 {
font-family: var(--vw-display);
}
body.baz-view-dock #sd-root.dx-dash .dx-feed {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
gap: 22px;
align-items: start;
}
body.baz-view-dock #sd-root.dx-dash .dx-col {
display: flex;
flex-direction: column;
gap: 20px;
min-width: 0;
}
body.baz-view-dock #sd-root.dx-dash .dx-hi {
padding: 24px 26px;
}
body.baz-view-dock #sd-root.dx-dash .dx-stories {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
}
body.baz-view-dock #sd-root.dx-dash .dx-storyrow {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 4px 2px 10px;
scrollbar-width: thin;
}
body.baz-view-dock #sd-root.dx-dash .dx-story {
flex: 0 0 92px;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
text-align: center;
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-dock #sd-root.dx-dash .dx-story:hover {
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-dock #sd-root.dx-dash .dx-story:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 3px;
border-radius: 12px;
}
body.baz-view-dock #sd-root.dx-dash .dx-ring {
position: relative;
width: 74px;
height: 74px;
border-radius: 50%;
display: grid;
place-items: center;
background: conic-gradient(var(--c, var(--vw-blue)) calc(var(--p, 0) * 1%), var(--vw-line) 0);
transition: transform 0.15s ease;
}
body.baz-view-dock #sd-root.dx-dash .dx-story:hover .dx-ring {
transform: scale(1.05);
}
body.baz-view-dock #sd-root.dx-dash .dx-ring b {
width: 62px;
height: 62px;
border-radius: 50%;
display: grid;
place-items: center;
color: #fff;
font: 800 15px var(--vw-display);
box-shadow: 0 0 0 3px var(--vw-surface);
}
body.baz-view-dock #sd-root.dx-dash .dx-story small {
font-size: 11.5px;
font-weight: 700;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.baz-view-dock #sd-root.dx-dash .dx-story em {
font: 700 11px var(--vw-mono);
font-style: normal;
color: var(--vw-muted);
}
body.baz-view-dock #sd-root.dx-dash .dx-courselist {
padding: 16px 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
body.baz-view-dock #sd-root.dx-dash .dx-side .sd-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
body.baz-view-dock #sd-root.dx-dash .dx-sem {
padding: 20px;
}
body.baz-view-dock #sd-root.dx-dash .dx-feeds {
padding: 12px;
display: flex;
flex-direction: column;
gap: 10px;
}
body.baz-view-dock #sd-root.dx-dash .dx-feeds .sd-card {
border: 0;
box-shadow: none;
background: none;
}
body.baz-view-dock #sd-root.dx-dash .dx-feeds .sd-card .sd-hd {
display: none;
}
@media (max-width: 1100px) {
body.baz-view-dock #sd-root.dx-dash .dx-feed {
grid-template-columns: minmax(0, 1fr);
}
}
body.baz-view-dock #cv-root.dx-course h1, body.baz-view-dock #cv-root.dx-course .dx-listh {
font-family: var(--vw-display);
}
body.baz-view-dock #cv-root.dx-course .dx-ctabs {
margin-top: 18px;
display: flex;
flex-direction: column;
gap: 14px;
}
body.baz-view-dock #cv-root.dx-course .dx-seg--wide {
position: sticky;
top: calc(var(--vw-top-h) + 8px);
z-index: 5;
}
body.baz-view-dock #cv-root.dx-course .dx-pane[hidden] {
display: none;
}
body.baz-view-dock #cv-root.dx-course .dx-pane {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
body.baz-view-dock #cv-root.dx-course .dx-list {
background: var(--vw-surface);
border: 1px solid var(--vw-line);
border-radius: 18px;
box-shadow: var(--vw-sh);
overflow: hidden;
}
body.baz-view-dock #cv-root.dx-course .dx-listh {
margin: 0;
padding: 14px 18px 4px;
font-size: 14px;
font-weight: 800;
}
body.baz-view-dock #cv-root.dx-course .dx-item {
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-dock #cv-root.dx-course .dx-item:last-child {
border-bottom: 0;
}
body.baz-view-dock #cv-root.dx-course .dx-item .cv-act-row {
border-bottom: 0;
}
body.baz-view-dock #cv-root.dx-course .dx-secname {
display: block;
padding: 10px 18px 0;
font: 600 10.5px var(--vw-mono);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--vw-muted);
}
body.baz-view-dock #cv-root.dx-course .dx-empty {
margin: 0;
padding: 18px;
border-radius: 16px;
border: 1px dashed var(--vw-line);
color: var(--vw-muted);
text-align: center;
}
body.baz-view-dock #cv-root.dx-course .dx-info {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 14px;
align-items: start;
}
body.baz-view-dock #cv-root.dx-course .dx-pane > .cv-rc {
border-radius: 18px;
}
body.baz-view-dock .dx-acttop .vw-top-in {
max-width: none;
padding: 10px 20px;
}
body.baz-view-dock .dx-acttop .dx-title .vw-crumbnav {
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 8px;
min-width: 0;
}
body.baz-view-dock .dx-acttop .dx-title .vw-cur {
font-size: 19px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.baz-view-dock .dx-acttop .dx-actright {
display: flex;
align-items: center;
gap: 8px;
flex: none;
}
body.baz-view-dock .dx-sheet--all .dx-sheetnav .vw-p {
display: flex;
}
@media (max-width: 860px) {
body.baz-view-dock .dx-acttop .vw-top-in {
padding: 8px 12px;
flex-wrap: nowrap;
gap: 8px;
}
body.baz-view-dock .dx-acttop .dx-title .vw-cur {
font-size: 16px;
}
body.baz-view-dock .dx-acttop .vw-crumbnav a {
display: none;
}
body.baz-view-dock #cv-root.dx-course .dx-seg--wide {
top: 8px;
}
body.baz-view-dock #cv-root.dx-course .dx-seg button {
padding: 9px 6px;
font-size: 12.5px;
}
}
body.baz-view-dock .cx-gtabs {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 2px 2px 10px;
margin: 4px 0 4px;
scrollbar-width: thin;
}
body.baz-view-dock .cx-gtabs button {
flex: none;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 99px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
color: var(--vw-text);
cursor: pointer;
font: 700 13px var(--vw-sans);
white-space: nowrap;
}
body.baz-view-dock .cx-gtabs button[hidden] {
display: none;
}
body.baz-view-dock .cx-gtabs em {
font: 700 10.5px var(--vw-mono);
font-style: normal;
padding: 2px 7px;
border-radius: 20px;
background: var(--vw-surface2);
color: var(--vw-muted);
}
body.baz-view-dock .cx-gtabs small {
display: none;
}
body.baz-view-dock .cx-gtabs button[aria-selected="true"] {
background: var(--vw-accent-bg);
border-color: var(--vw-accent);
}
body.baz-view-dock .cx-gtabs button[aria-selected="true"] em {
background: var(--vw-accent);
color: var(--vw-navy);
}
body.baz-view-dock .cx-gtabs button:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 2px;
}
body.baz-view-dock #sc-groups.cx-tabbed .sc-grp:not(.cx-gon) {
display: none;
}
body.baz-view-dock #sc-groups.cx-tabbed .sc-grp-h {
display: none;
}
body.baz-view-dock #sc-groups.cx-tabbed .sc-grp-body {
padding-top: 18px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-grid {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-card {
display: grid;
grid-template-columns: 76px minmax(0, 1fr);
align-items: center;
gap: 16px;
padding: 14px;
border-radius: 20px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-card:hover {
transform: none;
border-color: var(--vw-accent-bd);
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover {
width: 76px;
height: 76px;
padding: 0;
border-radius: 18px;
display: grid;
place-items: center;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover .sc-mono {
position: static;
font: 800 19px var(--vw-display);
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover .sc-deco {
display: none;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-tools {
top: 14px;
right: 14px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-t {
background: var(--vw-surface2);
color: var(--vw-muted);
border: 1px solid var(--vw-line);
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-t.on {
background: var(--vw-accent);
color: var(--vw-navy);
border-color: transparent;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-body {
padding: 0 76px 0 0;
min-width: 0;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-card h3 {
min-height: 0;
font: 700 15.5px/1.3 var(--vw-display);
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-prog {
max-width: 460px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-sub {
justify-content: flex-start;
gap: 12px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-foot {
border-top: 0;
padding-top: 0;
margin-top: 10px;
justify-content: flex-start;
gap: 16px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-go {
white-space: nowrap;
}
@media (max-width: 640px) {
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-card {
grid-template-columns: 56px minmax(0, 1fr);
gap: 12px;
padding: 12px;
align-items: start;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover {
width: 56px;
height: 56px;
border-radius: 14px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-body {
padding-right: 0;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-fac {
padding-right: 70px;
}
body.baz-view-dock #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-foot {
flex-wrap: wrap;
row-gap: 8px;
}
}
@font-face {
font-family: "IBM Plex Sans";
font-weight: 400 700;
font-style: normal;
font-display: swap;
src: url(/theme/font.php/baz/theme_baz/1794181695/ibmplexsans-var.woff2) format("woff2");
}
body.baz-view-agenda {
--vw-display: "IBM Plex Sans", var(--vw-sans);
}
body.baz-view-agenda .ax-nav {
display: flex;
gap: 18px;
flex: 1;
min-width: 0;
overflow-x: auto;
scrollbar-width: none;
}
body.baz-view-agenda .ax-nav .vw-ni {
padding: 8px 0;
border-bottom: 2px solid transparent;
color: var(--vw-muted);
white-space: nowrap;
}
body.baz-view-agenda .ax-nav .vw-ni:hover {
color: var(--vw-text);
}
body.baz-view-agenda .ax-nav .vw-ni.is-on {
color: var(--vw-text);
border-color: var(--vw-accent);
}
body.baz-view-agenda .ax-nav .vw-ni-ic {
display: none;
}
body.baz-view-agenda .ax-top .vw-search-wrap {
flex: 0 1 240px;
}
body.baz-view-agenda .ax-burger {
display: none;
}
body.baz-view-agenda .ax-strip {
position: sticky;
top: var(--vw-top-h);
z-index: 1010;
background: color-mix(in srgb, var(--vw-ground) 90%, transparent);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-agenda .ax-strip-in {
max-width: 1400px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 24px;
overflow-x: auto;
}
body.baz-view-agenda .ax-day {
flex: 0 0 auto;
width: 60px;
display: grid;
justify-items: center;
padding: 6px 0;
border-radius: 12px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-agenda .ax-day small {
font: 600 10px var(--vw-mono);
text-transform: uppercase;
color: var(--vw-muted);
}
body.baz-view-agenda .ax-day b {
font: 700 18px var(--vw-mono);
}
body.baz-view-agenda .ax-day.is-today {
background: var(--vw-navy);
color: #fff;
border-color: var(--vw-navy);
}
body.baz-view-agenda .ax-day.is-today small {
color: var(--vw-accent);
}
body.baz-view-agenda .ax-dots {
display: flex;
gap: 2px;
min-height: 5px;
}
body.baz-view-agenda .ax-calink {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 700;
color: var(--vw-blue);
text-decoration: none;
white-space: nowrap;
}
body.baz-view-agenda .ax-calink svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
body.baz-view-agenda .ax-crumbbar {
max-width: 1400px;
margin: 0 auto;
padding: 16px 24px 0;
}
body.baz-view-agenda .ax-sheet {
top: 0;
right: 0;
bottom: 0;
width: min(330px, 90vw);
}
body.baz-view-agenda .ax-sheetnav .vw-ni {
padding: 12px;
border-radius: 12px;
}
body.baz-view-agenda .ax-sheetnav .vw-ni.is-on {
background: var(--vw-accent-bg);
}
@media (max-width: 1100px) {
body.baz-view-agenda .ax-top .vw-search-wrap {
flex-basis: 180px;
}
}
@media (max-width: 860px) {
body.baz-view-agenda .ax-nav {
display: none;
}
body.baz-view-agenda .ax-burger {
display: inline-grid;
}
body.baz-view-agenda .ax-top .vw-top-in {
flex-wrap: wrap;
}
body.baz-view-agenda .ax-top .vw-search-wrap {
order: 9;
flex: 1 1 100%;
}
body.baz-view-agenda .ax-top .vw-brand {
margin-right: auto;
}
body.baz-view-agenda .ax-strip-in, body.baz-view-agenda .ax-crumbbar {
padding-left: 14px;
padding-right: 14px;
}
}
body.baz-view-agenda .ax-dots i {
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--vw-accent);
}
body.baz-view-agenda .ax-day.is-today .ax-dots i {
background: var(--vw-accent);
}
body.baz-view-agenda #sd-root.ax-dash h1, body.baz-view-agenda #sd-root.ax-dash h2, body.baz-view-agenda #sd-root.ax-dash .sd-hd h3 {
font-family: var(--vw-display);
}
body.baz-view-agenda #sd-root.ax-dash .ax-split {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
gap: 26px;
align-items: start;
}
body.baz-view-agenda #sd-root.ax-dash .ax-stream {
display: flex;
flex-direction: column;
gap: 18px;
min-width: 0;
position: relative;
}
body.baz-view-agenda #sd-root.ax-dash .ax-now {
padding: 24px 26px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-dayblk {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 26px;
border-left: 2px solid var(--vw-line);
margin-left: 8px;
scroll-margin-top: calc(var(--vw-top-h) + 90px);
outline: 0;
}
body.baz-view-agenda #sd-root.ax-dash .ax-dayblk::before {
content: "";
position: absolute;
left: -8px;
top: 6px;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--vw-surface);
border: 3px solid var(--vw-accent);
}
body.baz-view-agenda #sd-root.ax-dash .ax-dayh {
display: flex;
align-items: baseline;
gap: 10px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-dayh h2 {
margin: 0;
font-size: 18px;
font-weight: 700;
}
body.baz-view-agenda #sd-root.ax-dash .ax-dayh small {
color: var(--vw-muted);
font: 600 11.5px var(--vw-mono);
}
body.baz-view-agenda #sd-root.ax-dash .ax-today .sd-rail {
padding-bottom: 6px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-lanes {
background: var(--vw-surface);
border: 1px solid var(--vw-line);
border-radius: 18px;
padding: 14px 16px;
box-shadow: var(--vw-sh);
display: flex;
flex-direction: column;
gap: 6px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-nowline {
position: relative;
display: flex;
align-items: center;
gap: 10px;
margin-left: 8px;
color: var(--vw-rose);
font: 700 11.5px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.06em;
}
body.baz-view-agenda #sd-root.ax-dash .ax-nowline::after {
content: "";
flex: 1;
height: 2px;
background: var(--vw-rose);
border-radius: 2px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-nowline span {
padding: 4px 10px;
border-radius: 20px;
background: rgba(229, 85, 110, 0.12);
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev {
display: grid;
grid-template-columns: 56px minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
padding: 12px 14px;
border-radius: 14px;
border: 1px solid var(--vw-line);
border-left: 4px solid var(--vw-accent);
background: var(--vw-surface);
color: var(--vw-text);
text-decoration: none;
box-shadow: var(--vw-sh);
transition: transform 0.12s ease, border-color 0.12s ease;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev:hover {
transform: translateX(2px);
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 2px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev.is-live {
border-left-color: #8B5CF6;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev time {
font: 700 14px var(--vw-mono);
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev-b {
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev-b b {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev-b small {
color: var(--vw-muted);
font-size: 12px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-kind {
font: 700 10px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--vw-accent-text);
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev.is-live .ax-kind {
color: #8B5CF6;
}
body.baz-view-agenda #sd-root.ax-dash .ax-act {
padding: 7px 14px;
border-radius: 10px;
background: var(--vw-grad-accent);
color: var(--vw-on-accent);
font-weight: 800;
font-size: 12.5px;
white-space: nowrap;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev.is-live .ax-act {
background: #8B5CF6;
color: #fff;
}
body.baz-view-agenda #sd-root.ax-dash .ax-empty {
margin: 0 0 0 8px;
padding: 16px;
border: 1px dashed var(--vw-line);
border-radius: 14px;
color: var(--vw-muted);
}
body.baz-view-agenda #sd-root.ax-dash .ax-end {
margin: 4px 0 0 8px;
color: var(--vw-muted);
font-size: 13px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-end a {
display: inline-flex;
align-items: center;
gap: 5px;
font-weight: 700;
color: var(--vw-blue);
}
body.baz-view-agenda #sd-root.ax-dash .ax-end svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
}
body.baz-view-agenda #sd-root.ax-dash .ax-panel {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: calc(var(--vw-top-h) + 90px);
max-height: calc(100vh - var(--vw-top-h) - 110px);
overflow-y: auto;
scrollbar-width: thin;
padding: 2px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-panel .sd-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-sem {
padding: 20px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-box {
background: var(--vw-surface);
border: 1px solid var(--vw-line);
border-radius: 18px;
box-shadow: var(--vw-sh);
}
body.baz-view-agenda #sd-root.ax-dash .ax-box > summary {
padding: 14px 16px;
font-weight: 800;
cursor: pointer;
font-family: var(--vw-display);
}
body.baz-view-agenda #sd-root.ax-dash .ax-box > .sd-card {
border: 0;
box-shadow: none;
background: none;
}
body.baz-view-agenda #sd-root.ax-dash .ax-box > .sd-card .sd-hd {
display: none;
}
@media (max-width: 1100px) {
body.baz-view-agenda #sd-root.ax-dash .ax-split {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-agenda #sd-root.ax-dash .ax-panel {
position: static;
max-height: none;
overflow: visible;
}
}
@media (max-width: 640px) {
body.baz-view-agenda #sd-root.ax-dash .ax-dayblk {
padding-left: 16px;
}
body.baz-view-agenda #sd-root.ax-dash .ax-ev {
grid-template-columns: 46px minmax(0, 1fr);
}
body.baz-view-agenda #sd-root.ax-dash .ax-act {
grid-column: 2;
justify-self: start;
}
}
body.baz-view-agenda #cv-root.ax-course h1, body.baz-view-agenda #cv-root.ax-course .ax-tlh {
font-family: var(--vw-display);
}
body.baz-view-agenda #cv-root.ax-course .ax-cbody {
display: grid;
grid-template-columns: minmax(0, 1fr) 300px;
gap: 22px;
align-items: start;
margin-top: 18px;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl {
position: relative;
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
padding-left: 30px;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl::before {
content: "";
position: absolute;
left: 9px;
top: 8px;
bottom: 8px;
width: 2px;
background: var(--vw-line);
}
body.baz-view-agenda #cv-root.ax-course .ax-tlh {
margin: 0 0 8px;
font-size: 15px;
font-weight: 700;
}
body.baz-view-agenda #cv-root.ax-course .ax-coming .cv-rc {
border-left: 4px solid var(--vw-accent);
}
body.baz-view-agenda #cv-root.ax-course .ax-coming .cv-rc > h4 {
display: none;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-secs {
gap: 14px;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec {
position: relative;
overflow: visible;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec::before {
content: "";
position: absolute;
left: -28px;
top: 18px;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--vw-surface);
border: 3px solid var(--vw-line);
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec.ax-st-prog::before {
border-color: var(--vw-accent);
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec.ax-st-done::before {
background: var(--vw-green);
border-color: var(--vw-green);
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec.ax-here {
box-shadow: 0 0 0 2px var(--vw-accent), var(--vw-sh);
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec.ax-here::before {
background: var(--vw-accent);
border-color: var(--vw-accent);
box-shadow: 0 0 0 5px var(--vw-accent-bg);
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec.ax-here::after {
content: attr(data-ax-here);
position: absolute;
right: 14px;
top: -11px;
padding: 3px 10px;
border-radius: 20px;
background: var(--vw-accent);
color: var(--vw-navy);
font: 800 10.5px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.06em;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec.ax-st-done .cv-sec-t {
color: var(--vw-muted);
}
body.baz-view-agenda #cv-root.ax-course .ax-crail {
display: flex;
flex-direction: column;
gap: 14px;
position: sticky;
top: calc(var(--vw-top-h) + 90px);
}
@media (max-width: 1000px) {
body.baz-view-agenda #cv-root.ax-course .ax-cbody {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-agenda #cv-root.ax-course .ax-crail {
position: static;
}
}
@media (max-width: 640px) {
body.baz-view-agenda #cv-root.ax-course .ax-tl {
padding-left: 22px;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl::before {
left: 5px;
}
body.baz-view-agenda #cv-root.ax-course .ax-tl .cv-sec::before {
left: -24px;
width: 14px;
height: 14px;
}
}
body.baz-view-agenda .ax-acttop .vw-top-in {
max-width: none;
}
body.baz-view-agenda .ax-acttop .ax-actright {
display: flex;
align-items: center;
gap: 8px;
flex: none;
margin-left: auto;
}
body.baz-view-agenda .ax-actcrumb {
border-top: 1px solid var(--vw-line);
padding: 7px 24px;
font-size: 13px;
}
body.baz-view-agenda .ax-actcrumb .vw-crumbnav {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
white-space: nowrap;
overflow: hidden;
}
body.baz-view-agenda .ax-actcrumb a {
color: var(--vw-muted);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 860px) {
body.baz-view-agenda .ax-acttop .vw-top-in {
flex-wrap: nowrap;
gap: 8px;
padding: 8px 12px;
}
body.baz-view-agenda .ax-acttop .vw-brand {
margin-right: auto;
}
body.baz-view-agenda .ax-actcrumb {
padding: 6px 12px;
}
}
@font-face {
font-family: "Lexend";
font-weight: 400 800;
font-style: normal;
font-display: swap;
src: url(/theme/font.php/baz/theme_baz/1794181695/lexend-var.woff2) format("woff2");
}
body.baz-view-launchpad {
--vw-display: Lexend, var(--vw-sans);
}
body.baz-view-launchpad .lx-launch {
width: 42px;
height: 42px;
border-radius: 13px;
border: 0;
background: var(--vw-grad-navy);
color: var(--vw-accent);
display: grid;
place-items: center;
cursor: pointer;
flex: none;
}
body.baz-view-launchpad .lx-launch svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
}
body.baz-view-launchpad .lx-spacebtn {
display: inline-flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 14px;
border-radius: 12px;
border: 1px solid var(--vw-accent-bd);
background: var(--vw-accent-bg);
color: var(--vw-text);
font-weight: 800;
cursor: pointer;
flex: none;
}
body.baz-view-launchpad .lx-spacebtn svg {
width: 17px;
height: 17px;
fill: none;
stroke: var(--vw-accent-lo);
stroke-width: 1.8;
}
body.baz-view-launchpad .lx-launcher {
top: 0;
left: 0;
bottom: 0;
width: min(440px, 96vw);
}
body.baz-view-launchpad .lx-lgrid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
body.baz-view-launchpad .lx-lgrid .vw-ni {
flex-direction: column;
justify-content: center;
gap: 6px;
padding: 14px 6px;
border-radius: 18px;
border: 1px solid var(--vw-line);
background: var(--vw-surface2);
text-align: center;
font-size: 12.5px;
font-weight: 700;
}
body.baz-view-launchpad .lx-lgrid .vw-ni-ic {
width: 44px;
height: 44px;
border-radius: 14px;
background: var(--vw-grad-navy);
color: var(--vw-accent);
}
body.baz-view-launchpad .lx-lgrid .vw-ni.is-on {
border-color: var(--vw-accent);
background: var(--vw-accent-bg);
}
body.baz-view-launchpad .lx-lgrid .vw-nav-label {
display: block;
grid-column: 1 / -1;
margin-top: 6px;
font: 600 10.5px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--vw-muted);
}
body.baz-view-launchpad .lx-lcourses {
margin-top: 16px;
}
body.baz-view-launchpad .lx-space {
top: 0;
right: 0;
bottom: 0;
width: min(420px, 96vw);
}
body.baz-view-launchpad .lx-tabs {
display: flex;
gap: 2px;
padding: 3px;
border-radius: 12px;
background: var(--vw-surface2);
border: 1px solid var(--vw-line);
margin-bottom: 10px;
}
body.baz-view-launchpad .lx-tabs button {
flex: 1;
padding: 8px;
border: 0;
border-radius: 9px;
background: none;
font-weight: 700;
color: var(--vw-muted);
cursor: pointer;
}
body.baz-view-launchpad .lx-tabs button[aria-selected="true"] {
background: var(--vw-navy);
color: #fff;
}
body.baz-view-launchpad .lx-pane {
display: grid;
gap: 8px;
}
body.baz-view-launchpad .lx-pane[hidden] {
display: none;
}
@media (max-width: 860px) {
body.baz-view-launchpad .lx-top .vw-top-in {
flex-wrap: wrap;
}
body.baz-view-launchpad .lx-top .vw-search-wrap {
order: 9;
flex: 1 1 100%;
}
body.baz-view-launchpad .lx-top .vw-crumbs {
display: none;
}
body.baz-view-launchpad .lx-spacebtn span {
display: none;
}
body.baz-view-launchpad .lx-spacebtn {
padding: 0 11px;
}
}
body.baz-view-launchpad #sd-root.lx-dash h1, body.baz-view-launchpad #sd-root.lx-dash .sd-sec-h h2, body.baz-view-launchpad #sd-root.lx-dash .lx-ct-name, body.baz-view-launchpad #sd-root.lx-dash .lx-app-t {
font-family: var(--vw-display);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-now {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 22px;
align-items: center;
padding: 26px 28px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-now--next {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-now-l, body.baz-view-launchpad #sd-root.lx-dash .lx-now-r {
position: relative;
min-width: 0;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-now .sd-upnext {
margin-top: 0;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-grp {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-grp .sd-sec-h {
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-grid {
display: grid;
gap: 14px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-courses {
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
body.baz-view-launchpad #sd-root.lx-dash .lx-apps {
grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
}
body.baz-view-launchpad #sd-root.lx-dash .lx-tile {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
padding: 16px;
border-radius: 22px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
box-shadow: var(--vw-sh);
color: var(--vw-text);
text-align: left;
font: inherit;
text-decoration: none;
cursor: pointer;
transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-tile:hover {
transform: translateY(-2px);
box-shadow: var(--vw-sh-lg);
border-color: var(--vw-accent-bd);
color: var(--vw-text);
text-decoration: none;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-tile:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 2px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ct-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-mono {
width: 50px;
height: 50px;
flex: none;
border-radius: 15px;
display: grid;
place-items: center;
overflow: hidden;
color: #fff;
font: 800 15px var(--vw-display);
letter-spacing: 0.02em;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-mono img {
width: 100%;
height: 100%;
object-fit: cover;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ring {
position: relative;
width: 54px;
height: 54px;
flex: none;
display: grid;
place-items: center;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ring::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient(var(--c, var(--vw-blue)) calc(var(--p, 0) * 1%), var(--vw-line) 0);
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ring b {
position: relative;
font: 700 12px var(--vw-mono);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ct-name {
font-weight: 700;
font-size: 14.5px;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
overflow-wrap: anywhere;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ct-meta .sd-pill {
display: inline-block;
font: 600 10px/1 var(--vw-mono);
padding: 5px 9px;
border-radius: 20px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-cta {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 800;
font-size: 13px;
color: var(--vw-blue);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-cta svg, body.baz-view-launchpad #sd-root.lx-dash .lx-linkbtn svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app {
--t: var(--vw-grad-navy);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-ic {
position: relative;
width: 48px;
height: 48px;
border-radius: 15px;
display: grid;
place-items: center;
background: var(--t);
color: #fff;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-ic svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-ic em {
position: absolute;
top: -6px;
right: -8px;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 11px;
background: var(--vw-rose);
color: #fff;
font: 700 11.5px/22px var(--vw-mono);
text-align: center;
font-style: normal;
box-shadow: 0 0 0 2px var(--vw-surface);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-t {
font-weight: 700;
font-size: 14.5px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app small {
color: var(--vw-muted);
font-size: 12.5px;
line-height: 1.35;
overflow-wrap: anywhere;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-courses {
--t: linear-gradient(135deg, #5B8BEA, #3557B7);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-calendar {
--t: linear-gradient(135deg, #F07A8E, #C93F59);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-grades {
--t: linear-gradient(135deg, #34C196, #17845F);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-interestzone {
--t: linear-gradient(135deg, #A57CF8, #6D3FDB);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-roadmap {
--t: linear-gradient(135deg, #F2B451, #D2861B);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-files {
--t: linear-gradient(135deg, #3BB5C9, #1D8095);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-askjo {
--t: var(--vw-grad-accent);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-app-askjo .lx-app-ic {
color: var(--vw-on-accent);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-linkbtn {
display: inline-flex;
align-items: center;
gap: 6px;
border: 0;
background: none;
padding: 0;
font-weight: 700;
font-size: 13px;
color: var(--vw-blue);
cursor: pointer;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-linkbtn:hover {
text-decoration: underline;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-widgets {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-flow: row dense;
gap: 18px;
align-items: start;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w {
min-width: 0;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w-wide {
grid-column: 1 / -1;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w-tall {
grid-row: span 2;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w-sem {
padding: 22px;
border-radius: 22px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w-sem .sd-hr-head {
flex-wrap: wrap;
row-gap: 6px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w-sem .sd-hr-head .sd-t {
white-space: normal;
overflow: visible;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w > section:not(.sd-stats) {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 860px) {
body.baz-view-launchpad #sd-root.lx-dash .lx-now--next {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-now {
padding: 22px 20px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-w-tall {
grid-row: auto;
}
}
@media (max-width: 520px) {
body.baz-view-launchpad #sd-root.lx-dash .lx-courses, body.baz-view-launchpad #sd-root.lx-dash .lx-apps {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-widgets {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-launchpad #sd-root.lx-dash .lx-tile {
padding: 13px;
border-radius: 18px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-mono {
width: 42px;
height: 42px;
border-radius: 12px;
font-size: 13px;
}
body.baz-view-launchpad #sd-root.lx-dash .lx-ring {
width: 44px;
height: 44px;
}
}
body.baz-view-launchpad #sc-root .sc-head h1, body.baz-view-launchpad #sc-root .sc-grp-h h2, body.baz-view-launchpad #sc-root .sc-card h3 {
font-family: var(--vw-display);
}
body.baz-view-launchpad #sc-root #sc-groups {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 16px;
align-items: start;
}
body.baz-view-launchpad #sc-root .sc-grp {
margin: 0;
border-radius: 22px;
grid-column: 1 / -1;
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed) {
grid-column: auto;
transition: transform 0.14s ease, box-shadow 0.14s ease;
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed):hover {
transform: translateY(-2px);
box-shadow: var(--vw-sh-lg);
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed) .sc-grp-h {
flex-wrap: wrap;
row-gap: 8px;
padding: 18px;
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed) .sc-grp-h h2 {
flex: 1 1 100%;
order: -1;
font-size: 15px;
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed) .sc-chev {
order: -2;
width: 44px;
height: 44px;
border-radius: 14px;
background: var(--vw-grad-navy);
color: var(--vw-accent);
transform: none;
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed) .sc-gavg {
margin-left: 0;
}
body.baz-view-launchpad #sc-root .sc-grp-h:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: -3px;
border-radius: 22px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-grid {
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: 14px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-card {
border-radius: 22px;
display: flex;
flex-direction: column;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover {
width: 50px;
height: 50px;
margin: 16px 0 0 16px;
padding: 0;
border-radius: 15px;
display: grid;
place-items: center;
flex: none;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover .sc-mono {
position: static;
font: 800 15px var(--vw-display);
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-cover .sc-deco {
display: none;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-tools {
top: 16px;
right: 16px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-t {
background: var(--vw-surface2);
color: var(--vw-muted);
border: 1px solid var(--vw-line);
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-t.on {
background: var(--vw-accent);
color: var(--vw-navy);
border-color: transparent;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-body {
flex: 1;
display: flex;
flex-direction: column;
padding: 12px 16px 16px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-card h3 {
min-height: 0;
font-size: 14.5px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-foot {
margin-top: auto;
padding-top: 12px;
gap: 8px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-go {
white-space: nowrap;
flex: none;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-prog {
margin-top: 10px;
}
@media (max-width: 520px) {
body.baz-view-launchpad #sc-root #sc-groups {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.baz-view-launchpad #sc-root:not(.sc-view-list):not(.sc-view-summary) .sc-grid {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-launchpad #sc-root .sc-grp:has(> .sc-grp-h.closed) .sc-grp-h {
padding: 14px;
}
}
body.baz-view-launchpad #cv-root.lx-course h1, body.baz-view-launchpad #cv-root.lx-course .lx-sech h2, body.baz-view-launchpad #cv-root.lx-course .lx-ct-name, body.baz-view-launchpad #cv-root.lx-course .lx-sheet-h h2 {
font-family: var(--vw-display);
}
body.baz-view-launchpad #cv-root.lx-course .lx-grp {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 22px;
min-width: 0;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sech {
display: flex;
align-items: baseline;
gap: 12px;
flex-wrap: wrap;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sech h2 {
font-size: 18px;
font-weight: 800;
margin: 0;
color: var(--vw-text);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sech small {
color: var(--vw-muted);
font-size: 12.5px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mods {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 14px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-tile {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
padding: 16px;
border-radius: 22px;
border: 1px solid var(--vw-line);
background: var(--vw-surface);
box-shadow: var(--vw-sh);
color: var(--vw-text);
text-align: left;
font: inherit;
cursor: pointer;
transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}
body.baz-view-launchpad #cv-root.lx-course .lx-tile:hover {
transform: translateY(-2px);
box-shadow: var(--vw-sh-lg);
border-color: var(--vw-accent-bd);
}
body.baz-view-launchpad #cv-root.lx-course .lx-tile:focus-visible {
outline: 3px solid var(--vw-accent);
outline-offset: 2px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod.is-current {
border-color: var(--vw-accent);
box-shadow: 0 0 0 3px var(--vw-accent-bg), var(--vw-sh);
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod small {
color: var(--vw-muted);
font-size: 12px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 2px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-st {
width: 40px;
height: 40px;
border-radius: 13px;
display: grid;
place-items: center;
font: 800 15px var(--vw-display);
background: var(--vw-surface2);
border: 1px solid var(--vw-line);
color: var(--vw-muted);
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-st.is-prog {
background: var(--vw-grad-navy);
color: var(--vw-accent);
border-color: transparent;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-st.is-done {
background: var(--vw-green);
color: #fff;
border-color: transparent;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-st svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 2.6;
}
body.baz-view-launchpad #cv-root.lx-course .lx-ring {
position: relative;
width: 46px;
height: 46px;
flex: none;
display: grid;
place-items: center;
--c: var(--vw-green);
}
body.baz-view-launchpad #cv-root.lx-course .lx-ring::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient(var(--c) calc(var(--p, 0) * 1%), var(--vw-line) 0);
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
}
body.baz-view-launchpad #cv-root.lx-course .lx-ring b {
position: relative;
font: 700 11px var(--vw-mono);
}
body.baz-view-launchpad #cv-root.lx-course .lx-ct-name {
font-weight: 700;
font-size: 14.5px;
line-height: 1.3;
overflow-wrap: anywhere;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-next {
margin-top: auto;
padding-top: 8px;
border-top: 1px dashed var(--vw-line);
font-size: 12.5px;
font-weight: 600;
color: var(--vw-blue);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-next.is-done {
color: var(--vw-green);
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-lock {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11.5px;
font-weight: 700;
color: #B23A25;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-lock svg {
width: 13px;
height: 13px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-new {
position: absolute;
top: -8px;
right: 14px;
padding: 3px 9px;
border-radius: 20px;
background: var(--vw-rose);
color: #fff;
font: 700 10.5px var(--vw-mono);
font-style: normal;
}
body.baz-view-launchpad #cv-root.lx-course .cv-rail {
position: static;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
align-items: start;
}
body.baz-view-launchpad #cv-root.lx-course .cv-rail .cv-rc {
border-radius: 20px;
}
body.baz-view-launchpad #cv-root.lx-course dialog.lx-sheet {
width: min(860px, calc(100vw - 32px));
max-width: none;
max-height: min(88vh, 940px);
margin: auto;
padding: 0;
border: 0;
border-radius: 24px;
background: var(--vw-surface);
color: var(--vw-text);
box-shadow: var(--vw-sh-lg);
overflow: hidden;
}
body.baz-view-launchpad #cv-root.lx-course dialog.lx-sheet[open] {
display: flex;
flex-direction: column;
animation: lx-sheet-in 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
body.baz-view-launchpad #cv-root.lx-course dialog.lx-sheet::backdrop {
background: rgba(6, 18, 30, 0.55);
backdrop-filter: blur(3px);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-h {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 18px 20px 14px;
border-bottom: 1px solid var(--vw-line);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-ht {
flex: 1;
min-width: 0;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-pos {
font: 600 11px var(--vw-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--vw-accent-text);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-h h2 {
margin: 4px 0 0;
font-size: 19px;
font-weight: 800;
line-height: 1.25;
overflow-wrap: anywhere;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b {
flex: 1;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: 14px 16px;
background: var(--vw-surface2);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b .cv-secs {
gap: 0;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b .cv-sec[hidden] {
display: none;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b .cv-sec {
border-radius: 18px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b .cv-sec-h {
display: none;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b .cv-sec-body {
display: block;
border-top: 0;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-f {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 12px 16px;
border-top: 1px solid var(--vw-line);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav {
display: inline-flex;
align-items: center;
gap: 10px;
max-width: 48%;
min-width: 0;
padding: 8px 12px;
border-radius: 14px;
border: 1px solid var(--vw-line);
background: var(--vw-surface2);
color: var(--vw-text);
text-align: left;
cursor: pointer;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav:hover {
border-color: var(--vw-accent-bd);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav.is-next {
margin-left: auto;
text-align: right;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav[hidden] {
display: none;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav span {
min-width: 0;
display: flex;
flex-direction: column;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav small {
font: 600 10px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--vw-muted);
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav b {
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-nav svg {
width: 18px;
height: 18px;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
}
@media (max-width: 640px) {
body.baz-view-launchpad #cv-root.lx-course .lx-mods {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-tile {
padding: 13px;
border-radius: 18px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-mod-st {
width: 34px;
height: 34px;
border-radius: 11px;
font-size: 13px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-ring {
width: 38px;
height: 38px;
}
body.baz-view-launchpad #cv-root.lx-course .cv-rail {
grid-template-columns: minmax(0, 1fr);
}
body.baz-view-launchpad #cv-root.lx-course dialog.lx-sheet {
width: 100vw;
max-height: 92vh;
margin: auto 0 0;
border-radius: 24px 24px 0 0;
}
body.baz-view-launchpad #cv-root.lx-course dialog.lx-sheet[open] {
animation-name: lx-sheet-up;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-b {
padding: 10px;
}
body.baz-view-launchpad #cv-root.lx-course .lx-sheet-f {
padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}
}
@media (prefers-reduced-motion: reduce) {
body.baz-view-launchpad #cv-root.lx-course dialog.lx-sheet[open] {
animation: none;
}
}
body.baz-view-launchpad .lx-acttop .vw-top-in {
max-width: none;
}
body.baz-view-launchpad .lx-acttop .lx-actright {
display: flex;
align-items: center;
gap: 8px;
flex: none;
}
@media (max-width: 860px) {
body.baz-view-launchpad .lx-acttop .vw-top-in {
flex-wrap: nowrap;
gap: 8px;
padding: 8px 12px;
}
body.baz-view-launchpad .lx-acttop .vw-brand {
display: none;
}
}
@keyframes lx-sheet-in {
from {
opacity: 0;
transform: translateY(14px) scale(0.98);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes lx-sheet-up {
from {
transform: translateY(40%);
}
to {
transform: none;
}
}
body.baz-view-compass .vw-crumbnav, body.baz-view-dock .vw-crumbnav, body.baz-view-agenda .vw-crumbnav, body.baz-view-launchpad .vw-crumbnav {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
body.baz-view-compass .vw-crumbs .aw-crumb, body.baz-view-dock .vw-crumbs .aw-crumb, body.baz-view-agenda .vw-crumbs .aw-crumb, body.baz-view-launchpad .vw-crumbs .aw-crumb {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
overflow: hidden;
}
body.baz-view-compass .vw-crumbs .aw-crumb a, body.baz-view-dock .vw-crumbs .aw-crumb a, body.baz-view-agenda .vw-crumbs .aw-crumb a, body.baz-view-launchpad .vw-crumbs .aw-crumb a {
color: var(--vw-muted);
text-decoration: none;
}
body.baz-view-compass .vw-crumbs .aw-crumb .sep, body.baz-view-dock .vw-crumbs .aw-crumb .sep, body.baz-view-agenda .vw-crumbs .aw-crumb .sep, body.baz-view-launchpad .vw-crumbs .aw-crumb .sep {
opacity: 0.6;
}
body.baz-view-compass .vw-crumbs .aw-crumb > span:last-child, body.baz-view-dock .vw-crumbs .aw-crumb > span:last-child, body.baz-view-agenda .vw-crumbs .aw-crumb > span:last-child, body.baz-view-launchpad .vw-crumbs .aw-crumb > span:last-child {
color: var(--vw-text);
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass .vw-crumbs .sd-tb-title, body.baz-view-dock .vw-crumbs .sd-tb-title, body.baz-view-agenda .vw-crumbs .sd-tb-title, body.baz-view-launchpad .vw-crumbs .sd-tb-title {
font-weight: 800;
color: var(--vw-text);
}
body.baz-view-compass .vw-crumbs .sd-tb-chip, body.baz-view-dock .vw-crumbs .sd-tb-chip, body.baz-view-agenda .vw-crumbs .sd-tb-chip, body.baz-view-launchpad .vw-crumbs .sd-tb-chip {
font: 600 11px var(--vw-mono);
padding: 2px 9px;
border-radius: 99px;
background: var(--vw-accent-bg);
color: var(--vw-accent-text);
}
body.baz-view-compass .vw-rolebadge, body.baz-view-dock .vw-rolebadge, body.baz-view-agenda .vw-rolebadge, body.baz-view-launchpad .vw-rolebadge {
font: 600 10.5px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 3px 8px;
border-radius: 99px;
background: var(--vw-accent-bg);
color: var(--vw-accent-text);
white-space: nowrap;
flex: none;
}
body.baz-view-compass .dx-rail .vw-rolebadge, body.baz-view-dock .dx-rail .vw-rolebadge, body.baz-view-agenda .dx-rail .vw-rolebadge, body.baz-view-launchpad .dx-rail .vw-rolebadge {
margin: -4px 0 8px;
}
body.baz-view-compass .vw-editswitch, body.baz-view-dock .vw-editswitch, body.baz-view-agenda .vw-editswitch, body.baz-view-launchpad .vw-editswitch {
display: flex;
align-items: center;
}
body.baz-view-compass .vw-editswitch .form-check-label, body.baz-view-dock .vw-editswitch .form-check-label, body.baz-view-agenda .vw-editswitch .form-check-label, body.baz-view-launchpad .vw-editswitch .form-check-label {
color: var(--vw-text);
font-weight: 600;
white-space: nowrap;
}
body.baz-view-compass .vw-hnav, body.baz-view-dock .vw-hnav, body.baz-view-agenda .vw-hnav, body.baz-view-launchpad .vw-hnav {
display: contents;
}
body.baz-view-compass .vw-hnav details, body.baz-view-dock .vw-hnav details, body.baz-view-agenda .vw-hnav details, body.baz-view-launchpad .vw-hnav details {
display: none;
}
body.baz-view-compass .vw-hnav > a, body.baz-view-dock .vw-hnav > a, body.baz-view-agenda .vw-hnav > a, body.baz-view-launchpad .vw-hnav > a {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: var(--vw-muted);
font-weight: 700;
white-space: nowrap;
}
body.baz-view-compass .vw-hnav > a svg, body.baz-view-dock .vw-hnav > a svg, body.baz-view-agenda .vw-hnav > a svg, body.baz-view-launchpad .vw-hnav > a svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
flex: none;
}
body.baz-view-compass .vw-hnav > a.on, body.baz-view-dock .vw-hnav > a.on, body.baz-view-agenda .vw-hnav > a.on, body.baz-view-launchpad .vw-hnav > a.on {
color: var(--vw-text);
}
body.baz-view-compass .vw-snav, body.baz-view-dock .vw-snav, body.baz-view-agenda .vw-snav, body.baz-view-launchpad .vw-snav {
display: grid;
gap: 2px;
}
body.baz-view-compass .vw-snav a, body.baz-view-dock .vw-snav a, body.baz-view-agenda .vw-snav a, body.baz-view-launchpad .vw-snav a {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 10px;
border-radius: 10px;
color: var(--vw-text);
text-decoration: none;
font-weight: 600;
}
body.baz-view-compass .vw-snav a:hover, body.baz-view-dock .vw-snav a:hover, body.baz-view-agenda .vw-snav a:hover, body.baz-view-launchpad .vw-snav a:hover {
background: var(--vw-surface2);
}
body.baz-view-compass .vw-snav a.on, body.baz-view-compass .vw-snav a[aria-current="page"], body.baz-view-dock .vw-snav a.on, body.baz-view-dock .vw-snav a[aria-current="page"], body.baz-view-agenda .vw-snav a.on, body.baz-view-agenda .vw-snav a[aria-current="page"], body.baz-view-launchpad .vw-snav a.on, body.baz-view-launchpad .vw-snav a[aria-current="page"] {
background: var(--vw-accent-bg);
color: var(--vw-text);
font-weight: 700;
}
body.baz-view-compass .vw-snav svg, body.baz-view-dock .vw-snav svg, body.baz-view-agenda .vw-snav svg, body.baz-view-launchpad .vw-snav svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
flex: none;
}
body.baz-view-compass .vw-snav details > summary, body.baz-view-dock .vw-snav details > summary, body.baz-view-agenda .vw-snav details > summary, body.baz-view-launchpad .vw-snav details > summary {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 10px;
border-radius: 10px;
cursor: pointer;
font-weight: 700;
list-style: none;
}
body.baz-view-compass .vw-snav details > summary::-webkit-details-marker, body.baz-view-dock .vw-snav details > summary::-webkit-details-marker, body.baz-view-agenda .vw-snav details > summary::-webkit-details-marker, body.baz-view-launchpad .vw-snav details > summary::-webkit-details-marker {
display: none;
}
body.baz-view-compass .vw-snav .hn-chev, body.baz-view-dock .vw-snav .hn-chev, body.baz-view-agenda .vw-snav .hn-chev, body.baz-view-launchpad .vw-snav .hn-chev {
margin-left: auto;
transition: transform 0.2s;
}
body.baz-view-compass .vw-snav details[open] > summary .hn-chev, body.baz-view-dock .vw-snav details[open] > summary .hn-chev, body.baz-view-agenda .vw-snav details[open] > summary .hn-chev, body.baz-view-launchpad .vw-snav details[open] > summary .hn-chev {
transform: rotate(90deg);
}
body.baz-view-compass .vw-snav .hn-sub, body.baz-view-compass .vw-snav .aw-navsub, body.baz-view-dock .vw-snav .hn-sub, body.baz-view-dock .vw-snav .aw-navsub, body.baz-view-agenda .vw-snav .hn-sub, body.baz-view-agenda .vw-snav .aw-navsub, body.baz-view-launchpad .vw-snav .hn-sub, body.baz-view-launchpad .vw-snav .aw-navsub {
padding-left: 14px;
}
body.baz-view-compass .vw-snav .aw-nav-heading, body.baz-view-compass .vw-snav .sw-navlbl, body.baz-view-dock .vw-snav .aw-nav-heading, body.baz-view-dock .vw-snav .sw-navlbl, body.baz-view-agenda .vw-snav .aw-nav-heading, body.baz-view-agenda .vw-snav .sw-navlbl, body.baz-view-launchpad .vw-snav .aw-nav-heading, body.baz-view-launchpad .vw-snav .sw-navlbl {
margin: 12px 0 4px;
padding: 0 10px;
font: 600 10.5px var(--vw-mono);
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--vw-muted);
}
body.baz-view-compass .vw-snav .aw-nav-sep, body.baz-view-dock .vw-snav .aw-nav-sep, body.baz-view-agenda .vw-snav .aw-nav-sep, body.baz-view-launchpad .vw-snav .aw-nav-sep {
height: 1px;
background: var(--vw-line);
margin: 8px 0;
}
body.baz-view-compass .vw-snav .aw-coursename, body.baz-view-dock .vw-snav .aw-coursename, body.baz-view-agenda .vw-snav .aw-coursename, body.baz-view-launchpad .vw-snav .aw-coursename {
padding: 4px 10px;
font-weight: 800;
color: var(--vw-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.baz-view-compass .vw-staffmenu, body.baz-view-dock .vw-staffmenu, body.baz-view-agenda .vw-staffmenu, body.baz-view-launchpad .vw-staffmenu {
top: 0;
right: 0;
bottom: 0;
width: min(360px, 92vw);
}
body.baz-view-compass .vw-staffmenu .c-sidesup, body.baz-view-compass .vw-staffmenu .sd-sidesupport, body.baz-view-dock .vw-staffmenu .c-sidesup, body.baz-view-dock .vw-staffmenu .sd-sidesupport, body.baz-view-agenda .vw-staffmenu .c-sidesup, body.baz-view-agenda .vw-staffmenu .sd-sidesupport, body.baz-view-launchpad .vw-staffmenu .c-sidesup, body.baz-view-launchpad .vw-staffmenu .sd-sidesupport {
margin-top: 12px;
}
body.baz-view-compass .cx-nav .vw-hnav > a {
padding: 8px 11px;
border-radius: 10px;
}
body.baz-view-compass .cx-nav .vw-hnav > a:hover {
color: var(--vw-text);
background: var(--vw-surface2);
}
body.baz-view-compass .cx-nav .vw-hnav > a.on {
background: var(--vw-accent-bg);
box-shadow: inset 0 -2px 0 var(--vw-accent);
}
body.baz-view-compass .cx-nav .vw-hnav > a svg {
display: none;
}
body.baz-view-compass .cx-top .vw-search-wrap {
margin-left: auto;
}
body.baz-view-dock .dx-rail .vw-hnav > a, body.baz-view-dock .dx-tabbar .vw-hnav > a {
flex-direction: column;
gap: 4px;
font-size: 11.5px;
text-align: center;
white-space: normal;
max-width: 84px;
line-height: 1.2;
}
body.baz-view-dock .dx-rail .vw-hnav > a svg, body.baz-view-dock .dx-tabbar .vw-hnav > a svg {
width: 56px;
height: 32px;
padding: 6px 18px;
border-radius: 16px;
box-sizing: border-box;
}
body.baz-view-dock .dx-rail .vw-hnav > a.on svg, body.baz-view-dock .dx-tabbar .vw-hnav > a.on svg {
background: var(--vw-accent-bg);
color: var(--vw-accent-lo);
box-shadow: inset 0 0 0 1px var(--vw-accent-bd);
}
@media (max-width: 860px) {
body.baz-view-dock.baz-view-staff .dx-tabbar {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
body.baz-view-dock .dx-tabbar .vw-menubtn .vw-ni-s {
display: block;
}
}
body.baz-view-agenda .ax-nav .vw-hnav > a {
padding: 8px 0;
border-bottom: 2px solid transparent;
}
body.baz-view-agenda .ax-nav .vw-hnav > a:hover {
color: var(--vw-text);
}
body.baz-view-agenda .ax-nav .vw-hnav > a.on {
border-color: var(--vw-accent);
}
body.baz-view-agenda .ax-nav .vw-hnav > a svg {
display: none;
}
body.baz-view-agenda .ax-nav .vw-menubtn {
color: var(--vw-muted);
}
body.baz-view-agenda .ax-nav .vw-menubtn .vw-ni-ic {
display: none;
}
body.baz-view-launchpad .lx-lgrid .vw-snav {
grid-column: 1 / -1;
}
body.baz-view-launchpad.baz-view-staff .lx-lgrid {
grid-template-columns: minmax(0, 1fr);
}
#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: 1088.98px) {
.filepicker.moodle-dialogue {
max-width: 100%;
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: #D8D8D8;
}
.file-picker .fp-content {
border-top: 0;
background: #fff;
clear: none;
overflow: auto;
height: 375px;
}
.theme-dark .file-picker .fp-content {
background: #161616;
}
.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 {
box-shadow: rgba(0, 0, 0, 0) 0 1px 2px, rgba(0, 0, 0, 0) 0 2px 4px, rgba(0, 0, 0, 0) 0 4px 8px, rgba(0, 0, 0, 0) 0 8px 16px, rgba(0, 0, 0, 0) 0 16px 32px, rgba(0, 0, 0, 0) 0 32px 64px, rgba(50, 50, 93, 0.2) 0 10px 18px -10px inset, rgba(0, 0, 0, 0.3) 0 18px 6px -18px inset;
background-color: #fff;
border: 1px solid #F5F5F5;
color: #212121;
}
.theme-dark .fp-viewbar:not(.disabled) a.checked {
background-color: #161616;
border: 1px solid #101010;
color: #e9e9e9;
}
.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/baz/theme/1794181695/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/baz/theme/1794181695/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: #444444;
}
.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 #D8D8D8;
border-radius: 12px;
display: block;
}
.theme-dark .fp-iconview .fp-thumbnail {
background-color: #161616;
border-color: #262a30;
}
.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: 10px;
min-width: 112px;
font-size: 0.75rem;
}
.theme-dark .fp-iconview .fp-filename-field .fp-filename {
background-color: #161616;
color: #e9e9e9;
}
.file-picker .yui3-datatable table {
border: 0 solid #E1E1E1;
width: 100%;
}
.theme-dark .file-picker .yui3-datatable table {
border-color: #28292c;
}
.file-picker .ygtvtn, .filemanager .ygtvtn {
/*rtl:remove*/
background: url(/theme/image.php/baz/theme/1794181695/y/tn) 14px 0 no-repeat;
/*rtl:raw:
background: url(/theme/image.php/baz/theme/1794181695/y/tn_rtl) 14px 0 no-repeat;
*/
min-width: 40px;
width: 40px;
height: 33px;
}
.file-picker .ygtvtm, .filemanager .ygtvtm {
background: url(/theme/image.php/baz/theme/1794181695/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/baz/theme/1794181695/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/baz/theme/1794181695/y/tp) 14px 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/baz/theme/1794181695/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/baz/theme/1794181695/y/tp) 0 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/baz/theme/1794181695/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/baz/theme/1794181695/y/lnl) 21px -23px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/baz/theme/1794181695/y/ln_rtl) 14px 7px no-repeat;
*/
min-width: 40px;
width: 40px;
height: 32px;
}
.file-picker .ygtvlm, .filemanager .ygtvlm {
background: url(/theme/image.php/baz/theme/1794181695/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/baz/theme/1794181695/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/baz/theme/1794181695/y/lp) 15px 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/baz/theme/1794181695/y/lp_rtl) 15px 10px no-repeat;
*/
min-width: 30px;
width: 30px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvlph, .filemanager .ygtvlph {
/*rtl:remove*/
background: url(/theme/image.php/baz/theme/1794181695/y/lp) 10px 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/baz/theme/1794181695/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/baz/theme/1794181695/y/loading) 0 0 no-repeat;
min-width: 16px;
width: 16px;
height: 22px;
}
.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {
background: url(/theme/image.php/baz/theme/1794181695/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: #e6e9ee;
}
.theme-dark .file-picker .ygtvfocus, .theme-dark .filemanager .ygtvfocus {
background-color: #011b3e;
}
.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: #444444;
}
.theme-dark .fp-filename-icon a {
color: #e9e9e9;
}
.fp-filename-icon a:hover {
color: #81bbaa;
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);
}
.theme-dark .fp-filename-icon.fp-folder a {
color: #444444;
}
.fp-filename {
font-weight: 500;
word-break: break-all;
}
.filemanager .yui3-datatable-cell {
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .filemanager .yui3-datatable-cell {
color: #a0a3a5;
}
.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 #D8D8D8;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.theme-dark .fp-select .fp-thumbnail {
background-color: #161616;
border-color: #262a30;
}
.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: 10px;
}
.theme-dark .filepicker-filelist, .theme-dark .filemanager-container {
background-color: #101010;
}
@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: #6B6B6B;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
display: none;
}
.filepicker-filename {
display: grid;
}
.filepicker-filename a {
padding: 0.75rem 1.5rem;
background-color: #fff;
border: 1px solid #D8D8D8;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 500;
color: #444444;
transition: all 0.2s ease-in-out;
}
.theme-dark .filepicker-filename a {
background-color: #101010;
border-color: #262a30;
color: #e9e9e9;
}
.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/baz/theme/1794181695/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/baz/theme/1794181695/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/baz/core/1794181695/s/dead) no-repeat;
background-position: center center;
}
.filemanager .yui3-datatable table {
width: 100%;
margin-top: 5px;
overflow: hidden;
border-radius: 10px;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
.filemanager .yui3-datatable table {
width: max-content;
}
}
.yui3-skin-sam .yui3-datatable-table {
font-family: "Inter", sans-serif;
border: 0;
}
.yui3-skin-sam .yui3-datatable-header {
border-bottom: 2px solid #D8D8D8;
font-size: 0.875rem;
font-weight: 700;
color: #6B6B6B;
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: #262a30;
color: #a0a3a5;
}
.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/baz/theme/1794181695/baz/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: #161616;
}
.theme-dark.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
background-color: #101010;
}
.theme-dark.yui3-skin-sam .yui3-datatable-cell, .theme-dark.yui3-skin-sam .yui3-datatable-header {
border-color: #262a30;
}
.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 #D8D8D8 !important;
border-left: 0 solid #fff !important;
color: #444444 !important;
}
.theme-dark .filemanager .yui3-datatable-header {
background: #161616 !important;
border-bottom: 1px solid #262a30 !important;
border-left: 0 solid #161616 !important;
color: #e9e9e9 !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: #101010 !important;
border-left: 0 solid #101010;
}
.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: #161616 !important;
border-left: 0 solid #161616;
}
/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
background: url(/theme/image.php/baz/theme/1794181695/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/baz/theme/1794181695/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: 12px;
background-color: #F5F5F5;
color: #444444;
}
.theme-dark .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
background-color: #101010;
color: #e9e9e9;
}
.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;
}
.dndupload-arrow i {
display: none;
}
.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 #929292;
padding-top: 70px;
padding-bottom: 30px;
border-radius: 10px;
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='%23c7c7c7' 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='%23c7c7c7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23c7c7c7' 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: #38393c;
}
.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: 10px;
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: 10px;
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: #6B6B6B;
}
.theme-dark .dndupload-message {
color: #a0a3a5;
}
.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);
}
.path-mod-assign .ygtvitem .ygtvchildren, .block_public_files .ygtvchildren {
display: flex;
flex-wrap: wrap;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvln, .path-mod-assign .ygtvitem .ygtvchildren .ygtvtn, .block_public_files .ygtvchildren .ygtvln, .block_public_files .ygtvchildren .ygtvtn {
display: none;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvcell .icon, .block_public_files .ygtvchildren .ygtvcell .icon {
padding: 5px;
margin: 0 8px 0 0 !important;
width: 24px;
height: 24px;
background-color: #fff;
border-radius: 30px;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvitem, .block_public_files .ygtvchildren .ygtvitem {
padding: 10px 20px 10px 12px;
border-radius: 12px;
background-color: #F5F5F5;
color: #444444;
}
.theme-dark .path-mod-assign .ygtvitem .ygtvchildren .ygtvitem, .theme-dark .block_public_files .ygtvchildren .ygtvitem {
background-color: #101010;
color: #e9e9e9;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvitem .fileuploadsubmissiontime, .block_public_files .ygtvchildren .ygtvitem .fileuploadsubmissiontime {
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .path-mod-assign .ygtvitem .ygtvchildren .ygtvitem .fileuploadsubmissiontime, .theme-dark .block_public_files .ygtvchildren .ygtvitem .fileuploadsubmissiontime {
color: #a0a3a5;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvitem div.fileuploadsubmission, .block_public_files .ygtvchildren .ygtvitem div.fileuploadsubmission {
min-width: 200px;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvitem .fileuploadsubmission a, .block_public_files .ygtvchildren .ygtvitem .fileuploadsubmission a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 220px;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvitem a, .block_public_files .ygtvchildren .ygtvitem a {
display: flex;
align-items: center;
font-size: 1rem;
font-weight: 500;
color: #444444;
}
.theme-dark .path-mod-assign .ygtvitem .ygtvchildren .ygtvitem a, .theme-dark .block_public_files .ygtvchildren .ygtvitem a {
color: #e9e9e9;
}
.path-mod-assign .ygtvitem .ygtvchildren .ygtvitem a::before, .block_public_files .ygtvchildren .ygtvitem a::before {
display: none;
}
.path-mod-assign #ygtv0 {
margin-top: 30px;
}
.path-mod-assign div.fileuploadsubmission, .path-mod-assign div.fileuploadsubmissiontime {
display: flex;
align-items: center;
}
.path-mod-assign div.fileuploadsubmissiontime {
margin-left: 42px;
}
.path-mod-assign div.fileuploadsubmission, .path-mod-assign div.fileuploadsubmissiontime {
float: none;
}
/** The message area **/
.message-app {
display: flex;
flex-direction: column;
height: 100%;
z-index: 1;
right: 10px;
}
.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: #e6e9ee;
}
.messaging-area-container .status .offline-text {
color: #a50b0b;
}
.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 #D8D8D8;
}
.messaging-area-container .messaging-area img {
max-width: 100%;
}
.messaging-area-container .messaging-area .contacts-area {
border-right: 1px solid #D8D8D8;
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: 12px;
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: #e6e9ee !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: #e6e9ee !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 #D8D8D8;
}
.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 #D8D8D8;
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 #D8D8D8;
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: #B7B7B7;
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: 12px;
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: #022758;
}
.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 #D8D8D8;
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: 12px;
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: 1088.98px) {
.preferences-container {
overflow-x: auto;
width: 100%;
}
}
.preferences-container .table {
width: 100%;
}
@media (max-width: 1088.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: #101010;
}
.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: #101010;
}
.preferences-container .preference-table h4 {
margin: 0;
font-weight: 700;
font-size: 0.875rem;
color: #6B6B6B;
}
.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: 96px;
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: #444444;
}
.theme-dark .notification-area {
color: #e9e9e9;
}
.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 #D8D8D8;
}
.theme-dark .notification-area .control-area {
border-color: #262a30;
}
@media (max-width: 1088.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;
width: calc(100% - 340px);
}
.notification-area .content-area .toggle-mode {
display: none;
}
.notification-area .content-area .header {
padding: 0 0 0 30px;
}
@media (max-width: 1088.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: 12px;
}
.notification-area .content-area .header .subject-container {
margin-bottom: 10px;
display: inline-flex;
width: calc(100% - 70px);
font-size: 1.125rem;
font-weight: 500;
font-size: 1.125rem;
}
@media (max-width: 1088.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: #6B6B6B;
}
.notification-area .content-area .header:empty {
display: none;
}
.notification-area .content-area > .content {
height: auto;
font-weight: 400;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: 30px 0 0 95px;
font-size: 0.938rem;
}
@media (max-width: 1088.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: 12px;
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: 1088.98px) {
.notification-area .content-area .footer {
margin: 10px;
}
}
.theme-dark .notification-area .content-area .footer {
background-color: #101010;
color: #c7c7c7;
}
.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: #c7c7c7;
}
div.disabled {
opacity: 0.5;
}
.drawer.message-drawer {
background-color: #fff;
top: 10px;
height: calc(100vh - 20px);
z-index: 9999;
border-radius: 12px;
}
.theme-dark .drawer.message-drawer {
background-color: #161616;
}
@media (min-width: 768px) {
.drawer.message-drawer {
width: 420px;
}
}
@media (max-width: 767.98px) {
.drawer.message-drawer {
width: 100%;
height: 100%;
top: 0;
right: 0;
padding-bottom: 100px;
}
}
.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: #b3becd;
}
.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: #c7c7c7;
}
.message-drawer .message-title, .message-app .message-title {
max-width: 120px;
font-size: 0.875rem;
font-weight: 700;
color: #444444;
}
.theme-dark .message-drawer .message-title, .theme-dark .message-app .message-title {
color: #e9e9e9;
}
.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: #c7c7c7;
}
.message-drawer .close, .message-drawer .btn-close, .message-drawer .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .message-drawer .yui3-button.closebutton, .message-app .close, .message-app .btn-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: 12px;
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 #022758;
}
.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: #161616;
}
.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: #c7c7c7;
}
.message-drawer .message img, .message-app .message img {
max-width: 100%;
width: auto;
height: auto;
border-radius: 12px;
}
.message-drawer .clickable, .message-app .clickable {
margin-left: 5px;
padding: 0.35rem 0;
cursor: pointer;
transition: all 0.2s ease-in-out;
border-radius: 12px;
}
.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: #D8D8D8;
width: 5px;
height: 5px;
border-radius: 12px;
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: #262a30;
}
.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: #c7c7c7;
}
.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 #D8D8D8;
padding-bottom: 1.5rem;
}
.theme-dark .message-search-results-content {
border-color: #262a30;
}
.rui-message-header-info {
color: #444444;
}
.theme-dark .rui-message-header-info {
color: #e9e9e9;
}
.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: #6B6B6B;
}
.theme-dark .rui-message-user-status, .theme-dark [data-action="view-group-info"] small {
color: #a0a3a5;
}
.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: 12px;
color: #F4A614;
display: flex;
align-content: center;
justify-content: center;
}
.theme-dark .rui-message-name-favorite {
background-color: #161616;
}
.rui-additional-info {
background-color: #fff;
padding-left: 72px;
padding-bottom: 5px;
}
.theme-dark .rui-additional-info {
color: #161616;
}
[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: 12px;
font-size: 0.875rem;
color: #444444;
}
.theme-dark .rui-message-app-bg .rui-message-txt {
background-color: #1f2023;
color: #e9e9e9;
}
.rui-message-app-bg-secondary {
width: 80%;
margin: 10px 0 20px;
}
.rui-message-app-bg-secondary .rui-message-txt {
background-color: #e6e9ee;
padding: 10px 20px;
margin-top: 0.25rem;
margin-left: 7px;
border-radius: 12px;
font-size: 0.875rem;
color: #444444;
}
.theme-dark .rui-message-app-bg-secondary .rui-message-txt {
color: #e9e9e9;
}
.rui-message-author-avatar {
position: absolute;
bottom: -15px;
left: 15px;
border: 4px solid #fff;
}
.theme-dark .rui-message-author-avatar {
border-color: #161616;
}
.rui-message-author-name {
font-size: 0.75rem;
}
.rui-message-author-date {
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .rui-message-author-date {
color: #a0a3a5;
}
#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: #0E1420;
color: #434343;
}
.theme-dark #page-message-output-popup-notifications #region-main {
background-color: #101010;
color: #c7c7c7;
}
/* 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: 12px;
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: #e9e9e9;
}
.btn-msg:hover {
background-color: #EEEEEE;
color: #212121;
text-decoration: none;
}
.theme-dark .btn-msg:hover {
background-color: #1f2023;
color: #e9e9e9;
}
.btn-msg-special {
background-color: #e6e9ee;
color: #022758;
}
.theme-dark .btn-msg-special {
background-color: #101010;
color: #fff;
}
.btn-msg-special:hover {
background-color: #ccd4de;
color: #022758;
text-decoration: none;
}
.theme-dark .btn-msg-special:hover {
background-color: #101010;
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: #e9e9e9;
}
.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: 12px;
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: #444444;
}
.theme-dark .rui-message-app-title {
color: #e9e9e9;
}
.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='%23444444' 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: 12px;
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: #1f2023;
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='%23e9e9e9' 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: #c7c7c7;
}
.rui-message-search-input-btn {
display: flex;
align-items: center;
position: absolute;
top: calc(50% - 15px);
right: 25px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 12px;
border: none;
color: #434343;
line-height: 1;
transition: all 0.2s ease-in-out;
}
@media (max-width: 767.98px) {
.rui-message-search-input-btn {
max-width: calc(100vw - 90px);
}
}
.theme-dark .rui-message-search-input-btn {
background-color: #000;
color: #c7c7c7;
}
.rui-message-search-input-btn:hover {
background-color: #022758;
color: #e6e9ee;
}
.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: 12px;
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: #444444;
text-align: left;
background-color: transparent;
border-width: 0 0 2px 0;
border-style: solid;
border-color: #D8D8D8;
}
.theme-dark .rui-message-accordion {
color: #e9e9e9;
border-color: #262a30;
}
.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: #6B6B6B;
transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-accordion .rui-message-accordion-toggle-icon {
color: #a0a3a5;
}
.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='%23444444' 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='%23e9e9e9' 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='%23444444' 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='%23444444' 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='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23444444' 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='%23e9e9e9' 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='%23e9e9e9' 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='%23e9e9e9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23e9e9e9' 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='%23444444' 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='%23444444' 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='%23e9e9e9' 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='%23e9e9e9' 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 {
display: inline-flex;
gap: 10px;
align-items: center;
color: #6B6B6B;
overflow: hidden;
}
.rui-message-badge .rui-message-badge-icon {
display: flex;
align-items: center;
padding: 4px 6px;
background-color: #EEEEEE;
color: #6B6B6B;
border-radius: 12px;
}
.theme-dark .rui-message-badge .rui-message-badge-icon {
background-color: #1f2023;
color: #a0a3a5;
}
.rui-message-badge .rui-message-total-count {
font-weight: 500;
}
.rui-message-badge .rui-message-total-unread {
min-width: 26px;
text-align: center;
padding: 4px 6px;
border-radius: 12px;
background-color: #EAF4DD;
color: #004B57;
font-weight: 700;
}
.rui-message-list-item {
margin: 10px 0;
position: relative;
border-radius: 12px;
}
.rui-message-list-item:first-of-type {
margin-top: 0;
}
.rui-message-list-item:after {
content: "";
background-color: #D8D8D8;
height: 1px;
width: calc(100% + 12px);
position: absolute;
left: -6px;
bottom: -10px;
}
.theme-dark .rui-message-list-item:after {
background-color: #262a30;
}
.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: #101010;
}
.rui-msg-fullname {
font-size: 0.875rem;
color: #444444;
font-weight: 500;
}
.theme-dark .rui-msg-fullname {
color: #e9e9e9;
}
.rui-last-message-date {
margin-right: 10px;
display: inline-flex;
align-items: flex-start;
font-size: 0.75rem;
font-weight: 400;
color: #6B6B6B;
line-height: 1;
}
.theme-dark .rui-last-message-date {
color: #a0a3a5;
}
.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;
font-size: 11px;
line-height: 1.2;
display: inline-flex;
border-radius: 12px;
}
.rui-last-message-user-you {
background-color: #e6e9ee;
color: #022758;
}
.rui-last-message-user-sender {
background-color: #F5F5F5;
color: #929292;
}
.theme-dark .rui-last-message-user-sender {
background-color: #101010;
color: #626367;
}
.rui-message-heading {
margin: 0;
font-size: 1.125rem;
color: #444444;
}
.theme-dark .rui-message-heading {
color: #e9e9e9;
}
.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: 12px;
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: #6B6B6B;
text-align: center;
}
.theme-dark .rui-message-date {
color: #a0a3a5;
}
.rui-message-date:before {
content: "";
background-color: #D8D8D8;
width: 40px;
height: 1px;
position: absolute;
top: 0;
right: calc(50% - 20px);
}
.theme-dark .rui-message-date:before {
background-color: #262a30;
}
.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 12px 12px 12px;
font-size: 0.938rem;
color: #444444;
}
.theme-dark .rui-message-text {
background-color: #101010;
color: #e9e9e9;
}
.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: #e6e9ee;
border-radius: 12px 0 12px 12px;
}
.theme-dark .send .rui-message-text {
background-color: #28292c;
color: #e9e9e9;
}
.rui-message-footer-container {
padding: 15px;
}
.rui-messageselected {
padding: 0.25rem;
border: 2px dashed #D8D8D8;
border-radius: 12px;
}
.theme-dark .rui-messageselected {
border-color: #262a30;
}
@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 #D8D8D8;
}
.theme-dark #chooseqtype .fakeqtypes {
border-color: #262a30;
}
#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 #D8D8D8;
padding: 0.24em 0;
}
.theme-dark #chooseqtype .qtypes {
border-color: #262a30;
}
#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: #101010;
}
#chooseqtype .instruction, #chooseqtype .selected .qtypesummary {
display: block;
}
#categoryquestions {
margin: 0;
}
#categoryquestions td, #categoryquestions th {
padding: 0 0.2em;
color: #444444;
}
.theme-dark #categoryquestions td, .theme-dark #categoryquestions th {
color: #e9e9e9;
}
#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 div.r0, .que div.r1 {
border-radius: 12px;
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: 12px;
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: #444444;
}
.theme-dark .que .generalfeedback, .theme-dark .que .numpartscorrect .que .rightanswer, .theme-dark .que .im-feedback, .theme-dark .que p {
color: #e9e9e9;
}
.rightanswer {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.rightanswer p {
font-weight: 700;
}
.que .correctness.correct {
background-color: #022758;
}
.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 #D8D8D8;
}
.theme-dark .importerror {
border-color: #262a30;
}
.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_delete, #page-mod-quiz-edit .section-heading .editing_section {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
text-decoration: none;
}
#page-mod-quiz-edit .section-heading .editing_delete:before, #page-mod-quiz-edit .section-heading .editing_section:before {
display: none;
}
#page-mod-quiz-edit .section-heading .editing_delete .icon, #page-mod-quiz-edit .section-heading .editing_section .icon {
font-size: 16px;
padding: 10px;
border-radius: 24px;
}
#page-mod-quiz-edit .section-heading .editing_delete .icon {
color: #a50b0b;
background-color: #feeded;
}
#page-mod-quiz-edit .section-heading .editing_section .icon {
color: #022758;
background-color: #F5F5F5;
}
.theme-dark#page-mod-quiz-edit .section-heading .editing_section .icon {
color: #e9e9e9;
background-color: #28292c;
}
.editing_section .icon {
padding: 10px;
background-color: #F5F5F5;
border-radius: 24px;
}
.theme-dark .editing_section .icon {
filter: invert(1);
}
#page-mod-quiz-edit .section-heading .instancesection {
max-width: 100%;
}
#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: 12px;
border: 1px solid #D8D8D8;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
margin: 0;
font-family: "Inter", 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: 12px;
}
#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 #262a30;
}
.theme-dark#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer {
background-color: #161616;
}
#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: #444444;
}
.theme-dark#page-mod-quiz-edit .inplaceeditable-text {
color: #e9e9e9;
}
#page-mod-quiz-edit .inplaceeditable .quickeditlink {
padding: 3px 6px;
background-color: #F5F5F5;
color: #444444;
border-radius: 12px;
display: inline-flex;
align-items: center;
height: 30px;
}
.theme-dark#page-mod-quiz-edit .inplaceeditable .quickeditlink {
background-color: #101010;
color: #e9e9e9;
}
#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: 0.938rem;
font-weight: 700;
color: #027654;
}
.theme-dark#page-mod-quiz-edit #categoryquestions .questionname, .theme-dark#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
color: #b3becd;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
display: block;
padding-left: 44px;
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: #c7c7c7;
}
#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 #D8D8D8;
}
.theme-dark .mod_quiz-edit-top-controls {
border-color: #262a30;
}
.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.5rem 1rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 96px;
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: #a0a3a5;
}
.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;
color: #434343;
border-radius: 24px;
}
.theme-dark#page-mod-quiz-edit .slotnumber {
filter: invert(1);
}
#page-mod-quiz-edit div.editq div.question div.content {
background-color: #F5F5F5;
border: 1px solid #D8D8D8;
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: 24px;
}
.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-mod-quiz-edit #categoryquestions > thead {
background: #fff;
}
.theme-dark #page-mod-quiz-edit #categoryquestions > thead {
background: #161616;
}
#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: #101010;
}
#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: #c7c7c7;
}
#page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited {
color: #027654;
}
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:link, .theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:visited {
color: #b3becd;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
color: #81bbaa;
}
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:hover {
color: #8193ac;
}
#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: #444444;
}
.theme-dark #page-mod-quiz-edit .questionbankwindow div.header .title {
color: #e9e9e9;
}
#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: #F5F5F5;
}
#page-mod-quiz-edit div.question div.content div.points {
margin-top: -0.5em;
padding-bottom: 0;
border: none;
background-color: #F5F5F5;
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: #222222;
}
#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: #F5F5F5;
}
#page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img {
background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
border: 1px solid #D8D8D8;
border-radius: 2px;
overflow: hidden;
}
.theme-dark #page-mod-quiz-edit div.quizpage .pagecontent {
border-color: #262a30;
}
#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;
text-decoration: none;
}
#page-mod-quiz-edit ul.slots .activityinstance > a:hover {
text-decoration: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
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: #a50b0b;
}
#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;
max-width: initial;
}
.path-mod-quiz .statedetails {
display: block;
font-size: 0.75rem;
opacity: 0.7;
}
a#hidebankcmd {
color: #027654;
}
.theme-dark a#hidebankcmd {
color: #b3becd;
}
.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;
}
.questionbankwindow .createnewquestion {
margin: 1rem 0 2rem;
}
.questionbankwindow .choosecategory {
margin-bottom: 1rem;
}
.questionbankwindow #displayoptions {
padding: 10px 18px;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 0.938rem !important;
border-radius: 12px;
border: 2px solid #b3becd;
}
.questionbankwindow #displayoptions .tag-condition-container {
margin: 1rem 0;
padding: 1rem 0;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark .questionbankwindow #displayoptions .tag-condition-container {
border-color: #262a30;
}
.questionbankwindow #displayoptions .tag-condition-container .form-group {
margin: 0;
}
table#categoryquestions thead {
background-color: #fff;
position: sticky;
top: 0;
z-index: 3;
}
.theme-dark table#categoryquestions thead {
background-color: #161616;
}
table#categoryquestions td.modifiername .date, table#categoryquestions td.creatorname .date {
display: block;
margin-top: 0.35rem;
font-size: 0.75rem;
color: #434343;
}
.theme-dark table#categoryquestions td.modifiername .date, .theme-dark table#categoryquestions td.creatorname .date {
color: #c7c7c7;
}
table#categoryquestions th, table#categoryquestions td {
padding: 0.75rem !important;
}
table#categoryquestions th {
color: #444444;
}
.theme-dark table#categoryquestions th {
color: #e9e9e9;
}
table#categoryquestions .editmenu {
width: 100px;
}
table#categoryquestions .iconcol .icon {
width: 18px;
height: 18px;
padding: 6px;
border-radius: 12px;
}
table#categoryquestions .addtoquizaction .icon {
background-color: #E1E1E1;
}
.theme-dark table#categoryquestions .addtoquizaction .icon {
background-color: #28292c;
}
#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 {
background-color: transparent;
color: #c7c7c7;
}
#categoryquestions .header:hover {
background-color: #F5F5F5;
}
.theme-dark #categoryquestions .header:hover {
background-color: #101010;
}
.qbank_columnsortorder-action-handle.move {
margin-left: -31px;
}
#categoryquestions .qtype {
width: 60px;
}
#categoryquestions label {
width: max-content;
max-width: 300px;
color: #444444;
}
.theme-dark #categoryquestions label {
color: #e9e9e9;
}
.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: 12px;
}
.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: 12px;
}
#techinfo_inner p {
margin: 0.15rem 0;
}
.theme-dark #techinfo_inner {
background-color: #101010;
}
#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 #D8D8D8;
}
.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: 20px;
padding-right: 20px;
border-radius: 12px;
font-size: 0.875rem;
background-color: #e6e9ee;
}
.rui-quizinfo .btn {
padding: 0.6rem 1rem;
font-size: 0.8125rem;
}
.theme-dark .rui-quizinfo {
background-color: #101010;
}
.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: #D8D8D8;
width: 60px;
height: 1px;
position: absolute;
top: -3rem;
left: calc(50% - 30px);
}
.theme-dark .que:before {
background-color: #262a30;
}
.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 #D8D8D8;
font-size: 0.938rem;
display: inline-flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
}
.theme-dark .que .info {
border-color: #262a30;
}
.que .grade, .que .state {
margin: 0;
padding: 0.35rem 1rem;
background-color: #EAF4DD;
border-radius: 12px;
font-size: 0.75rem;
}
.theme-dark .que .grade, .theme-dark .que .state {
background-color: #004B57;
}
.que .grade:empty, .que .state:empty {
display: none;
}
.rui-question-no {
color: #444444;
font-family: "Inter", 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: #e9e9e9;
}
.que .grade {
background-color: #F5F5F5;
color: #434343;
}
.theme-dark .que .grade {
background-color: #28292c;
color: #c7c7c7;
}
.que .info > div {
display: flex;
margin: 0;
font-weight: 500;
}
.que .qtext {
margin-bottom: 0.5rem;
}
.que .content {
margin: 0;
}
.que .content .feedback {
max-width: 100%;
width: max-content;
margin-top: 0;
padding: 8px 14px 8px 40px;
background-size: 24px;
background-repeat: no-repeat;
background-position: 12px 9px;
border-radius: 12px;
}
.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: #444444;
}
.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: #a50b0b;
}
.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: #004B57;
}
.theme-dark .correct .feedback, .theme-dark .correct .state {
background-color: #0a6457;
color: #EAF4DD;
}
.answersaved .feedback, .answersaved .state {
background-color: #e6e9ee;
color: #011b3e;
}
.theme-dark .answersaved .feedback, .theme-dark .answersaved .state {
background-color: #022758;
color: #e6e9ee;
}
.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");
}
.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='%23a50b0b' 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='%23a50b0b' 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='%23a50b0b'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23a50b0b'/%3E%3C/svg%3E");
}
.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='%23004B57' 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='%23004B57' 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='%23004B57'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23004B57'/%3E%3C/svg%3E");
}
.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: #e6e9ee;
}
.theme-dark .answersaved .state {
background-color: #022758;
}
.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: #004B57;
border-color: #96CA88;
}
.theme-dark .que .answer .correct {
background-color: #0a6457;
color: #EAF4DD;
}
.que .specificfeedback {
margin: 0;
padding: 0 10px;
border-radius: 12px;
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/baz/theme/1794181695/baz/icon-message-square);
background-size: 20px;
border-radius: 12px;
font-size: 30px;
color: #a50b0b;
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 {
margin-top: 5px;
padding-top: 0;
display: inline-flex;
width: 100%;
justify-content: space-between;
}
#page-mod-quiz-summary .submitbtns {
display: flex;
flex-direction: column;
gap: 20px;
text-align: left;
font-size: 0.875rem;
}
.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='%23b3becd' /%3E%3Cpath d='M2 22.9502L4.12171 15.1717L9.77817 20.8289L2 22.9502Z' fill='%23b3becd' /%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: 12px;
}
.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/baz/theme/1794181695/baz/icon-calendar);
background-color: #F5F3FB;
}
.rui-infobox--attemptlist, .rui-infobox--attempts {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-rewind);
background-color: #F5F5F5;
}
.rui-infobox--state {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-git-commit);
background-color: #fbefe9;
}
.rui-infobox--completedon {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-award);
background-color: #EAF4DD;
}
.rui-infobox--timetaken {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-clock);
background-color: #FDF6EA;
}
.rui-infobox--grade {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-edit);
background-color: #EEF8FF;
}
.rui-infobox--feedback {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-message-square);
background-color: #F5F5F5;
}
.rui-infobox--overdue {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-alert-triangle);
background-color: #fbc8c8;
}
.rui-infobox--marks {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-check-square);
background-color: #F5F5F5;
}
.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 #page {
z-index: 2;
}
#page-mod-quiz-report .sticky-column {
position: sticky;
left: 0;
background-color: #fff;
z-index: 1029;
}
#page-mod-quiz-report.drawer-open-left .sticky-column {
left: 285px;
}
.theme-dark#page-mod-quiz-report .sticky-column {
background-color: #161616;
}
#page-mod-quiz-report .main-content #tablecontainer {
margin: 30px 0;
}
#page-mod-quiz-report .main-content #tablecontainer .no-overflow {
overflow: initial;
}
#page-mod-quiz-report .main-content #tablecontainer .no-overflow #attempts {
min-width: 100%;
width: max-content;
}
#page-mod-quiz-report .main-content #tablecontainer .no-overflow #attempts thead {
position: sticky;
top: 50px;
z-index: 1030;
background-color: #fff;
}
.theme-dark#page-mod-quiz-report .main-content #tablecontainer .no-overflow #attempts thead {
background-color: #161616;
}
body.path-mod-quiz .gradedattempt, body.path-mod-quiz table tbody tr.gradedattempt > td, body.path-mod-quiz table tbody tr.gradedattempt > td.sticky-column {
background-color: #b3becd;
}
.quizattemptcounts {
display: inline-flex;
align-items: center;
text-align: left;
margin: 10px 0;
font-size: 0.75rem;
font-weight: 500;
}
.quizattemptcounts a:before {
display: none;
}
#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: #6B6B6B;
}
#page-mod-quiz-report table#attempts .correct {
color: #004B57;
}
#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: 12px;
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;
}
div[id^=fgroup_id_][id*=answeroptions_], div[id^=fitem_id_][id*=feedback_], div[id^=fitem_id_][id*=subquestions_], div[id^=fitem_id_][id*=subanswers_], div[id^=fitem_id_][id*=answer_] {
margin: 0 !important;
}
div[id^=fgroup_id_][id*=answeroptions_], div[id^=fitem_id_][id*=feedback_], div[id^=fitem_id_][id*=subquestions_], div[id^=fitem_id_][id*=subanswers_], div[id^=fitem_id_][id*=answer_], div[id^=fitem_id_][id*=fraction_] {
margin: 0 !important;
padding: 11px 10px 13px !important;
border-color: #D8D8D8 !important;
background-color: #F5F5F5 !important;
}
.theme-dark div[id^=fgroup_id_][id*=answeroptions_], .theme-dark div[id^=fitem_id_][id*=feedback_], .theme-dark div[id^=fitem_id_][id*=subquestions_], .theme-dark div[id^=fitem_id_][id*=subanswers_], .theme-dark div[id^=fitem_id_][id*=answer_], .theme-dark div[id^=fitem_id_][id*=fraction_] {
background-color: #101010 !important;
border-color: #262a30 !important;
}
div[id^=fgroup_id_][id*=answeroptions_], div[id^=fitem_id_][id*=subquestions_], div[id^=fitem_id_][id*=answer_] {
border-radius: 12px 12px 0 0 !important;
margin-bottom: 0 !important;
}
div[id^=fitem_id_][id*=feedback_], div[id^=fitem_id_][id*=subanswers_] {
border-radius: 0 0 12px 12px !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 #262a30 !important;
}
.content .attachments {
margin-top: 2rem;
position: relative;
}
.que .validationerror {
margin-top: 1rem;
}
.que.multianswer .feedbackspan {
padding: 1rem;
background-color: #FDF6EA;
border-radius: 12px;
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/baz/theme/1794181695/baz/icon-alert-circle);
background-size: 18px;
background-position: 20px;
background-repeat: no-repeat;
border-radius: 12px;
font-size: 0.875rem;
font-weight: 500;
color: #444444;
}
#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: 12px;
color: #434343;
}
.rui-infobox--attemptlist a:hover, .rui-infobox--attemptlist strong:hover, .rui-infobox--attempts a:hover, .rui-infobox--attempts strong:hover {
background-color: #e6e9ee;
color: #022758;
}
.rui-infobox--attemptlist strong, .rui-infobox--attempts strong {
opacity: 0.4;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
min-width: 20px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
padding: 0.75rem 1.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 12px;
}
.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: 7px 30px 7px 14px;
width: max-content;
max-width: 200px;
font-size: 12px;
height: 40px !important;
display: inline-block;
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: 12px;
appearance: none;
}
.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;
}
#responseform {
padding: 20px;
border: 1px solid #D8D8D8;
border-radius: 12px;
}
.theme-dark #responseform {
border-color: #262a30;
}
table .highlight:before {
display: none;
}
table tr.highlight {
border: 2px solid #8193ac !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: 12px !important;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_] .invalid-feedback {
background-color: #feeded !important;
color: #a50b0b;
}
.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: #101010;
border-color: #28292c;
}
.theme-dark .que.ddimageortext .draghome, .que.ddimageortext .drag, .theme-dark form.mform fieldset#id_previewareaheader .droppreview {
border-color: #262a30;
background-color: #101010;
}
#page-mod-quiz-attempt.pagelayout-secure .submitbtns, #page-mod-quiz-review.pagelayout-secure .submitbtns {
margin-bottom: 0;
}
#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%;
}
#page-mod-quiz-view .quizinfo {
text-align: left;
}
#page-mod-quiz-edit #categoryquestions span.questionname, #page-mod-quiz-edit ul.slots li.activity div.activityinstance span.questionname {
font-size: 13px;
color: #444444;
}
.theme-dark#page-mod-quiz-edit #categoryquestions span.questionname, .theme-dark#page-mod-quiz-edit ul.slots li.activity div.activityinstance span.questionname {
color: #e9e9e9;
}
#page-mod-quiz-edit .modal table.question-bank-table {
table-layout: auto;
}
#page-mod-quiz-edit .modal table.question-bank-table td, #page-mod-quiz-edit .modal table.question-bank-table th {
width: 50px !important;
text-align: left;
}
#page-mod-quiz-edit .modal table.question-bank-table .questionname {
display: inline-block;
width: 300px;
}
#page-mod-quiz-edit .modal .question-bank-table .questionnametext {
width: auto;
}
#categoryquestions th div {
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 1px;
}
#categoryquestions th div.form-check {
width: auto;
}
#categoryquestions th div.header-container {
display: inline-flex;
width: max-content;
}
.modal #categoryquestions th div.header-container {
display: block;
}
#categoryquestions .checkbox input[type="checkbox"] {
width: 20px;
height: 20px;
}
#page-mod-quiz-edit .question-bank-table .header.checkbox .header-container .header-text .mr-1, #page-mod-quiz-edit .question-bank-table .header.checkbox .header-container .header-text .me-1 {
margin: 0 !important;
}
#page-mod-quiz-edit .question-bank-table .header-container {
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .header-container .header-text:empty {
display: none;
}
#page-mod-quiz-edit .question-bank-table th .sorters {
font-size: 0.875rem;
text-align: left;
}
#page-mod-quiz-edit .question-bank-table .questionnametext {
padding: 0 !important;
vertical-align: middle !important;
}
#page-mod-quiz-edit .question-bank-table .questiontext {
display: block;
padding-top: 0;
padding-left: 0;
}
#page-mod-quiz-edit .question-bank-table .qtype {
width: 30px;
padding: 5px;
text-align: left;
vertical-align: middle;
}
#page-mod-quiz-edit .question-bank-table .qtype img {
width: 16px;
height: 16px;
}
.qbank-column-list th {
border-bottom: 2px solid #D8D8D8;
}
.theme-dark .qbank-column-list th {
border-color: #262a30;
}
.questionbankwindow .input-group-text, .questionbankwindow .form-control {
padding: 3px 11px;
height: 41px;
font-size: 0.75rem;
}
.questionbankwindow .custom-select {
padding: 3px 31px 3px 11px;
height: 41px;
font-size: 0.75rem;
}
.questionbankwindow .form-autocomplete-downarrow {
right: 6px;
}
#page-question-edit #categoryquestions .r0 {
border-bottom: 0;
}
#page-question-edit #categoryquestions .r0 + .r0 {
border-bottom: 1px solid #D8D8D8;
}
.theme-dark #page-question-edit #categoryquestions .r0 + .r0 {
border-color: #262a30;
}
#page-question-edit #categoryquestions .questiontext p {
padding: 0 0 0 62px !important;
font-size: 0.75rem !important;
}
body:has(.question_table) #page, body:has(.gradereport-grader-table) #page {
overflow: auto;
}
.qbank_managecategories-categorylist {
margin: 0;
padding: 0;
border-radius: 12px;
}
.qbank_managecategories-categorylist .qbank_managecategories-details {
display: flex;
align-items: center;
}
.theme-dark .qbank_managecategories-categorylist {
border-color: #262a30;
}
#page-question-bank-managecategories-category .context-heading {
margin-top: 30px;
margin-bottom: 0;
font-size: 1rem;
}
#categoryroot {
padding: 0;
}
.qbank_managecategories-item .container {
margin: 0;
width: 100%;
max-width: 100%;
}
/* user.less */
.userprofile .fullprofilelink {
text-align: center;
margin: 10px;
}
.userprofile .description {
margin-top: 10px;
margin-bottom: 30px;
}
.page-context-header + .profile_tree {
margin-top: 20px;
}
.userprofile .profile_tree {
margin-top: 30px;
column-count: 2;
gap: 20px;
}
@media (min-width: 1200px) {
.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 li, .profile_tree .node_category dd, .profile_tree .node_category dt {
font-size: 0.813rem;
}
.profile_tree .node_category li {
padding: 3px 0;
}
.profile_tree .node_category dd {
color: #434343;
}
.theme-dark .profile_tree .node_category dd {
color: #c7c7c7;
}
.profile_tree .node_category .editprofile {
margin-bottom: 30px;
}
.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: 35px;
height: 35px;
border-radius: 12px;
}
.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: 12px;
background-color: #e6e9ee;
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.5rem 1rem;
background-color: #F5F5F5;
font-size: 0.75rem;
font-weight: 500;
color: #444444;
text-align: left;
border-radius: 12px;
}
.theme-dark [data-region="participant-count"] {
background-color: #101010;
color: #a0a3a5;
}
.filter-group {
margin-top: 20px;
padding: 10px;
border-radius: 12px;
border: 1px solid #D8D8D8;
}
.theme-dark .filter-group {
border-color: #262a30;
}
@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;
}
}
#user-result-listbox {
margin: 0 !important;
padding: 0 !important;
}
.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-myoverview .simplesearchform {
max-width: 100%;
}
@media (max-width: 767.98px) {
.simplesearchform {
max-width: 100%;
}
}
.simplesearchform input:focus {
outline: none;
font-weight: 500;
color: #022758;
}
.simplesearchform .form-control {
border-radius: 12px 0 0 12px !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: #929292;
width: 30px;
height: 30px;
border-radius: 30px;
top: calc(50% - 15px);
right: 55px;
}
.theme-dark .simplesearchform .btn-close {
background-color: #101010;
color: #626367;
}
.simplesearchform .btn-close:hover {
background-color: #feeded;
color: #ef1010;
}
.simplesearchform .btn-submit {
background-color: #F5F5F5;
}
.theme-dark .simplesearchform .btn-submit {
background-color: #38393c;
color: #e9e9e9;
}
.simplesearchform .withclear {
margin: 0;
width: 220px;
max-height: 44px;
padding-right: 50px;
}
.simplesearchform .searchinput {
display: flex;
flex: 1 1 auto;
}
.simplesearchform .collapsing {
height: inherit;
transition: none;
width: inherit;
}
.rui-searchform-navbar {
width: 280px !important;
position: absolute;
top: 0;
right: 0;
height: 44px;
}
.rui-searchform-navbar .btn-submit, .rui-searchform-navbar .simplesearchform .withclear {
height: 44px;
}
.theme-dark .rui-searchform-navbar .btn-submit, .theme-dark .rui-searchform-navbar .simplesearchform .withclear {
background-color: #28292c;
}
@media (max-width: 1088.98px) {
.rui-searchform-navbar {
width: 293px !important;
left: -164px;
right: auto;
}
}
.rui-searchform-navbar .btn-submit {
border-radius: 0 12px 12px 0 !important;
}
@media (max-width: 1088.98px) {
.simplesearchform .collapse.show, .simplesearchform .collapsing {
position: absolute;
left: 4px;
top: -2px;
width: 100%;
display: flex;
background-color: #fff;
z-index: 10000;
height: 50px;
}
.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: #444444;
}
.theme-dark .search-results .result-title {
color: #e9e9e9;
}
.search-results .result-title a {
color: inherit;
}
.search-results .result-title a:hover {
text-decoration: none;
color: #027654;
}
.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: #c7c7c7;
}
.search-results .result-context-info {
margin: 10px 0 10px 34px;
font-size: 0.875rem;
font-weight: 700;
color: #444444;
}
.theme-dark .search-results .result-context-info {
color: #e9e9e9;
}
.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.5rem 1rem;
font-size: 0.75rem;
font-weight: 500;
border-radius: 12px;
}
.form-label .form-shortname {
font-size: 11px;
color: #6B6B6B;
align-items: center;
word-break: break-word;
}
.theme-dark .form-label .form-shortname {
color: #a0a3a5;
}
.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: #6B6B6B;
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%;
}
.singleselect label {
margin-bottom: 0;
margin-right: 0.35rem;
}
.form-item .form-label label {
margin-bottom: 0;
font-weight: 500;
line-height: 1.2;
align-items: center;
}
.form-item .form-label label p {
margin-bottom: 0;
}
.form-label {
font-weight: 500;
}
.form-label p {
margin-bottom: 0;
}
div#dateselector-calendar-panel {
z-index: 99999;
/* 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;
}
.theme-dark .availability-field .availability-eye {
filter: invert(1);
}
.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: 12px;
padding: 5px 20px;
}
.theme-dark .availability-header {
background-color: #101010;
}
.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: 12px;
border: 1px solid #D8D8D8;
padding: 0.35rem;
margin-top: 0;
margin-right: 0;
}
.theme-dark .availability-inner, .theme-dark .availability-plugincontrols {
border-color: #262a30;
}
.availability-inner .availability-none, .availability-plugincontrols .availability-none {
padding: 0.25rem;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 500;
color: #444444;
}
.theme-dark .availability-inner .availability-none, .theme-dark .availability-plugincontrols .availability-none {
color: #e9e9e9;
}
.availability-inner .availability-none .badge, .availability-plugincontrols .availability-none .badge {
margin: 0 !important;
}
.availability-inner .label, .availability-plugincontrols .label {
display: inline-block;
margin: 10px;
padding: 0.25rem 0.5rem;
background-color: #EEEEEE;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 500;
color: #444444;
}
.theme-dark .availability-inner .label, .theme-dark .availability-plugincontrols .label {
background-color: #1f2023;
color: #e9e9e9;
}
.availability-inner .availability-eye, .availability-plugincontrols .availability-eye {
padding: 3px;
border-radius: 100%;
background-color: #fff;
box-shadow: rgba(60, 64, 67, 0.2) 0px 1px 0px 0px, rgba(60, 64, 67, 0.15) 0px 2px 4px 1px;
}
.theme-dark .availability-inner .availability-eye, .theme-dark .availability-plugincontrols .availability-eye {
background-color: #aeaeae;
box-shadow: none;
}
.availability-plugincontrols {
padding: 6px 14px;
}
.availability-plugincontrols, .availability-childlist .availability-inner {
margin-left: 0.625rem;
}
.availability-header select, .availability-field .availability-plugincontrols .availability-group select {
padding: 2px 30px 2px 8px;
max-width: 12rem;
height: 30px;
font-size: 11px;
}
.availability-item {
background-color: #fff;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
border-radius: 12px;
padding: 10px;
font-size: 0.875rem;
gap: 10px;
flex-wrap: wrap;
}
.theme-dark .availability-item {
background-color: #161616;
}
.availability-item .availability-group {
display: inline-flex;
align-items: center;
gap: 10px;
}
.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: 6px !important;
text-align: center;
line-height: 1;
background-color: #F5F5F5;
min-width: 30px;
width: 30px;
height: 30px;
border-radius: 24px;
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.2rem;
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"] .badge-label {
width: max-content;
max-width: 100%;
display: flex;
flex-wrap: wrap;
}
.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: #fff;
border-radius: 12px;
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: 12px;
margin: 0 0 0.25rem;
cursor: pointer;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
}
.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, .form-autocomplete-suggestions li[aria-selected="true"] {
background-color: #EEEEEE;
color: #434343;
}
.form-autocomplete-suggestions li[aria-disabled="true"] {
pointer-events: none;
color: #929292;
background-color: #EEEEEE;
}
.form-autocomplete-suggestions li.suggestions-heading {
pointer-events: none;
font-size: 0.938rem;
font-weight: 700;
color: #434343;
background-color: transparent;
padding-left: 11px;
}
.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: #434343;
}
.form-autocomplete-suggestions li span img {
margin-right: 0.35rem;
width: 20px;
height: 20px;
border-radius: 12px;
}
.form-autocomplete-suggestions li small {
display: block;
width: 100%;
}
.form-autocomplete-downarrow {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 12px;
background-color: #EEEEEE;
color: #434343;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
@media (min-width: 768px) {
.form-autocomplete-downarrow {
top: calc(50% - 15px) !important;
right: 8px;
width: 30px;
height: 30px;
}
}
@media (max-width: 767.98px) {
.form-autocomplete-downarrow {
top: calc(50% - 12px) !important;
right: 8px;
width: 24px;
height: 24px;
}
}
.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: 33px;
display: block;
}
.form-autocomplete-selection [data-active-selection="true"] span img {
margin-right: 0.35rem;
width: 20px;
height: 20px;
border-radius: 12px;
}
/* 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;
min-height: 200px;
}
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;
}
[data-filetypesbrowserbody]:has(> [data-filetypesbrowserkey="*"] input[data-filetypesbrowserkey="*"]:checked) > [role="treeitem"]:not([data-filetypesbrowserkey="*"]) {
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.1rem;
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 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23444444' 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: center right 12px;
border-radius: 12px;
}
.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='%23e9e9e9' 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: #6B6B6B;
}
.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: #a0a3a5;
}
.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: #101010;
border-color: #262a30;
color: #a0a3a5;
}
.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/baz/core/1794181695/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='%23444444' 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 #D8D8D8;
}
.modal .fheader.collapsed, .modal .fheader.icons-collapse-expand, .modal .mform fieldset.collapsed legend a.fheader {
margin-right: 20px !important;
}
.theme-dark .fheader.collapsed, .theme-dark .fheader.icons-collapse-expand, .theme-dark .mform fieldset.collapsed legend a.fheader {
border-color: #262a30;
}
.fheader.collapsed .fa, .fheader.icons-collapse-expand .fa, .mform fieldset.collapsed legend a.fheader .fa {
display: none;
}
.mform .form-inline .fdefaultcustom label {
justify-content: initial;
}
}
.collapsible + .collapsible {
margin-top: 5px;
}
.btn.btn-icon {
background-position: center;
}
@media (min-width: 768px) {
.fcontainer {
padding: 0.75rem 0;
}
.modal .collapsible .fcontainer {
padding: 0 65px !important;
}
}
@media (max-width: 767.98px) {
.fcontainer {
padding: 10px;
}
}
.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: #6B6B6B;
word-break: break-word;
}
.theme-dark .form-description, .theme-dark .form-control-static {
color: #a0a3a5;
}
.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: 12px;
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: #101010;
}
.fdescription.required .icon {
display: inline-flex;
}
.fdescription.form-filetypes-descriptions {
background-color: #F5F5F5;
}
.theme-dark .fdescription.form-filetypes-descriptions {
background-color: #101010;
}
.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% - 15px);
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: 12px;
}
.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: 12px;
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: 12px;
}
.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: 5px;
margin-bottom: 1.25rem;
font-size: 0.875rem !important;
border-radius: 12px;
border: 2px solid #b3becd;
}
.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: #38393c;
}
.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: 12px;
background-color: #022758;
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: #38393c;
color: #e9e9e9;
}
.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: 12px;
line-height: 1;
}
.theme-dark a[id*="_calendar"] {
background-color: #28292c;
}
a[id*="_calendar"]:hover {
background-color: #e6e9ee;
}
a[id*="_calendar"]:hover a {
color: #022758;
}
a[id*="_calendar"] .icon {
width: 24px;
height: 24px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
color: #444444;
}
.theme-dark a[id*="_calendar"] .icon {
color: #e9e9e9;
}
.form-filemanager {
width: inherit;
}
.form-filemanager p {
font-size: 0.75rem;
}
.search-input-group {
display: flex;
position: relative;
z-index: 1;
color: #434343;
}
@media (max-width: 1088.98px) {
.rui-icon-menu .search-input-group {
position: absolute;
z-index: 3;
top: -4px;
}
}
.theme-dark .search-input-group {
color: #c7c7c7;
}
.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: 12px;
background-color: #fff;
}
@media (max-width: 767.98px) {
.moodle-dialogue-lightbox .search-input-group .search-input {
padding: 3px 1.25rem 3px 35px;
width: 140px !important;
height: 30px;
font-size: 0.75rem;
}
}
.search-input-group .search-input::-webkit-input-placeholder {
/* Edge */
color: #a0a3a5;
}
.search-input-group .search-input::-ms-input-placeholder {
/* Internet Explorer */
color: #a0a3a5;
}
.search-input-group .search-input::placeholder {
color: #a0a3a5;
}
#nav-drawer .search-input-group .search-input {
padding: 7px 0 7px 42px;
margin-bottom: 4px;
height: auto;
background-color: #0E1420;
color: #434343;
font-size: 0.75rem;
}
.theme-dark #nav-drawer .search-input-group .search-input {
background-color: #101010;
color: #c7c7c7;
}
.theme-dark .search-input-group .search-input {
background-color: #101010;
color: #c7c7c7;
}
.search-input-group .search-input-icon {
display: flex;
position: absolute;
left: 14px;
top: calc(50% - 11px);
z-index: 3;
}
@media (max-width: 767.98px) {
.moodle-dialogue-lightbox .search-input-group .search-input-icon {
width: 16px;
left: 10px;
}
}
#nav-drawer .search-input-group .search-input-icon {
top: calc(50% - 10px);
left: 13px;
color: #434343;
opacity: 0.6;
}
.theme-dark #nav-drawer .search-input-group .search-input-icon {
color: #e9e9e9;
}
.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: 24px;
border: none;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .search-input-group .search-input-btn {
color: #c7c7c7;
}
#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: #022758;
color: #e6e9ee;
}
.rui-show-password-btn {
position: absolute;
top: calc(50% - 15px);
right: 5px;
padding: 0;
background-color: #e6e9ee;
color: #022758;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 24px;
cursor: pointer;
}
.theme-dark .rui-show-password-btn {
background-color: #022758;
color: #b3becd;
}
.rui-show-password-btn:hover {
background-color: #e6e9ee;
color: #022758;
}
.rui-show-password-btn .showpassword-icon--off {
display: none;
}
.rui-show-password-btn .showpassword-icon--on {
display: block;
}
.rui-show-password-btn.rui-show-password-btn--hidden {
background-color: #F5F5F5;
color: #929292;
}
.rui-show-password-btn.rui-show-password-btn--hidden .showpassword-icon--on {
display: none;
}
.rui-show-password-btn.rui-show-password-btn--hidden .showpassword-icon--off {
display: block;
}
.theme-dark .rui-show-password-btn.rui-show-password-btn--hidden {
background-color: #101010;
color: #c7c7c7;
}
label + .btn[data-toggle="popover"] {
margin: 0 0.35rem;
}
.modal .collapsible label {
margin-top: 10px;
font-size: 0.875rem;
font-weight: 500;
}
.modal .collapsible .btn.btn-icon {
width: auto !important;
}
.tiny_image_form .mb-1 {
margin-bottom: 20px !important;
}
.yui3-skin-sam .yui3-datatable-cell, .yui3-skin-sam .yui3-datatable-header {
font-size: 0.75rem;
}
#id_reviewoptionshdr .col-form-label {
text-align: left !important;
padding-bottom: 10px;
}
#id_reviewoptionshdr .col-form-label label {
font-size: 0.75rem;
}
.label-sm {
font-size: 0.875rem;
}
.col-form-label .sup {
min-width: max-content;
display: inline-flex;
line-height: 1.4;
}
.col-form-label .sup:empty {
display: none;
}
body.rui-login-layout-2, body.rui-login-layout-3, 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;
width: 100%;
display: flex;
align-items: center;
height: auto;
}
#page-login-index.rui-login-layout-1, #page-login-signup.rui-login-layout-1, #page-login-forgot_password.rui-login-layout-1 {
display: block;
}
#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: #101010;
}
.rui-login-footer {
padding: 0 20px;
margin-bottom: 30px;
}
@media (max-width: 1088.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: 12px;
font-size: 0.938rem;
text-align: center;
color: #fff;
position: fixed;
top: 20px;
right: 20px;
text-align: right;
z-index: 9999;
}
.rui-login-layout-5 .rui-login-top-btn {
left: 20px;
right: auto;
}
@media (max-width: 1088.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: 20px;
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 h1 {
font-size: 30px;
margin-bottom: 0;
}
.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: 1088.98px) {
.rui-login-large-container {
max-width: 90%;
}
}
.rui-login-box {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.theme-dark .rui-login-box {
background-color: #161616;
}
@media (max-width: 767.98px) {
.rui-login-box {
padding: 10px;
}
}
.rui-login-layout--1 .rui-login-box {
padding: 40px;
border-radius: 12px;
}
@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: 12px 0 0 12px;
}
.rui-login-layout--3 .rui-login-box {
border-radius: 0 12px 12px 0;
}
.rui-login-layout--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
padding: 40px;
padding: 20px;
width: 100%;
max-width: 400px;
border-radius: 12px;
margin: 0 auto;
}
#page-admin-tool-mfa-auth .login-container .main-content, #page-login-forgot_password .login-container .main-content {
max-width: 500px;
padding: 60px;
margin: 60px auto;
background-color: #fff;
border-radius: 12px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
@media (max-width: 767.98px) {
#page-admin-tool-mfa-auth .login-container .main-content, #page-login-forgot_password .login-container .main-content {
padding: 20px;
}
}
#page-admin-tool-mfa-auth .login-container .main-content .mform .col-md-3, #page-admin-tool-mfa-auth .login-container .main-content .mform .col-md-9, #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: #161616;
}
.rui-hasinstructions-desc {
font-size: 0.75rem;
font-weight: 400;
}
.rui-rememberusername-text, .rui-login-forgot-btn {
margin-top: 5px;
font-size: 0.75rem;
font-weight: 500;
color: #6B6B6B;
}
.rui-rememberusername-text::before, .rui-login-forgot-btn::before {
background-color: #6B6B6B;
}
.rui-login-container {
margin: 30px auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-radius: 12px;
}
.rui-login-layout-img .rui-login-container {
max-width: 1020px;
width: 100%;
}
@media (min-width: 1089px) {
.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: 12px;
}
}
@media (max-width: 767.98px) {
.rui-login-layout--2 .rui-login-container {
border-radius: 12px;
}
}
.rui-login-layout--3 .rui-login-container {
flex-direction: row-reverse;
}
@media (min-width: 768px) {
.rui-login-layout--3 .rui-login-container {
border-radius: 12px;
}
}
@media (max-width: 767.98px) {
.rui-login-layout--3 .rui-login-container {
border-radius: 12px;
}
}
.rui-login-bg-container {
width: 50%;
background-color: #EEEEEE;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
padding: 25%;
color: #444444;
}
.theme-dark .rui-login-bg-container {
background-color: #161616;
color: #e9e9e9;
}
.rui-login-layout--2 .rui-login-bg-container {
border-radius: 0 12px 12px 0;
}
.rui-login-layout--3 .rui-login-bg-container {
border-radius: 12px 0 0 12px;
}
.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: 1088.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: 1088.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: #929292 #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: #929292;
border-radius: 20px;
border: 0;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.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: 1088.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: #D8D8D8;
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: 1088.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: 1089px) {
.rui-signup-additional-content {
position: sticky;
top: 11%;
margin: 90px 0;
padding-left: 80px;
}
}
@media (max-width: 1088.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 #D8D8D8;
border-radius: 12px;
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: 12px;
background-color: #FFF1D5;
font-size: 0.938rem;
font-weight: 500;
color: #444444;
transition: right 250ms ease;
}
.scrolled .rui-badge-guest {
right: 60px;
}
.rui-login-lang-btn {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border: none;
background-color: #212121;
border-radius: 12px;
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='%236B6B6B'%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='%236B6B6B' 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='%236B6B6B' 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;
}
.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: 1088.98px) {
.rui-login-layout--4 .rui-login-logo-container, .rui-login-layout--5 .rui-login-logo-container {
width: 100%;
position: relative;
text-align: center;
}
}
.rui-login-layout--4 .rui-login-logo-container {
right: 60px;
text-align: right;
}
.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;
font-size: 40px;
}
@media (max-width: 1088.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: 1088.98px) {
#page-login-index .greedy {
justify-content: center;
}
}
.rui-login-logo-name {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 700;
color: #444444;
}
.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 h1 {
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 $table-border-color;*/
border: 1px dotted #001C54;
}
.theme-dark .maincalendar .calendarmonth td, .theme-dark .maincalendar .calendarmonth th {
border-color: #262a30;
}
.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 .contents {
font-size: 1rem;
}
.path-mod-lesson #fitem_id_submitbutton .col-md-3, .path-mod-lesson #fitem_id_submitbutton .col-md-9, .path-mod-lesson .answeroption .col-md-3, .path-mod-lesson .answeroption .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
}
.path-mod-lesson #fitem_id_submitbutton .col-md-3 .form-check, .path-mod-lesson #fitem_id_submitbutton .col-md-9 .form-check, .path-mod-lesson .answeroption .col-md-3 .form-check, .path-mod-lesson .answeroption .col-md-9 .form-check {
margin: 5px 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: #c7c7c7;
}
.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: #e6e9ee !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: #6B6B6B;
}
.theme-dark.path-mod-survey .smalltext th {
color: #a0a3a5;
}
.theme-dark.path-mod-survey .surveytable .whitecell {
background-color: #161616;
}
.theme-dark.path-mod-survey .surveytable tr:hover {
background-color: #011b3e !important;
}
#intro {
margin-top: 0;
padding: 0 !important;
font-size: 1.125rem;
}
@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 {
margin-left: 1px;
padding: 0;
background-color: transparent;
color: rgba(255, 255, 255, 0.6);
}
.theme-dark .usermenu .dropdown-btn {
color: rgba(233, 233, 233, 0.6);
}
.usermenu .btn.btn-icon {
padding: 0 !important;
}
.usermenu img.userpicture {
margin: 0;
border-radius: 12px;
width: 40px;
height: 40px;
}
@media (max-width: 767.98px) {
.usermenu .dropdown-toggle::after {
display: none;
}
}
.userinitials {
min-width: 40px;
min-height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #D8D8D8;
border-radius: 12px;
background-color: #fff;
font-size: 0.85rem;
font-weight: 700;
line-height: 1;
color: #444444;
}
.theme-dark .userinitials {
color: #e9e9e9;
border-color: #262a30;
background-color: #161616;
}
.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: #444444;
}
table .userinitials, .aabtn .userinitials {
margin-right: 0.5rem;
}
.userinitials.size-56 {
width: 40px;
height: 40px;
}
.userinitials.size-100 {
width: 40px;
height: 40px;
display: flex;
}
.page-context-header .userinitials.size-100 {
margin-right: 0;
width: 50px;
height: 50px;
}
.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: 12px;
}
.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: 24px;
border: 0;
overflow: hidden;
margin: 0 6px 6px 0;
}
.theme-dark #mod_quiz_navblock .qnbutton {
color: #e9e9e9 !important;
}
#mod_quiz_navblock span.qnbutton {
cursor: default;
background-color: #EEEEEE;
color: #6B6B6B;
}
#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: 24px;
z-index: 1;
border: 1px solid #D8D8D8;
background-color: transparent;
}
.theme-dark #mod_quiz_navblock .qnbutton .thispageholder {
border-color: #262a30;
}
#mod_quiz_navblock span.qnbutton.thispage {
color: #022758;
background-color: #e6e9ee;
}
#mod_quiz_navblock .qnbutton.thispage .thispageholder {
border-color: #022758;
}
#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: #a50b0b;
}
#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: #a50b0b;
}
.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: #a50b0b;
}
#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: #a50b0b;
}
.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(146, 146, 146, 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: 65px;
z-index: 1020;
}
#quiz-timer-wrapper .btn {
border-radius: 24px;
}
#quiz-timer-wrapper #quiz-timer {
margin: 0;
padding: 8px 9px 8px 10px;
border-radius: 24px;
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: 12px;
}
.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.7rem 1rem;
font-size: 0.8125rem;
background-color: #EEEEEE;
border: 0;
border-radius: 12px;
color: #212121;
}
.theme-dark .bigbluebutton-container .yui3-datatable-paginator-group button {
background-color: #1f2023;
color: #e9e9e9;
}
.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: #28292c;
color: #e9e9e9;
}
.bigbluebutton-container .yui3-datatable-paginator-group input, .bigbluebutton-container .yui3-datatable-paginator-group select {
margin: 0 0.5rem;
min-width: 3rem;
padding: 0.7rem 1rem;
font-size: 0.8125rem;
background: transparent;
border: 1px solid #D8D8D8;
border-radius: 12px;
color: #212121;
}
#fitem_id_h5peditor .form-control-static {
width: 100%;
}
.foldertree {
margin-top: 30px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
background-color: #F5F5F5;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
background-color: #222222;
}
.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: #101010;
}
.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 #F5F5F5;
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 #222222;
border-bottom: 1px solid #28292c;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
margin-right: 8px;
border-radius: 12px;
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: #6B6B6B;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
color: #a0a3a5;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
margin-bottom: 1rem;
border-radius: 12px;
border: 1px solid #D8D8D8;
padding: 1.25rem;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
border: 1px solid #262a30;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
float: right;
font-size: 11px;
color: #6B6B6B;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
color: #a0a3a5;
}
.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 label, #page-mod-chat-view .main-content #enterlink label {
margin-bottom: 0;
margin-right: 0.5rem;
}
#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: #c7c7c7;
}
#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: #a50b0b;
}
.chat-message .userpicture {
border-radius: 12px;
}
.chat-message .title {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .chat-message .title {
color: #c7c7c7;
}
.chat-message p {
font-size: 1rem;
color: #444444;
}
.theme-dark .chat-message p {
color: #e9e9e9;
}
.chat-event {
margin-bottom: 0.25rem;
background-color: #F5F5F5;
border-radius: 12px;
}
.theme-dark .chat-event {
background-color: #101010;
}
.chat-event td {
padding: 0.25rem 0.35rem;
}
.chat-event .text {
padding-right: 1rem;
font-size: 0.75rem;
}
.chat-event .event {
color: #6B6B6B;
}
.theme-dark .chat-event .event {
color: #a0a3a5;
}
.chat-event .userpicture {
margin: 0;
width: 26px;
height: 26px;
}
#chatcurrentusers {
padding: 1rem;
background-color: #F5F5F5;
border-radius: 12px;
}
.theme-dark #chatcurrentusers {
background-color: #101010;
}
#chatcurrentusers .chatuserimage {
margin-right: 0.5rem;
}
#chatcurrentusers .chatuserimage img {
border-radius: 12px;
}
#chatcurrentusers p {
margin: 0;
font-weight: 500;
}
#chatcurrentusers .idletime {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #chatcurrentusers .idletime {
color: #c7c7c7;
}
#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: 12px;
}
#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: #c7c7c7;
}
#enterlink {
padding: 20px 30px;
background-color: #e6e9ee;
border-radius: 12px;
text-align: center;
}
.theme-dark #enterlink {
background-color: transparent;
border: 1px solid #262a30;
}
#enterlink p:nth-of-type(1) {
margin-top: 10px;
margin-bottom: 20px !important;
color: #011b3e;
}
.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: 12px;
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: 56px;
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: 12px;
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: 12px;
}
.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: #101010;
}
.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: #444444;
}
.path-mod-assign [data-region="user-info"] a {
color: inherit;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
margin-top: 0;
border-radius: 12px;
}
.path-mod-assign [data-region="grading-navigation-panel"] {
background-color: #fff;
border-radius: 12px;
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;
}
.path-mod-assign #id_gradeheader, .path-mod-assign #id_attemptsettings {
font-size: 0.875rem !important;
border-radius: 12px;
border: 2px solid #b3becd;
padding: 1.25rem;
margin-bottom: 1.25rem;
}
.path-mod-assign #id_gradeheader .fcontainer, .path-mod-assign #id_attemptsettings .fcontainer {
padding: 0;
}
.path-mod-assign #id_gradeheader legend, .path-mod-assign #id_gradeheader > legend, .path-mod-assign #id_attemptsettings legend, .path-mod-assign #id_attemptsettings > legend {
width: auto;
padding: 5px 20px;
border-radius: 12px;
background-color: #022758;
color: #fff;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.5 !important;
}
.path-mod-assign #id_gradeheader .col-form-label, .path-mod-assign #id_attemptsettings .col-form-label {
margin-bottom: 0.35rem;
font-size: 0.75rem;
font-weight: 500;
}
.path-mod-assign #id_gradeheader .form-control-static, .path-mod-assign #id_gradeheader .form-group, .path-mod-assign #id_attemptsettings .form-control-static, .path-mod-assign #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: 12px;
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: "Inter", sans-serif;
}
.rui-gradingsummary {
margin: 60px 0;
}
.submissionstatustable, .gradingsummary {
margin-top: 20px;
}
.submissionstatustable .rui-title-container, .gradingsummary .rui-title-container {
font-size: 1rem;
font-weight: 700;
}
.plugincontentsummary.py-3 {
padding: 0 !important;
}
.rui-submissionstatustable {
padding-top: 60px;
margin-bottom: 60px;
border-top: 1px solid #D8D8D8;
}
.theme-dark .rui-submissionstatustable {
border-top: 1px solid #262a30;
}
.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: #444444;
}
@media (min-width: 768px) and (max-width: 1088.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: #444444;
}
.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: 12px;
}
.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/baz/theme/1794181695/baz/icon-eye-off);
background-color: #F5F5F5;
}
.rui-infobox--participant {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-users);
background-color: #EEF8FF;
}
.rui-infobox--draft, .rui-infobox--drafts {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-edit);
background-color: #fbefe9;
}
.submissionstatussubmitted, .earlysubmission, .submissioneditable, .rui-badge-assign--submitted, .rui-infobox--submitted {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/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/baz/theme/1794181695/baz/icon-alert-circle);
background-color: #fce59c;
}
.lockedsubmission, .rui-badge-assign--submissionlocked, .rui-infobox--submissionlocked {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-lock);
background-color: #feeded;
}
.rui-badge-assign--timeremaining, .rui-infobox--duedate {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-calendar);
background-color: #e6e9ee;
}
.submissionnoteditable, .rui-badge-assign--noonlinesubmissions, .rui-infobox--noonlinesubmissions, .rui-infobox--timeremaining {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-alert-triangle);
background-color: #FFF1D5;
}
.overduesubmission, .rui-infobox--cutofdate {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-alert-circle);
background-color: #feeded !important;
}
.rui-infobox--status {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-state);
background-color: #FDF6EA;
}
.rui-badge-assign-submissionstatus, .rui-infobox--progress {
background-image: url(/theme/image.php/baz/theme/1794181695/baz/icon-progress);
background-color: #F5F5F5;
}
.rui-submissionsummarytable, .rui-feedbacktable {
background-color: #F5F5F5;
padding: 1.25rem;
border-radius: 12px;
font-size: 0.875rem;
}
.theme-dark .rui-submissionsummarytable, .theme-dark .rui-feedbacktable {
background-color: #101010;
}
.submissionsummarytable .generaltable, .submissionsummarytable .rolecap {
width: max-content !important;
}
.rui-feedback {
margin-top: 60px;
margin-bottom: 60px;
}
.rui-feedback .userpicture {
border-radius: 24px;
}
.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: 12px;
}
.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 #D8D8D8;
}
.theme-dark .rui-assign-btns {
border-top: 1px solid #262a30;
}
.rui-assignsubmissio {
margin: 60px 0;
padding: 1rem;
background-color: #fff;
border-radius: 12px;
}
.theme-dark .rui-assignsubmissio {
background-color: #161616;
}
.path-mod-assign .feedbacktable {
margin-top: 0;
}
.path-mod-assign .fileuploadsubmission a {
margin: 0 4px;
display: flex;
align-self: center;
font-size: 0.75rem;
color: #444444;
}
.path-mod-assign .ygtvrow {
border: 0 !important;
}
.path-mod-assign .fileuploadsubmissiontime {
margin-top: 0.25rem;
margin-left: 4px;
float: none !important;
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .path-mod-assign .fileuploadsubmissiontime {
color: #a0a3a5;
}
.path-mod-assign table.generaltable table td.ygtvcell div, .path-mod-assign table.rolecap table td.ygtvcell div {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.theme-dark.path-mod-assign .fileuploadsubmission a {
color: #e9e9e9;
}
.theme-dark.path-mod-assign .fileuploadsubmissiontime {
color: #a0a3a5;
}
.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;
}
.gradingsummarytable, .submissionsummarytable {
padding: 0 !important;
}
.gradingsummarytable table, .submissionsummarytable table {
margin: 0 !important;
}
.theme-dark .gradingsummarytable, .theme-dark .submissionsummarytable {
border-color: #262a30;
}
.path-mod-assign .gradingtable tr.selectedrow td {
background-color: #e6e9ee;
vertical-align: top;
}
.path-mod-assign.jsenabled .gradingtable tr {
border-bottom: 1px solid #D8D8D8;
}
.theme-dark .path-mod-assign.jsenabled .gradingtable tr {
border-bottom: 1px solid #262a30;
}
.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;
margin-bottom: 0 !important;
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;
padding: 13px !important;
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, #fitem_id_assignfeedbackcomments_editor .col-md-3.text-end {
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: 12px;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.5;
color: #444444;
}
.theme-dark .badge-assign {
color: #e9e9e9;
}
.overduesubmission, .submissionstatus, .lockedsubmission, .submissionstatussubmitted, .earlysubmission, .latesubmission, .submissionnoteditable, .path-mod-assign [data-region="grade-panel"] div.submissionnotgraded, .overdue, .timeremaining, .submissioneditable {
width: max-content;
max-width: 100%;
padding-top: 7px !important;
padding-left: 30px !important;
padding-bottom: 7px !important;
padding-right: 14px !important;
margin-bottom: 0.25rem;
background-size: 18px;
background-position: 9px;
background-repeat: no-repeat;
border-radius: 12px;
font-weight: 500;
font-size: 0.75rem;
line-height: 1.5;
color: #444444;
}
.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: #444444 !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: 1088.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: 12px;
color: #6B6B6B;
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: #e6e9ee;
color: #022758;
}
.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: #a50b0b;
}
.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: 12px;
}
.path-mod-book .book_toc li a {
text-decoration: none;
color: #444444;
}
.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: #929292;
}
.theme-dark.path-mod-book .book_toc li a {
color: #e9e9e9;
}
.theme-dark.path-mod-book .book_toc li a:hover {
background-color: #101010;
color: #8193ac;
}
.theme-dark.path-mod-book .book_toc li strong {
background-color: #38393c;
color: #a0a3a5;
}
.editing .book_toc .text-truncate, .editing .book_toc .dropdown .dropdown-item-text, .dropdown .editing .book_toc .dropdown-item-text, .editing .book_toc .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .editing .book_toc div, .editing .book_toc .block_private_files [id^="private_files_tree"] a, .block_private_files [id^="private_files_tree"] .editing .book_toc a, .editing .book_toc #blocks-dashboardleftblock .block_mycourses .dropdown span, #blocks-dashboardleftblock .block_mycourses .dropdown .editing .book_toc span, .editing .book_toc #blocks-dashboardleftblock .block_mycourses .btn span, #blocks-dashboardleftblock .block_mycourses .btn .editing .book_toc span, .editing .book_toc #blocks-dashboardleftblock .block-myoverview .dropdown span, #blocks-dashboardleftblock .block-myoverview .dropdown .editing .book_toc span, .editing .book_toc #blocks-dashboardleftblock .block-myoverview .btn span, #blocks-dashboardleftblock .block-myoverview .btn .editing .book_toc span, .editing .book_toc #blocks-dashboardrightblock .block_mycourses .dropdown span, #blocks-dashboardrightblock .block_mycourses .dropdown .editing .book_toc span, .editing .book_toc #blocks-dashboardrightblock .block_mycourses .btn span, #blocks-dashboardrightblock .block_mycourses .btn .editing .book_toc span, .editing .book_toc #blocks-dashboardrightblock .block-myoverview .dropdown span, #blocks-dashboardrightblock .block-myoverview .dropdown .editing .book_toc span, .editing .book_toc #blocks-dashboardrightblock .block-myoverview .btn span, #blocks-dashboardrightblock .block-myoverview .btn .editing .book_toc span {
padding: 5px 10px;
margin: -5px -5px 0;
width: calc(100% + 10px);
border-bottom: 1px solid #D8D8D8;
}
.theme-dark .editing .book_toc .text-truncate, .theme-dark .editing .book_toc .dropdown .dropdown-item-text, .dropdown .theme-dark .editing .book_toc .dropdown-item-text, .theme-dark .editing .book_toc .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .theme-dark .editing .book_toc div, .theme-dark .editing .book_toc .block_private_files [id^="private_files_tree"] a, .block_private_files [id^="private_files_tree"] .theme-dark .editing .book_toc a, .theme-dark .editing .book_toc #blocks-dashboardleftblock .block_mycourses .dropdown span, #blocks-dashboardleftblock .block_mycourses .dropdown .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardleftblock .block_mycourses .btn span, #blocks-dashboardleftblock .block_mycourses .btn .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardleftblock .block-myoverview .dropdown span, #blocks-dashboardleftblock .block-myoverview .dropdown .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardleftblock .block-myoverview .btn span, #blocks-dashboardleftblock .block-myoverview .btn .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardrightblock .block_mycourses .dropdown span, #blocks-dashboardrightblock .block_mycourses .dropdown .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardrightblock .block_mycourses .btn span, #blocks-dashboardrightblock .block_mycourses .btn .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardrightblock .block-myoverview .dropdown span, #blocks-dashboardrightblock .block-myoverview .dropdown .theme-dark .editing .book_toc span, .theme-dark .editing .book_toc #blocks-dashboardrightblock .block-myoverview .btn span, #blocks-dashboardrightblock .block-myoverview .btn .theme-dark .editing .book_toc span {
border-color: #262a30;
}
.editing.path-mod-book .book_toc li {
border: 1px solid #D8D8D8;
padding: 5px;
border-radius: 5px;
}
.editing.path-mod-book .book_toc li div.d-flex {
flex-wrap: wrap;
}
.theme-dark.editing.path-mod-book .book_toc li {
border-color: #262a30;
}
#page-grade-report-overview-index .main-content, .rui-book-wrapper, .modal-in-page, .book_content {
background-color: #fff;
padding: 30px !important;
margin: 0 !important;
position: relative;
border-width: 1px 2px 1px 2px;
border-style: solid solid solid dashed;
border-color: #E1E1E1 #EEEEEE #E1E1E1 #E1E1E1;
border-radius: 12px;
}
@media (max-width: 767.98px) {
#page-grade-report-overview-index .main-content, .rui-book-wrapper, .modal-in-page, .book_content {
padding: 10px !important;
margin: 0 20px !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: 12px;
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: #161616;
border-color: #28292c #28292c #28292c #28292c;
}
.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: #28292c;
}
.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: #28292c;
}
#page-grade-report-overview-index .main-content .grade-navigation {
width: auto;
}
.book_content {
margin-bottom: 20px !important;
}
.book_content .rui-title-container {
margin-top: 0;
}
.book_content .rui-main-content-title--h3 {
font-size: 1.125rem;
font-weight: 700;
}
.book_content .rui-main-content-title--h4 {
font-size: 0.938rem;
font-weight: 700;
}
.book-tags {
margin-top: 30px;
margin-bottom: 30px;
}
.book-tags a {
padding-left: 24px;
}
.book-tags a::after {
content: "# ";
position: absolute;
font-size: 10px;
top: calc(50% - 7px);
left: 12px;
}
.book-tags b {
display: none;
}
.path-mod-book .block_book_toc {
border: 0 !important;
padding: 0;
}
.path-mod-book .block_book_toc .card-body {
padding: 0;
}
.path-mod-book .block_book_toc .action-list {
gap: 5px;
margin-top: 10px;
margin-bottom: 5px;
width: 100%;
justify-content: flex-end;
}
.path-mod-book .block_book_toc .action-list a {
margin: 0 !important;
display: flex;
justify-content: center;
align-items: center;
height: 30px;
width: 30px;
background-color: #F5F5F5;
border-radius: 30px;
font-size: 14px !important;
color: #444444;
text-decoration: none;
}
.path-mod-book .block_book_toc .action-list a:hover {
background-color: #e6e9ee;
color: #022758;
}
.path-mod-book .block_book_toc .action-list img.icon {
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.theme-dark .path-mod-book .block_book_toc .action-list img.icon {
filter: invert(1);
}
.theme-dark.path-mod-book .block_book_toc .action-list a {
background-color: #101010;
color: #e9e9e9;
}
.path-mod-book .main-content .rui-main-content-title {
margin-bottom: 0;
display: inline-flex;
align-content: center;
justify-content: space-between;
}
.path-mod-book #mod_book-chaptersnavigation {
top: 80px;
width: inherit;
margin: 0 -45px;
position: sticky;
}
@media (max-width: 767.98px) {
.path-mod-book #mod_book-chaptersnavigation {
margin: 0 -9px;
}
.path-mod-book #mod_book-chaptersnavigation .tertiary-navigation div {
width: auto;
}
}
.path-mod-book .btn-previous, .path-mod-book .btn-next {
width: 40px !important;
height: 40px !important;
border-radius: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #F5F5F5;
box-shadow: none;
transition: all 0.2s ease-in-out;
}
.path-mod-book .btn-previous:hover, .path-mod-book .btn-next:hover {
opacity: 0.7;
}
.theme-dark.path-mod-book .btn-previous, .theme-dark.path-mod-book .btn-next {
filter: invert(1);
}
#page-mod-choice-view .btn-primary + .ml-1, #page-mod-choice-view .addtagcoll a + .ml-1, #page-mod-choice-view .addtagcoll a + .ms-1, .addtagcoll #page-mod-choice-view a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ms-1, .path-admin-tag .addstandardtags #page-mod-choice-view a + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ms-1, .gradereport_history_usp .usp-finish #page-mod-choice-view input + .ml-1, #page-mod-choice-view #siteconfiglink a + .ml-1, #page-mod-choice-view #siteconfiglink a + .ms-1, #siteconfiglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ms-1, .forum-post-footer #page-mod-choice-view a + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ms-1, .rui-submissionaction .singlebutton #page-mod-choice-view .btn + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ms-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 .mod_quiz-next-nav + .ms-1, #page-mod-choice-view .addbloglink a + .ml-1, #page-mod-choice-view .addbloglink a + .ms-1, .addbloglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view #addcontrols input + .ml-1, #page-mod-choice-view #addcontrols input + .ms-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-choice-view #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ms-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-choice-view #page-mod-forum-view .subscription .helplink a + .ms-1, #page-mod-forum-view .subscription .helplink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .midpad a + .ml-1, #page-mod-choice-view .midpad a + .ms-1, .midpad #page-mod-choice-view a + .ml-1, #page-mod-choice-view .createstep + .ml-1, #page-mod-choice-view .createstep + .ms-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ms-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 .webservicestokenui + a + .ms-1, #page-mod-choice-view .rui-pre button + .ml-1, #page-mod-choice-view .rui-pre button + .ms-1, .rui-pre #page-mod-choice-view button + .ml-1, #page-mod-choice-view .pagenumber .dropdown-btn + .ml-1, #page-mod-choice-view .pagenumber .dropdown-btn + .ms-1, .pagenumber #page-mod-choice-view .dropdown-btn + .ml-1, #page-mod-choice-view #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ml-1, #page-mod-choice-view #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ms-1, #page-grade-edit-tree-index .tertiary-navigation .action-menu #page-mod-choice-view .dropdown-toggle + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ms-1, .last-add-menu #page-mod-choice-view .dropdown-btn + .ml-1, #page-mod-choice-view .btn-primary + .ms-1 {
padding: 0.75rem 1.25rem;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 0.875rem;
color: #a50b0b;
}
@media (min-width: 768px) {
#page-mod-choice-view .btn-primary + .ml-1, #page-mod-choice-view .addtagcoll a + .ml-1, #page-mod-choice-view .addtagcoll a + .ms-1, .addtagcoll #page-mod-choice-view a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ms-1, .path-admin-tag .addstandardtags #page-mod-choice-view a + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ms-1, .gradereport_history_usp .usp-finish #page-mod-choice-view input + .ml-1, #page-mod-choice-view #siteconfiglink a + .ml-1, #page-mod-choice-view #siteconfiglink a + .ms-1, #siteconfiglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ms-1, .forum-post-footer #page-mod-choice-view a + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ms-1, .rui-submissionaction .singlebutton #page-mod-choice-view .btn + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ms-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 .mod_quiz-next-nav + .ms-1, #page-mod-choice-view .addbloglink a + .ml-1, #page-mod-choice-view .addbloglink a + .ms-1, .addbloglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view #addcontrols input + .ml-1, #page-mod-choice-view #addcontrols input + .ms-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-choice-view #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ms-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-choice-view #page-mod-forum-view .subscription .helplink a + .ms-1, #page-mod-forum-view .subscription .helplink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .midpad a + .ml-1, #page-mod-choice-view .midpad a + .ms-1, .midpad #page-mod-choice-view a + .ml-1, #page-mod-choice-view .createstep + .ml-1, #page-mod-choice-view .createstep + .ms-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ms-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 .webservicestokenui + a + .ms-1, #page-mod-choice-view .rui-pre button + .ml-1, #page-mod-choice-view .rui-pre button + .ms-1, .rui-pre #page-mod-choice-view button + .ml-1, #page-mod-choice-view .pagenumber .dropdown-btn + .ml-1, #page-mod-choice-view .pagenumber .dropdown-btn + .ms-1, .pagenumber #page-mod-choice-view .dropdown-btn + .ml-1, #page-mod-choice-view #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ml-1, #page-mod-choice-view #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ms-1, #page-grade-edit-tree-index .tertiary-navigation .action-menu #page-mod-choice-view .dropdown-toggle + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ms-1, .last-add-menu #page-mod-choice-view .dropdown-btn + .ml-1, #page-mod-choice-view .btn-primary + .ms-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, #page-mod-choice-view .addtagcoll a + .ms-1, .addtagcoll #page-mod-choice-view a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ms-1, .path-admin-tag .addstandardtags #page-mod-choice-view a + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ms-1, .gradereport_history_usp .usp-finish #page-mod-choice-view input + .ml-1, #page-mod-choice-view #siteconfiglink a + .ml-1, #page-mod-choice-view #siteconfiglink a + .ms-1, #siteconfiglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ms-1, .forum-post-footer #page-mod-choice-view a + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ms-1, .rui-submissionaction .singlebutton #page-mod-choice-view .btn + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ms-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 .mod_quiz-next-nav + .ms-1, #page-mod-choice-view .addbloglink a + .ml-1, #page-mod-choice-view .addbloglink a + .ms-1, .addbloglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view #addcontrols input + .ml-1, #page-mod-choice-view #addcontrols input + .ms-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-choice-view #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ms-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-choice-view #page-mod-forum-view .subscription .helplink a + .ms-1, #page-mod-forum-view .subscription .helplink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .midpad a + .ml-1, #page-mod-choice-view .midpad a + .ms-1, .midpad #page-mod-choice-view a + .ml-1, #page-mod-choice-view .createstep + .ml-1, #page-mod-choice-view .createstep + .ms-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ms-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 .webservicestokenui + a + .ms-1, #page-mod-choice-view .rui-pre button + .ml-1, #page-mod-choice-view .rui-pre button + .ms-1, .rui-pre #page-mod-choice-view button + .ml-1, #page-mod-choice-view .pagenumber .dropdown-btn + .ml-1, #page-mod-choice-view .pagenumber .dropdown-btn + .ms-1, .pagenumber #page-mod-choice-view .dropdown-btn + .ml-1, #page-mod-choice-view #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ml-1, #page-mod-choice-view #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ms-1, #page-grade-edit-tree-index .tertiary-navigation .action-menu #page-mod-choice-view .dropdown-toggle + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ms-1, .last-add-menu #page-mod-choice-view .dropdown-btn + .ml-1, #page-mod-choice-view .btn-primary + .ms-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, .addtagcoll a + .ms-1, .path-admin-tag .addstandardtags a + .ml-1, .path-admin-tag .addstandardtags a + .ms-1, .gradereport_history_usp .usp-finish input + .ml-1, .gradereport_history_usp .usp-finish input + .ms-1, #siteconfiglink a + .ml-1, #siteconfiglink a + .ms-1, .forum-post-footer a + .ml-1, .forum-post-footer a + .ms-1, .rui-submissionaction .singlebutton .btn + .ml-1, .rui-submissionaction .singlebutton .btn + .ms-1, #enterlink p:nth-of-type(1) a + .ml-1, #enterlink p:nth-of-type(1) a + .ms-1, .mod_quiz-next-nav + .ml-1, .mod_quiz-next-nav + .ms-1, .addbloglink a + .ml-1, .addbloglink a + .ms-1, #addcontrols input + .ml-1, #addcontrols input + .ms-1, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ml-1, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ms-1, #page-mod-forum-view .subscription .helplink a + .ml-1, #page-mod-forum-view .subscription .helplink a + .ms-1, .midpad a + .ml-1, .midpad a + .ms-1, .createstep + .ml-1, .createstep + .ms-1, #enterlink p:nth-of-type(2) a + .ml-1, #enterlink p:nth-of-type(2) a + .ms-1, .webservicestokenui + a + .ml-1, .webservicestokenui + a + .ms-1, .rui-pre button + .ml-1, .rui-pre button + .ms-1, .pagenumber .dropdown-btn + .ml-1, .pagenumber .dropdown-btn + .ms-1, #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ml-1, #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle + .ms-1, .last-add-menu .dropdown-btn + .ml-1, .last-add-menu .dropdown-btn + .ms-1, .btn-primary + .ms-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 #D8D8D8;
}
.theme-dark #feedback_dragarea {
border-color: #262a30;
}
#feedback_print_form, #feedback_complete_form {
border: 1px solid #D8D8D8;
}
.theme-dark #feedback_print_form, .theme-dark #feedback_complete_form {
border-color: #262a30;
}
#feedback_print_form {
margin: 0 auto;
max-width: 760px;
}
@media (max-width: 767.98px) {
#feedback_print_form {
border: 0;
}
}
#feedback_print_form, #feedback_complete_form, #feedback_dragarea {
margin-top: 30px;
border-radius: 12px;
}
@media (min-width: 768px) {
#feedback_print_form, #feedback_complete_form, #feedback_dragarea {
padding: 0 40px;
}
}
#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: 0 20px;
margin: 0 -40px;
width: calc(100% + 80px);
max-width: calc(100% + 80px);
border-bottom: 1px solid #D8D8D8;
}
#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;
}
.theme-dark #feedback_print_form .feedback_itemlist, .theme-dark #feedback_complete_form .feedback_itemlist, .theme-dark #feedback_dragarea .feedback_itemlist {
border-color: #262a30;
}
#feedback_print_form .form-description, #feedback_print_form .form-control-static, #feedback_complete_form .form-description, #feedback_complete_form .form-control-static, #feedback_dragarea .form-description, #feedback_dragarea .form-control-static {
padding: 0 !important;
margin: 0 !important;
}
#feedback_print_form .feedback-item-label, #feedback_complete_form .feedback-item-label, #feedback_dragarea .feedback-item-label {
border-bottom: 0;
padding-bottom: 0;
}
#feedback_print_form .col-form-label label, #feedback_complete_form .col-form-label label, #feedback_dragarea .col-form-label label {
font-size: 1rem;
font-weight: 700;
}
#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: 0 40px 20px !important;
flex: 0 0 100%;
max-width: 100%;
text-align: left !important;
}
#feedback_print_form .col-form-label, #feedback_complete_form .col-form-label, #feedback_dragarea .col-form-label {
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='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75 9.5V14.5' stroke='%23444444' 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='%23444444' 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='%23444444' 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='%23444444' 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/baz/theme/1794181695/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: #444444;
}
.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: 12px;
background-color: #EAF4DD;
font-size: 0.75rem;
color: #004B57;
}
#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 #D8D8D8;
border-radius: 12px;
font-size: 0.875rem;
}
.chart-table-data table {
margin: 0;
}
.chart-table-data table tr {
border-bottom: 1px solid #D8D8D8;
}
.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;
}
#fitem_id_requiredfields .col-md-9 {
padding: 0 !important;
}
.feedback_form .rui-form-element-group {
gap: 10px;
}
.feedback_form .rui-form-element-group br {
display: none;
}
#feedback_viewresponse_form .text-md-right, #feedback_viewresponse_form .text-md-end {
text-align: left !important;
}
#feedback_viewresponse_form .feedback_itemlist {
padding: 10px 0;
}
.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 .topic a {
font-size: 0.938rem;
}
.discussion-list .topic a::before {
display: none;
}
.discussion-list .userpicture {
width: 45px;
height: 45px;
}
.forum-post-details {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .forum-post-details {
color: #c7c7c7;
}
.forum-post-details a {
font-weight: 500;
}
.subscriptionmode {
background-color: #e6e9ee;
color: #022758;
}
.theme-dark .subscriptionmode {
background-color: #022758;
color: #e6e9ee;
}
.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: 12px;
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: #D8D8D8;
display: block;
width: 100%;
padding: 1.25rem 0 1rem;
}
.theme-dark .forum-post {
border-color: #262a30;
}
.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: 12px;
padding: 6px 20px;
font-size: 0.75rem;
}
.theme-dark .forum-post .forum-post-rating {
background-color: #101010;
}
.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.5rem 1rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.3;
text-align: center;
vertical-align: baseline;
border-radius: 96px;
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: #444444;
padding: 10px 0 0;
}
.theme-dark .forum-post .subject {
color: #e9e9e9;
}
.forum-post .subject a {
font-weight: 500;
color: #444444;
}
.theme-dark .forum-post .subject a {
color: #e9e9e9;
}
@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: #6B6B6B;
}
@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: #c7c7c7;
}
.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: 12px;
}
.theme-dark .forum-post .post-word-count {
background: #38393c;
color: #c7c7c7;
}
.forum-post .options {
margin: 1rem -1rem 0 !important;
padding: 0.5rem 1.25rem;
border-top: 1px solid #D8D8D8;
}
.theme-dark .forum-post .options {
border-color: #262a30;
}
.forum-post .options .commands {
margin: 0 1rem;
float: right;
color: #D8D8D8;
}
.theme-dark .forum-post .options .commands {
color: #38393c;
}
@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: #c7c7c7;
}
.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: 1088.98px) {
.forum-post .content {
padding: 0;
}
}
.forum-post .content .posting.fullpost {
margin-top: 0;
padding-left: 3rem;
}
@media (min-width: 320px) and (max-width: 1088.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: #e6e9ee;
border-radius: 12px;
}
.author-info-details {
font-size: 0.75rem;
font-weight: 500;
color: #434343;
}
.theme-dark .author-info-details {
color: #c7c7c7;
}
.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: #6B6B6B !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-groups-popover, .filter-dates-popover {
width: 100%;
max-width: 300px;
left: 75px !important;
}
#filter-groups-popover .form-check.fitem, .filter-dates-popover .form-check.fitem {
width: 100%;
padding: 0;
margin: 6px;
}
#filter-groups-popover .col-md-9, #filter-groups-popover .col-md-3, .filter-dates-popover .col-md-9, .filter-dates-popover .col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
#filter-groups-popover .col-form-label, .filter-dates-popover .col-form-label {
padding: 0 6px !important;
}
#filter-groups-popover .custom-select, #filter-groups-popover select.quickgrade, .filter-dates-popover .custom-select, .filter-dates-popover select.quickgrade {
padding: 8px 21px 8px 10px;
height: auto;
font-size: 11px;
}
#filter-groups-popover .popover-body, .filter-dates-popover .popover-body {
padding: 10px 10px 16px;
}
#filter-groups-popover .rui-title-container + form, #filter-groups-popover .mform + div, .filter-dates-popover .rui-title-container + form, .filter-dates-popover .mform + div {
margin-top: 5px;
margin-bottom: 0;
}
#filter-groups-popover .text-danger, .filter-dates-popover .text-danger {
color: #ffa0a0 !important;
}
#filter-groups-popover .btn, .filter-dates-popover .btn {
display: flex;
}
#filter-groups-popover a[id*="_calendar"], #filter-groups-popover .mform .form-inline .form-group, .filter-dates-popover a[id*="_calendar"], .filter-dates-popover .mform .form-inline .form-group {
margin: 2px !important;
}
#filter-groups-popover #fitem_id_filterdatefrompopover, #filter-groups-popover #fitem_id_filterdatetopopover, .filter-dates-popover #fitem_id_filterdatefrompopover, .filter-dates-popover #fitem_id_filterdatetopopover {
padding: 0 0 10px !important;
margin: 0 !important;
}
#filter-groups-popover .filter-save, .filter-dates-popover .filter-save {
margin: 0 6px;
}
#filter-groups-popover #dates-filter-warning, .filter-dates-popover #dates-filter-warning {
padding: 0 6px;
}
#filter-groups-popover .filter-scrollable {
display: block;
margin: 0 16px 16px !important;
}
#filter-groups-popover .filter-actions {
width: calc(100% - 10px) 0%;
display: inline-flex;
align-content: center;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#filter-groups-popover .filter-actions .btn {
margin: 2px;
padding: 8px 14px !important;
color: #F5F5F5;
background-color: #434343;
font-weight: 500;
}
/* 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: #444444;
width: 30px;
height: 30px;
border-radius: 24px;
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: #c7c7c7;
background-color: #161616;
}
.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: #022758;
}
.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: 24px;
}
.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: #101010;
}
.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: 12px;
}
/* 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: #161616;
}
.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: #c7c7c7;
}
.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: #022758;
}
.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: 24px;
}
.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 #D8D8D8;
border-radius: 12px;
}
.theme-dark .grade-notifications-box, .theme-dark .grade-grade-box {
border-color: #262a30;
}
.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: #D8D8D8;
height: 16px;
width: 1px;
position: absolute;
top: calc(50% - 8px);
left: 0;
}
.theme-dark .rui-forum-border-left:before {
background-color: #262a30;
}
#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: 800px !important;
}
@media (max-width: 1088.98px) {
.user-content .page-content-header-avatar {
width: 100%;
}
}
.discussion.favourited {
border-color: #355279;
}
@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;
}
#summaryreport .no-overflow {
width: 100%;
overflow: auto;
}
#summaryreport .no-overflow table {
width: 100%;
min-width: max-content;
}
div.commands:empty {
display: none !important;
}
#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: #c7c7c7;
}
.continuous .entryheader .concept h4, .faq .entryheader .concept h4, .dictionary .entryheader .concept h4 {
margin: 1rem 0;
font-size: 1.5rem;
color: #444444;
line-height: 1.5;
}
.theme-dark .continuous .entryheader .concept h4, .theme-dark .faq .entryheader .concept h4, .theme-dark .dictionary .entryheader .concept h4 {
color: #c7c7c7;
}
.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: #6B6B6B;
}
.theme-dark .continuous .time, .theme-dark .faq .time, .theme-dark .fullwithauthor .time, .theme-dark .fullwithoutauthor .time, .theme-dark .dictionary .time {
color: #a0a3a5;
}
.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: 12px;
}
.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: #6B6B6B;
}
.theme-dark .fullwithoutauthor .author, .theme-dark .fullwithauthor .author {
color: #a0a3a5;
}
.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 {
padding: 5px;
background-color: #fff;
margin: 10px 0;
max-width: 100%;
border-radius: 12px;
}
.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: 12px;
}
.glossarypost.fullwithauthor .author, .glossarypost.encyclopedia .author {
display: inline-flex;
margin: 0.5rem 0;
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .glossarypost.fullwithauthor .author, .theme-dark .glossarypost.encyclopedia .author {
color: #a0a3a5;
}
.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 #D8D8D8;
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: 12px;
background-color: #e6e9ee;
color: #022758;
}
.menuwrapper ul .notselected a {
display: block;
padding: 3px 6px;
border-radius: 12px;
background-color: #F5F5F5;
color: #444444;
}
.menuwrapper ul .notselected a:hover {
background-color: #e6e9ee;
color: #022758;
}
.theme-dark .menuwrapper ul .notselected a {
background-color: #101010;
color: #e9e9e9;
}
.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 #D8D8D8;
border-radius: 12px;
font-size: 0.875rem;
}
@media (max-width: 1088.98px) {
.path-mod-workshop .userplan {
overflow-x: auto;
}
}
@media (max-width: 1088.98px) {
.rui-userplan-container {
width: max-content;
}
}
.theme-dark.path-mod-workshop .userplan {
border-color: #262a30;
}
.path-mod-workshop .userplan dt {
height: auto;
color: #444444;
border-bottom: 2px solid #B7B7B7;
padding: 0.5rem;
}
.theme-dark.path-mod-workshop .userplan dt {
color: #e9e9e9;
border-color: #48494c;
}
.path-mod-workshop .userplan dt.active {
border-left: 2px solid #027654;
border-right: 2px solid #027654;
border-top: 2px solid #027654;
border-radius: 12px 12px 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: #e9e9e9;
border-color: #048444;
}
.path-mod-workshop .userplan dt.active .phasetitle {
font-size: 1rem;
color: #004B57;
}
.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 #D8D8D8;
}
.theme-dark.path-mod-workshop .userplan dt {
border-color: #262a30;
}
.path-mod-workshop .userplan dt.active {
border: none;
}
.path-mod-workshop .userplan dd {
float: left;
width: 100%;
border-left: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
}
.theme-dark.path-mod-workshop .userplan dd {
border-color: #262a30;
}
}
@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 #D8D8D8;
border-left: 1px solid #D8D8D8;
margin: 0;
padding: 5px;
}
.path-mod-workshop .userplan dd {
float: left;
width: 100%;
border-left: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark.path-mod-workshop .userplan dt, .theme-dark.path-mod-workshop .userplan dd {
border-color: #262a30;
}
}
.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: #262a30;
background-color: #101010;
}
.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: #c7c7c7;
}
.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: #444444;
}
.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: #e9e9e9;
}
.path-mod-workshop .grading-report {
border-color: #D8D8D8;
}
.theme-dark.path-mod-workshop .grading-report {
border-color: #262a30;
}
.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 12px 12px;
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/baz/theme/1794181695/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/baz/theme/1794181695/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/baz/theme/1794181695/mod/workshop/userplan/task-done);
background-size: 14px;
background-position: 0 2px;
color: #00665F;
}
.path-mod-workshop .userplan dd.phasetasks li.completed a {
color: #00665F;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks li.completed {
background-image: url(/theme/image.php/baz/theme/1794181695/mod/workshop/userplan/task-done-rtl);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/baz/theme/1794181695/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: 12px;
color: #a50b0b;
line-height: 1.3;
}
.path-mod-workshop .userplan dd.phasetasks li.fail a {
color: #a50b0b !important;
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/baz/mod_workshop/1794181695/userplan/task-info);
background-position: 4px;
padding: 0.25rem;
margin: 0.25rem 0;
background-color: #FFF1D5;
border-radius: 12px;
line-height: 1.3;
font-size: 0.75rem;
}
.theme-dark.path-mod-workshop .userplan dd.phasetasks li.info {
color: #444444;
}
.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 #D8D8D8;
border-radius: 12px;
}
.theme-dark #page-report-outline-user .main-content .section {
border-color: #262a30;
}
#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: #6B6B6B;
white-space: normal !important;
}
.theme-dark #page-report-outline-user .main-content .section .content table td:nth-child(6) {
color: #a0a3a5;
}
#page-report-outline-user .main-content .section h2 {
margin: 0;
padding: 0.35rem 0.45rem;
display: inline-block;
background-color: #F5F5F5;
border-radius: 12px;
font-size: 0.875rem;
font-weight: 700;
}
.theme-dark #page-report-outline-user .main-content .section h2 {
background-color: #101010;
}
#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 #D8D8D8;
}
.theme-dark #page-report-outline-user .main-content .section h4 {
border-color: #262a30;
}
#page-report-outline-user .main-content .section .rui-icon {
margin-right: 8px;
}
#page-report-outline-user .main-content .section ul {
margin-left: 8px;
font-size: 0.875rem;
}
.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: #6B6B6B;
}
#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: #c7c7c7;
}
/* 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='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23444444' 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 12px 12px 12px;
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='%23e9e9e9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23e9e9e9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23e9e9e9' 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: 12px;
}
#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: 60px;
right: 30px;
z-index: 1030;
}
#page-mod-scorm-player #scormpage #toctree {
margin-top: 0 !important;
}
#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: 3px;
width: 20px;
height: 20px;
}
.path-backup .mform .grouped_settings.section_level {
border-radius: 12px;
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: #101010;
}
.path-backup .section_level {
font-weight: 500;
}
.path-backup .section_level .activity_level {
padding-left: 64px;
}
.path-backup .section_level .activity_level .form-group label {
margin: 0;
font-size: 0.75rem;
}
.path-backup .proceedbutton {
margin-left: auto;
}
.path-backup .detail-pair {
border-bottom: 1px solid #D8D8D8;
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 #262a30;
}
/* 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 #D8D8D8;
}
.path-backup .mform .root_setting .form-group, .path-backup .mform .grouped_settings .form-group {
margin: 0 !important;
}
.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: #262a30;
}
.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, .detail-pair .ps-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: 12px;
border: 2px solid #b3becd;
padding: 1.25rem;
margin-bottom: 1.25rem;
}
.theme-dark #id_rootsettings, .theme-dark #id_coursesettings {
border-color: #262a30;
}
#id_rootsettings legend, #id_coursesettings legend {
width: auto;
padding: 5px 20px;
border-radius: 12px;
background-color: #022758;
color: #fff;
font-size: 0.875rem;
font-weight: 500;
}
.path-backup .backup-section {
font-size: 0.875rem;
border-radius: 12px;
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 #D8D8D8;
border-radius: 12px;
}
.theme-dark .backup-restore .backup-section {
border: 1px solid #262a30;
}
.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: #a50b0b;
font-weight: 700;
}
.rui-backup-progress {
margin-top: 0;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
}
.theme-dark .rui-backup-progress {
color: #c7c7c7;
}
.rui-backup-progress .sep {
display: none;
}
.rui-backup-progress .backup_stage {
margin: 3px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
padding: 0.5rem 1rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 96px;
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: #F5F5F5;
}
.wibbler {
margin: 5px auto 10px;
padding: 10px;
position: relative;
min-height: 10px;
border-radius: 12px;
background-color: #F5F5F5;
}
.theme-dark .wibbler {
background-color: #101010;
}
.wibbler .wibble {
position: absolute;
left: 10px;
right: 10px;
top: 8px;
height: 5px;
border-radius: 12px;
}
.wibbler .state0 {
background: #FFF1D5;
}
.wibbler .state1 {
background: #FFEBC7;
}
.wibbler .state2 {
background: #F7B742;
}
.wibbler .state3 {
background: #048444;
}
.wibbler .state4 {
background: #027654;
}
.wibbler .state5 {
background: #00665F;
}
.wibbler .state6 {
background: #004B57;
}
.wibbler .state7 {
background: #022758;
}
.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 !important;
padding: 0 0.25rem !important;
}
#page-backup-backup [role="main"] .form-group label {
margin: 0;
}
.path-backup .mform .grouped_settings.section_level {
padding: 10px;
border: 1px solid #D8D8D8;
}
.theme-dark .path-backup .mform .grouped_settings.section_level {
border: 1px solid #262a30;
}
.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: 12px 12px 0 0;
}
.backup-restore fieldset.error {
padding: 1rem;
background-color: #fff;
border-radius: 0 12px 12px 12px;
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: #434343;
text-indent: 2px;
}
.theme-dark .backup_progress .arrow.sep {
background-color: #1f2023;
color: #626367;
}
.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, #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, [data-table-handler="editor_management_table"] .c5 a, [data-table-handler="plugin_management_table"] .c4 a, [data-table-handler="tool_plugin_management_table"] .c2 a, #qtypes .c6 a, #qbehaviours .c5 a, .managecontentbanktable .lastcol a {
display: inline-block;
padding: 0.5rem 1rem 0.5rem 2.5rem;
margin: 1px 4px 1px 1px;
background-color: #feeded;
color: #a50b0b;
font-size: 0.875rem;
font-weight: 500;
text-align: center;
border-radius: 24px;
position: relative;
transition: all 0.2s ease-in-out;
}
.table-btn-uninstall:after, #mediaplayerplugins .c6 a:after, #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:after, #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, [data-table-handler="editor_management_table"] .c5 a:after, [data-table-handler="plugin_management_table"] .c4 a:after, [data-table-handler="tool_plugin_management_table"] .c2 a:after, #qtypes .c6 a:after, #qbehaviours .c5 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:after, #mediaplayerplugins .c6 .dir-rtl a:after, .dir-rtl #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:after, .dir-rtl #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:after, #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 [data-table-handler="editor_management_table"] .c5 a:after, [data-table-handler="editor_management_table"] .c5 .dir-rtl a:after, .dir-rtl [data-table-handler="plugin_management_table"] .c4 a:after, [data-table-handler="plugin_management_table"] .c4 .dir-rtl a:after, .dir-rtl [data-table-handler="tool_plugin_management_table"] .c2 a:after, [data-table-handler="tool_plugin_management_table"] .c2 .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 .managecontentbanktable .lastcol a:after, .managecontentbanktable .lastcol .dir-rtl a:after {
background-position: top right 13px;
}
.table-btn-uninstall:hover, #mediaplayerplugins .c6 a:hover, #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:hover, #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, [data-table-handler="editor_management_table"] .c5 a:hover, [data-table-handler="plugin_management_table"] .c4 a:hover, [data-table-handler="tool_plugin_management_table"] .c2 a:hover, #qtypes .c6 a:hover, #qbehaviours .c5 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: #444444;
}
.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: #e9e9e9;
}
.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: #D8D8D8;
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: #262a30 !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, .generaltable th, .rolecap th, .userenrolment th, #categoryquestions th, .grading-report th, .gradereport-grader-table th, #completion-progress th {
vertical-align: top;
align-items: flex-start;
}
.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 #D8D8D8;
color: #6B6B6B;
}
.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: #262a30;
color: #a0a3a5;
}
.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 #D8D8D8;
}
.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 #D8D8D8;
}
.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: #262a30;
}
.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: #101010;
}
.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: 24px;
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 {
background-color: #38393c;
color: #e9e9e9;
}
.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: #6B6B6B;
color: #EEEEEE !important;
}
.table a:not(.dropdown-item) .icon:not(.spacer), .generaltable a:not(.dropdown-item) .icon:not(.spacer), .rolecap a:not(.dropdown-item) .icon:not(.spacer), .userenrolment a:not(.dropdown-item) .icon:not(.spacer), #categoryquestions a:not(.dropdown-item) .icon:not(.spacer), .grading-report a:not(.dropdown-item) .icon:not(.spacer), .gradereport-grader-table a:not(.dropdown-item) .icon:not(.spacer), #completion-progress a:not(.dropdown-item) .icon:not(.spacer) {
margin: 1px;
padding: 6px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .table a:not(.dropdown-item) .icon:not(.spacer), .theme-dark .generaltable a:not(.dropdown-item) .icon:not(.spacer), .theme-dark .rolecap a:not(.dropdown-item) .icon:not(.spacer), .theme-dark .userenrolment a:not(.dropdown-item) .icon:not(.spacer), .theme-dark #categoryquestions a:not(.dropdown-item) .icon:not(.spacer), .theme-dark .grading-report a:not(.dropdown-item) .icon:not(.spacer), .theme-dark .gradereport-grader-table a:not(.dropdown-item) .icon:not(.spacer), .theme-dark #completion-progress a:not(.dropdown-item) .icon:not(.spacer) {
background-color: #38393c;
color: #e9e9e9;
}
.table a:not(.dropdown-item):hover, .generaltable a:not(.dropdown-item):hover, .rolecap a:not(.dropdown-item):hover, .userenrolment a:not(.dropdown-item):hover, #categoryquestions a:not(.dropdown-item):hover, .grading-report a:not(.dropdown-item):hover, .gradereport-grader-table a:not(.dropdown-item):hover, #completion-progress a:not(.dropdown-item):hover {
text-decoration: none;
}
.table a:not(.dropdown-item):hover:before, .generaltable a:not(.dropdown-item):hover:before, .rolecap a:not(.dropdown-item):hover:before, .userenrolment a:not(.dropdown-item):hover:before, #categoryquestions a:not(.dropdown-item):hover:before, .grading-report a:not(.dropdown-item):hover:before, .gradereport-grader-table a:not(.dropdown-item):hover:before, #completion-progress a:not(.dropdown-item):hover:before {
display: none;
}
.table a:not(.dropdown-item):hover .icon:not(.spacer), .generaltable a:not(.dropdown-item):hover .icon:not(.spacer), .rolecap a:not(.dropdown-item):hover .icon:not(.spacer), .userenrolment a:not(.dropdown-item):hover .icon:not(.spacer), #categoryquestions a:not(.dropdown-item):hover .icon:not(.spacer), .grading-report a:not(.dropdown-item):hover .icon:not(.spacer), .gradereport-grader-table a:not(.dropdown-item):hover .icon:not(.spacer), #completion-progress a:not(.dropdown-item):hover .icon:not(.spacer) {
background-color: #D4DEF8 !important;
color: #0642CD !important;
}
.theme-dark .table a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark .generaltable a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark .rolecap a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark .userenrolment a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark #categoryquestions a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark .grading-report a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark .gradereport-grader-table a:not(.dropdown-item):hover .icon:not(.spacer), .theme-dark #completion-progress a:not(.dropdown-item):hover .icon:not(.spacer) {
background-color: #6B6B6B !important;
color: #EEEEEE !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 {
padding: 4px 8px 4px 4px;
background-color: #EEEEEE;
text-decoration: none;
}
.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: #38393c;
}
#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: #c7c7c7;
}
#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: #c7c7c7;
}
.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: 24px;
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 {
background-color: #38393c;
color: #e9e9e9;
}
.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 .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: #6B6B6B;
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: $btn-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: 12px;
border: 1px solid #D8D8D8;
}
table img.pluginicon.noicon {
opacity: 0;
}
#mediaplayerplugins .c0 .pluginicon {
padding: 10px;
margin-right: 0.35rem;
background-color: #fff;
border-radius: 24px;
border: 1px solid #D8D8D8;
}
.theme-dark #mediaplayerplugins .c0 .pluginicon {
background-color: #000;
border-color: #262a30;
}
#mediaplayerplugins .c2 {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #mediaplayerplugins .c2 {
color: #c7c7c7;
}
#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: 24px;
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) {
background-color: #38393c;
color: #e9e9e9;
}
#participants td a, #modules td a, .tinymcesubplugins td a, #editormanagement td a, #webserviceprotocols td a, #courseenrolmentplugins td a, #logstoreplugins td a, #page-admin-setting-managefileconverterplugins .admintable.generaltable td a, #page-admin-setting-managefileconverterplugins .admintable.rolecap td a, .managecustomfieldtable td a, .manageformattable td a, #availabilityconditions td a, #manageauthtable td a, #antivirusmanagement td a, #mediaplayerplugins td a, .managecontentbanktable td a {
display: inline-block;
}
#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: 24px;
background-color: #EEEEEE;
font-size: 0.938rem;
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) {
background-color: #38393c;
color: #e9e9e9;
}
#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: 24px;
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: #38393c;
color: #e9e9e9;
}
.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: #38393c;
}
.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: 24px;
font-size: 0.75rem;
color: #444444;
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: 24px;
border: 1px solid #D8D8D8;
}
.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: #262a30;
}
.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 #D8D8D8;
border-radius: 24px;
}
.theme-dark .rolecap .allowedroles .allowed {
background-color: #000;
border-color: #262a30;
}
.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 #D8D8D8;
border-radius: 24px;
}
.theme-dark .rolecap .forbidden {
background-color: #000;
border-color: #262a30;
}
.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: 24px;
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: #004B57;
}
.theme-dark .rolecap .allow {
background-color: #004B57;
color: #EAF4DD;
}
.rolecap .forbiddenroles {
background-color: #fbc8c8;
color: #a50b0b;
}
.theme-dark .rolecap .forbiddenroles {
color: #fbc8c8;
background-color: #a50b0b;
}
#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: 24px;
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) {
background-color: #38393c;
color: #e9e9e9;
}
#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: 24px;
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) {
background-color: #38393c;
color: #e9e9e9;
}
#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: 24px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #users .c5 a .icon:not(.spacer) {
background-color: #38393c;
color: #e9e9e9;
}
#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-admin-setting-manageeditors table .lastcol, #page-admin-setting-manageeditors .table .lastcol, #page-admin-setting-manageeditors .generaltable .lastcol, #page-admin-setting-manageeditors .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-admin-setting-manageeditors table .lastcol a, #page-admin-setting-manageeditors .table .lastcol a, #page-admin-setting-manageeditors .generaltable .lastcol a, #page-admin-setting-manageeditors .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-admin-setting-manageeditors table .lastcol a .icon:not(.fa-spacer), #page-admin-setting-manageeditors table .lastcol a .icon:not(.spacer), #page-admin-setting-manageeditors .table .lastcol a .icon:not(.fa-spacer), #page-admin-setting-manageeditors .table .lastcol a .icon:not(.spacer), #page-admin-setting-manageeditors .generaltable .lastcol a .icon:not(.fa-spacer), #page-admin-setting-manageeditors .rolecap .lastcol a .icon:not(.fa-spacer), #page-admin-setting-manageeditors .generaltable .lastcol a .icon:not(.spacer), #page-admin-setting-manageeditors .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: 24px;
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-admin-setting-manageeditors table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors table .lastcol a .icon:not(.spacer), .theme-dark #page-admin-setting-manageeditors .table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors .table .lastcol a .icon:not(.spacer), .theme-dark #page-admin-setting-manageeditors .generaltable .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors .rolecap .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors .generaltable .lastcol a .icon:not(.spacer), .theme-dark #page-admin-setting-manageeditors .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: #38393c;
color: #e9e9e9;
}
#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-admin-setting-manageeditors table .lastcol a:hover, #page-admin-setting-manageeditors .table .lastcol a:hover, #page-admin-setting-manageeditors .generaltable .lastcol a:hover, #page-admin-setting-manageeditors .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-admin-setting-manageeditors table .lastcol a:hover .icon:not(.fa-spacer), #page-admin-setting-manageeditors table .lastcol a:hover .icon:not(.spacer), #page-admin-setting-manageeditors .table .lastcol a:hover .icon:not(.fa-spacer), #page-admin-setting-manageeditors .table .lastcol a:hover .icon:not(.spacer), #page-admin-setting-manageeditors .generaltable .lastcol a:hover .icon:not(.fa-spacer), #page-admin-setting-manageeditors .rolecap .lastcol a:hover .icon:not(.fa-spacer), #page-admin-setting-manageeditors .generaltable .lastcol a:hover .icon:not(.spacer), #page-admin-setting-manageeditors .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-admin-setting-manageeditors table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-setting-manageeditors .table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors .table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-setting-manageeditors .generaltable .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors .rolecap .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-setting-manageeditors .generaltable .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-setting-manageeditors .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-admin-setting-manageeditors table .lastcol a.dropdown-item, #page-admin-setting-manageeditors .table .lastcol a.dropdown-item, #page-admin-setting-manageeditors .generaltable .lastcol a.dropdown-item, #page-admin-setting-manageeditors .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: 24px;
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 {
background-color: #38393c;
color: #e9e9e9;
}
.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, [data-region="plans"] .float-start {
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: #e6e9ee;
}
.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: #262a30;
background-color: #38393c;
}
.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: #D8D8D8;
}
.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: #262a30;
}
.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;
}
[data-action="deleterelation"], #id_parentcompetencybutton {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 5px;
background-color: #F5F5F5;
border-radius: 24px;
color: #444444;
font-size: 0.875rem;
}
.theme-dark [data-action="deleterelation"], .theme-dark #id_parentcompetencybutton {
background-color: #38393c;
color: #c7c7c7;
}
[data-action="deleterelation"] .icon, #id_parentcompetencybutton .icon {
margin: 0;
}
[data-action="deleterelation"]::before, #id_parentcompetencybutton::before {
display: none;
}
[data-action="deleterelation"]:hover, #id_parentcompetencybutton:hover {
background-color: #e6e9ee;
color: #022758;
}
.theme-dark [data-action="deleterelation"]:hover, .theme-dark #id_parentcompetencybutton:hover {
background-color: #011b3e;
color: #ccd4de;
}
.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: 12px;
background-color: #F5F5F5;
}
.theme-dark table.surveytable {
background-color: #101010;
}
#explaincaps .rolecapheading {
background-color: #EEEEEE;
font-size: 1rem;
}
.theme-dark #explaincaps .rolecapheading {
background-color: #38393c;
}
#explaincaps .cap-name {
color: #6B6B6B;
}
.theme-dark #explaincaps .cap-name {
color: #a0a3a5;
}
.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: #c7c7c7;
}
#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;
}
#page-report-progress-index.theme-dark .modicon img.icon {
filter: invert(0.9);
}
.completion-expired .completion-expected {
display: inline-flex;
align-items: center;
padding: 2px 4px;
margin: 3px 0 !important;
font-size: 0.75rem;
font-weight: 500;
text-align: left;
border-radius: 5px;
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: #c7c7c7;
}
.iconsort {
margin: 2px;
padding: 5px;
width: 20px;
height: 20px;
background-color: #F5F5F5;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.iconsort:hover {
background-color: #e6e9ee;
}
.theme-dark .iconsort:hover {
background-color: #011b3e;
}
.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: #262a30;
}
#participants {
width: max-content;
}
#participants thead {
background-color: #fff;
}
#participants thead .icon:not(.spacer), #participants thead .icon:not(.noicon) {
margin: 1px;
padding: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
background-color: #EEEEEE;
font-size: 0.938rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #participants thead .icon:not(.spacer), .theme-dark #participants thead .icon:not(.noicon) {
background-color: #38393c;
color: #e9e9e9;
}
#participants thead .icon:not(.spacer):hover, #participants thead .icon:not(.noicon):hover {
text-decoration: none;
}
#participants thead .icon.fa-sort-desc, #participants thead .icon.fa-sort-asc {
background-color: transparent;
}
.theme-dark #participants thead {
background-color: #161616;
}
#participants td {
font-size: 0.75rem;
}
.theme-dark th .img {
filter: invert(1);
}
.userlist .no-overflow {
overflow: initial;
}
.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;
}
table a .fa-eye {
background-color: #EAF4DD !important;
color: #004B57 !important;
}
table a .fa-trash, table a .fa-eye-slash {
background-color: #feeded !important;
color: #a50b0b !important;
}
table a:hover .fa-eye {
background-color: #D1ECC0 !important;
color: #022758 !important;
}
table a:hover .fa-trash, table a:hover .fa-eye-slash {
background-color: #fbc8c8 !important;
color: #810909 !important;
}
table a.dropdown-item .fa-eye, table a.dropdown-item .fa-trash, table a.dropdown-item .fa-eye-slash {
background-color: transparent !important;
color: inherit !important;
}
.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;
}
@media (max-width: 767.98px) {
.continuebutton .btn, .continuebutton a {
width: 100%;
}
}
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: 16px;
line-height: 20px;
padding: 0;
border-radius: 12px;
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: #1f2023;
}
.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-sm.btn-icon, .btn-group-sm > .btn-icon.btn {
height: 33px;
}
.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: #1f2023;
}
.btn--topbar {
/*margin-right: -20px;*/
color: #434343;
}
.theme-dark .btn--topbar {
color: #c7c7c7;
}
.btn--topbar:hover {
background-color: #F5F5F5;
color: #444444;
}
.theme-dark .btn--topbar:hover {
background-color: #101010;
color: #e9e9e9;
}
.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 > .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: #022758;
}
.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 #D8D8D8;
border-radius: 12px;
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: #b3becd;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
border: none;
border-left: 1px solid #D8D8D8;
}
.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: #022758;
}
.gradingform_rubric .criterion .score input {
margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
vertical-align: top;
padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
background: #e6e9ee;
}
.gradingform_rubric .criterion .level.checked {
background: #b3becd;
border: 1px solid #D8D8D8;
}
.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: 12px;
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/baz/core/1794181695/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: #101010;
}
.gradetree-wrapper .grade_icons .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
padding: 3px;
border-radius: 24px;
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: 12px;
}
.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: #101010;
}
.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: #101010;
}
.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: 30px;
height: 30px;
margin-right: 0.35rem;
margin-left: 0.5rem;
padding: 3px;
border-radius: 30px;
}
.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%;
height: 50px;
margin: 5px 0 5px 0;
padding: 0;
}
.gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:before, .gradetree-wrapper .setup-grades.rolecap tr td.movehere a.movehere:before {
display: none;
}
.gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr, .gradetree-wrapper .setup-grades.rolecap tr td.movehere a.movehere hr {
border: none;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td, .gradetree-wrapper .setup-grades.rolecap tr.category td {
background-color: white;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.category td, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.category td {
background-color: #101010 !important;
border-color: #262a30 !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 #D8D8D8;
}
.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: #262a30;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td:last-child, .gradetree-wrapper .setup-grades.rolecap tr.category td:last-child {
border-right: 1px solid #D8D8D8;
}
.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: #262a30;
}
.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: 40px !important;
width: 40px !important;
font-size: 12px;
line-height: 24px;
margin-right: 10px !important;
background-color: #F5F5F5;
color: #444444;
}
.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;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div a.toggle-category {
background-color: #101010;
color: #e9e9e9;
}
.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: #444444;
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: #e9e9e9 !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: #101010 !important;
border-color: #262a30 !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 #022758;
background-color: #e6e9ee;
border-radius: 12px;
}
td.movehere a.movehere:hover {
background-color: #ccd4de;
}
.theme-dark td.movehere a.movehere:hover {
background-color: #101010;
}
.theme-dark td.movehere a.movehere {
border: 2px dashed #a0a3a5;
background-color: #28292c;
}
/**
* 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;
}
.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: #D8D8D8;
}
.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 #D8D8D8;
}
.path-grade-report-grader .gradeparent th.header {
left: 0;
position: sticky;
}
.path-grade-report-grader .gradeparent th.header#studentheader {
z-index: 1;
}
.path-grade-report-grader .gradeparent td.noborder {
border-right: transparent;
}
.theme-dark.path-grade-report-grader .gradeparent tr .cell, .theme-dark.path-grade-report-grader .gradeparent .floater .cell {
background-color: #161616;
}
.theme-dark.path-grade-report-grader .gradeparent table, .theme-dark.path-grade-report-grader .gradeparent .cell {
border-color: #262a30;
}
.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: #101010;
}
.theme-dark.path-grade-report-grader tr.lastrow td, .theme-dark.path-grade-report-grader tr.lastrow th {
border-top: 1px solid #262a30;
}
/**
* 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: #6B6B6B;
}
.theme-dark .scale_options {
color: #a0a3a5;
}
/* 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: 12px;
}
.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: #004B57;
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: #D8D8D8;
}
.theme-dark .gradingform_rubric .criterion, .theme-dark .gradingform_rubric .criterion .levels .level {
border-color: #262a30;
}
.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: 12px;
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/baz/theme/1794181695/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/baz/theme/1794181695/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/baz/theme/1794181695/baz/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/baz/theme/1794181695/baz/icon-arrow-down) no-repeat center center;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
width: 40px;
height: 40px;
background: #F5F5F5 url(/theme/image.php/baz/theme/1794181695/baz/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: #022758;
color: #e6e9ee;
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/baz/theme/1794181695/baz/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: #D8D8D8;
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: #e6e9ee;
}
.theme-dark .rui-grader-toolbar .active {
background-color: #011735;
}
#guide-criteria label {
padding-top: 1rem;
display: block;
border-top: 1px solid #D8D8D8;
color: #434343;
}
#guide-criteria .criteriondescriptionmarkers {
width: auto;
}
.gradingform_rubric_editform .status, .gradingform_guide_editform .status {
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
font-size: 0.75rem;
font-weight: 500;
border-radius: 96px;
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: #ccd4de;
}
#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 {
margin-bottom: 0;
text-align: left;
border-radius: 12px;
}
.theme-dark.path-grade-report-singleview div.reporttable {
background-color: #101010;
color: #e9e9e9;
border-radius: 12px;
}
.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: #1f2023;
color: #e9e9e9;
border-color: #262a30;
}
.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: 30px;
height: 30px;
}
.path-grade-report-singleview .reporttable .category {
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark.path-grade-report-singleview .reporttable .category {
color: #a0a3a5;
}
.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% - 60px);
/* 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: 30px;
width: calc(100% - 60px);
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: #e9e9e9;
}
.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: 24px;
}
.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, .gradereport_history_usp .usp-ajax-content {
border-color: #D8D8D8;
}
.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: #262a30;
}
.path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th, .path-grade-report-user .user-grade td, .grade-report-user .user-grade td, .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, .path-grade-report-user .user-report-container, .grade-report-user .user-report-container, .path-grade-report-user .user-grade tbody tr, .grade-report-user .user-grade tbody tr, .path-grade-report-user .user-grade tbody tr:hover, .grade-report-user .user-grade tbody tr:hover {
background-color: #F5F5F5;
}
.path-grade-report-user .user-grade td.item, .grade-report-user .user-grade td.item, .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), .path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category {
background-color: #fff;
border-color: #D8D8D8;
}
.theme-dark.path-grade-report-user .user-grade thead th, .theme-dark .grade-report-user .user-grade thead th, .theme-dark.path-grade-report-user .user-grade td, .theme-dark .grade-report-user .user-grade td, .theme-dark.path-grade-report-user .user-grade .baggt, .theme-dark.path-grade-report-user .user-grade .baggb, .theme-dark .grade-report-user .user-grade .baggt, .theme-dark .grade-report-user .user-grade .baggb, .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 .grade-report-user .user-grade tbody tr, .theme-dark.path-grade-report-user .user-grade tbody tr:hover, .theme-dark .grade-report-user .user-grade tbody tr:hover {
background-color: #101010;
}
.theme-dark.path-grade-report-user .user-grade thead th .rui-icon, .theme-dark .grade-report-user .user-grade thead th .rui-icon, .theme-dark.path-grade-report-user .user-grade td .rui-icon, .theme-dark .grade-report-user .user-grade td .rui-icon, .theme-dark.path-grade-report-user .user-grade .baggt .rui-icon, .theme-dark.path-grade-report-user .user-grade .baggb .rui-icon, .theme-dark .grade-report-user .user-grade .baggt .rui-icon, .theme-dark .grade-report-user .user-grade .baggb .rui-icon, .theme-dark.path-grade-report-user .user-report-container .rui-icon, .theme-dark .grade-report-user .user-report-container .rui-icon, .theme-dark.path-grade-report-user .user-grade tbody tr .rui-icon, .theme-dark .grade-report-user .user-grade tbody tr .rui-icon, .theme-dark.path-grade-report-user .user-grade tbody tr:hover .rui-icon, .theme-dark .grade-report-user .user-grade tbody tr:hover .rui-icon {
filter: invert(1);
}
.theme-dark.path-grade-report-user .user-grade td.item, .theme-dark .grade-report-user .user-grade td.item, .theme-dark.path-grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb), .theme-dark .grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb), .theme-dark.path-grade-report-user .user-grade th.category, .theme-dark .grade-report-user .user-grade th.category {
background-color: #161616;
border-color: #262a30;
}
.theme-dark.path-grade-report-user .user-grade td.item .rui-icon, .theme-dark .grade-report-user .user-grade td.item .rui-icon, .theme-dark.path-grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb) .rui-icon, .theme-dark .grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb) .rui-icon, .theme-dark.path-grade-report-user .user-grade th.category .rui-icon, .theme-dark .grade-report-user .user-grade th.category .rui-icon {
filter: invert(1);
}
.column-name .gradeitemheader, .column-itemname .gradeitemheader {
font-size: 0.938rem;
}
.gradereport_history_usp .usp-user .details {
padding: 6px 10px;
}
.extrafields {
font-size: 0.75rem;
}
.searchresultitemscontainer {
margin: 10px 0 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;
}
.initialsdropdown .initialbarlabel {
color: #434343;
}
#page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle {
padding: 7px 14px;
font-weight: 500 !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.
*/
.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 - 50px);
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: 1199.98px) {
body.reset-style #page-content #region-main-box #region-main.has-blocks {
width: 100%;
}
}
@media (max-width: 767.98px) {
body.reset-style #page-content #region-main-box #region-main {
padding-left: 0;
padding-right: 0;
}
}
body.reset-style #page-content #region-main-box [data-region="blocks-column"] {
margin-left: auto;
}
@media (max-width: 1199.98px) {
body.reset-style #page-content #region-main-box {
display: flex;
flex-direction: column;
}
}
body.reset-style select, body.reset-style input, body.reset-style textarea, body.reset-style .btn:not(.btn-icon) {
border-radius: 24px;
}
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: #F5F5F5;
border-top: none !important;
border-radius: 12px;
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 {
left: 20px;
right: 20px;
bottom: -100px;
}
}
@media (max-width: 767.98px) {
.stickyfooter {
max-width: calc(100% - 32px);
min-width: calc(100% - 32px);
left: 16px;
right: 16px;
bottom: -100%;
}
.stickyfooter .disabled {
display: none !important;
}
}
#page-grade-import-csv-index .stickyfooter, #page-grade-report-grader-index.path-grade .stickyfooter, #page-grade-export-txt-index .stickyfooter, #page-grade-export-xls-index .stickyfooter, #page-grade-export-xml-index .stickyfooter, #page-grade-report-user-index .stickyfooter, #page-grade-report-singleview-index .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-import-csv-index .stickyfooter .col-md-9, #page-grade-import-csv-index .stickyfooter .col-md-3, #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-txt-index .stickyfooter .col-md-9, #page-grade-export-txt-index .stickyfooter .col-md-3, #page-grade-export-xls-index .stickyfooter .col-md-9, #page-grade-export-xls-index .stickyfooter .col-md-3, #page-grade-export-xml-index .stickyfooter .col-md-9, #page-grade-export-xml-index .stickyfooter .col-md-3, #page-grade-report-user-index .stickyfooter .col-md-9, #page-grade-report-user-index .stickyfooter .col-md-3, #page-grade-report-singleview-index .stickyfooter .col-md-9, #page-grade-report-singleview-index .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: #1f2023 !important;
}
@media (min-width: 1089px) {
.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;
}
.stickyfooter .pagination, .stickyfooter .comment-paging {
margin: 0 3px;
}
.hasstickyfooter .stickyfooter {
bottom: 20px;
}
@media (min-width: 320px) {
#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;
height: 100%;
}
#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;
}
.custom-control-label--text {
font-size: 0.75rem;
}
.bulkediting--close {
position: absolute;
top: -50px;
right: 0;
}
}
.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 .pagenumber .dropdown-btn, .pagenumber .path-grade .sticky-footer .dropdown-btn, .path-grade .sticky-footer #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu .path-grade .sticky-footer .dropdown-toggle, .path-grade .sticky-footer .last-add-menu .dropdown-btn, .last-add-menu .path-grade .sticky-footer .dropdown-btn {
padding: 0.6rem 1rem;
}
.path-grade-edit #sticky-footer {
padding: 10px !important;
}
#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: 10rem;
padding: 12px;
margin: 0.125rem 0 0;
font-size: 0.875rem;
color: #434343;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 12px;
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 {
top: 50px;
left: 0;
right: auto;
width: 100%;
position: fixed;
}
}
.theme-dark .popover-region-container {
color: #e9e9e9;
background-color: #101010;
border: 1px solid #262a30;
}
.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: #28292c;
}
.popover-region-header-text {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
font-size: 0.875rem;
font-weight: 500;
color: #6B6B6B;
}
.theme-dark .popover-region-header-text {
color: #626367;
}
.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: #929292 #fff;
}
.popover-region-content-container::-webkit-scrollbar {
width: 6px;
}
.popover-region-content-container::-webkit-scrollbar-track {
background: #fff;
border-radius: 20px;
}
.popover-region-content-container::-webkit-scrollbar-thumb {
background-color: #929292;
border-radius: 20px;
border: 0;
}
.popover-region-content-container::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.theme-dark .popover-region-content-container {
scrollbar-width: thin;
scrollbar-color: #929292 #101010;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar {
width: 6px;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar-track {
background: #101010;
border-radius: 20px;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar-thumb {
background-color: #929292;
border-radius: 20px;
border: 0;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.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: 12px;
position: relative;
display: block;
color: inherit;
text-decoration: none;
position: relative;
}
.content-item-container:after {
content: "";
background-color: #D8D8D8;
width: calc(100% - 20px);
height: 1px;
position: absolute;
left: 10px;
bottom: -2px;
}
.popover-region-container .content-item-container:after {
background-color: #D8D8D8;
}
.theme-dark .content-item-container:after {
background-color: #262a30;
}
.content-item-container:last-child {
margin-bottom: 0;
}
.content-item-container:hover {
background-color: #EEEEEE;
color: #434343;
}
.theme-dark .content-item-container:hover {
background-color: #38393c;
color: #e9e9e9;
}
.content-item-container.unread {
background-color: #e6e9ee;
color: #444444;
}
.theme-dark .content-item-container.unread {
background-color: #022758;
color: #e9e9e9;
}
.content-item-container.unread:hover {
background-color: #EEEEEE;
color: #434343;
}
.theme-dark .content-item-container.unread:hover {
background-color: #38393c;
color: #e9e9e9;
}
.content-item-container.unread .content-item-body .notification-message {
font-weight: 500;
}
.content-item-container .context-link {
color: #434343;
text-decoration: none;
}
.theme-dark .content-item-container .context-link {
color: #e9e9e9;
}
.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: #434343;
}
.theme-dark .content-item-container .view-more {
color: #8193ac;
}
.content-item-container .view-more:hover {
color: #434343;
}
.theme-dark .content-item-container .view-more:hover {
color: #e9e9e9;
}
.content-item-container.notification .content-item-body .notification-image {
display: inline-flex;
width: 30px;
height: 30px;
background-color: #F5F5F5;
border-radius: 12px;
}
.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: #EEEEEE;
color: #434343;
}
.theme-dark .content-item-container.selected {
background-color: #38393c;
color: #e9e9e9;
}
.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: 96px;
}
.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: 24px;
}
.rui-notification-pref:hover, .rui-markallread:hover {
color: #434343;
background-color: #EEEEEE;
}
.theme-dark .rui-notification-pref:hover, .theme-dark .rui-markallread:hover {
color: #e6e9ee;
background-color: #022758;
}
.theme-dark .rui-notification-pref, .theme-dark .rui-markallread {
background-color: #38393c;
color: #e9e9e9;
}
.rui-markallread {
background-color: transparent;
color: #434343;
}
.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: #434343;
}
.theme-dark .rui-notification-pref {
color: #e9e9e9;
}
.rui-notification-pref:hover {
background-color: #ccd4de;
color: #022758;
}
.theme-dark .rui-notification-pref:hover {
background-color: #1f2023;
color: #e9e9e9;
}
.rui-unreadcount:not(.hidden) {
position: absolute;
padding: 4px;
margin: 0;
top: 2px;
right: 2px;
min-width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #e6e9ee;
color: #022758;
border-radius: 30px;
font-size: 11px;
font-weight: 700;
}
.rui-unread-badge:not(.hidden) {
margin-top: 10px;
padding: 4px;
min-width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #EAF4DD;
color: #004B57;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
}
.rui-unread-badge:not(.hidden):empty {
display: none;
}
.see-all-link {
width: 100%;
margin: 20px 0 0;
padding: 7px 20px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 500;
background-color: #e6e6e6;
color: #434343;
}
.theme-dark .see-all-link {
background-color: #38393c;
color: #e9e9e9;
}
.see-all-link:hover {
background-color: #EEEEEE;
color: #434343;
text-decoration: none;
opacity: 0.7;
}
.theme-dark .see-all-link:hover {
background-color: #38393c;
color: #e9e9e9;
}
/**
* 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: 96px;
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: #D8D8D8;
}
.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: #262a30;
}
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: #161616;
}
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: #D8D8D8;
}
.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: #262a30;
}
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: #161616;
}
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: #D8D8D8;
}
.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: #262a30;
}
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: #161616;
}
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: #D8D8D8;
}
.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: #262a30;
}
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: #161616;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] {
margin-left: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] div[data-role="arrow"] {
transform: rotate(180deg);
left: -1rem;
right: auto;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] {
margin-right: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] div[data-role="arrow"] {
transform: rotate(180deg);
left: auto;
right: -1rem;
}
[data-region="drawer"] [data-flexitour="container"] {
/*rtl:ignore*/
margin-left: -15px;
width: 275px;
}
.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: 1040;
transition: 0.5s;
width: 100vw;
margin: 0;
opacity: 1;
background-color: #fff;
}
.theme-dark .layout.fullscreen {
background-color: #161616;
}
.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: 20px 60px;
width: calc(100% - 120px);
background-color: #fff;
border-radius: 12px;
}
.theme-dark #page-report {
background-color: #e9e9e9;
}
#page {
margin: 20px auto 0;
max-width: 1290px;
width: 100%;
background-color: #fff;
border-radius: 12px;
position: relative;
}
.theme-dark #page {
background-color: #161616;
}
@media (max-width: 1359px) {
#page {
margin: 20px auto;
max-width: calc(100% - 30px);
}
}
@media (max-width: 767.98px) {
#page {
margin: 5px auto;
max-width: calc(100% - 10px);
}
}
#page-popup {
padding: 20px;
background-color: #fff;
border-radius: 12px;
}
.theme-dark #page-popup {
background-color: #161616;
}
#page-popup .closewindow {
margin: 1rem 0;
}
#page-popup .closewindow .btn {
width: 100%;
}
.pagelayout-embedded #page {
margin: 0;
width: 100%;
max-width: 100%;
}
.wrapper-xl, .wrapper-lg, .wrapper-md {
margin-left: auto;
margin-right: auto;
}
.wrapper-lg {
width: 960px;
}
@media (max-width: 1088.98px) {
.wrapper-lg {
width: 85%;
}
}
.wrapper-md {
width: 800px;
}
@media (max-width: 1088.98px) {
.wrapper-md {
width: 80%;
}
}
.wrapper-md .wrapper-md {
width: 100%;
}
.wrapper-blocks {
width: 100%;
margin: 0 auto;
}
.has-sidecourseblocks .wrapper-blocks {
width: calc(100% - 370px);
}
@media (max-width: 1088.98px) {
.has-sidecourseblocks .wrapper-blocks {
width: 100%;
}
}
.tmpl-course-blocks {
width: 310px;
}
@media (max-width: 1088.98px) {
.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-has-blocks, .wrapper-dashboard, .wrapper-xl {
margin: 0 auto;
width: 100%;
/* max-width: calc(100% - 110px);*/
max-width: 100%;
padding: 0px 35px;
}
@media (max-width: 767.98px) {
.wrapper-has-blocks, .wrapper-dashboard, .wrapper-xl {
/* max-width: calc(100% - 30px);*/
max-width: 100%;
padding: 0 20px;
}
}
[data-flexitour="step-background"] .wrapper-has-blocks, [data-flexitour="step-background"] .wrapper-dashboard, [data-flexitour="step-background"] .wrapper-xl {
width: 100%;
max-width: 100%;
}
.wrapper-dashboard {
margin-top: 0px;
}
.blocks-wrapper {
gap: 60px;
}
.wrapper-fw {
width: 100%;
}
.region-main-content {
position: relative;
}
.sep--left {
position: relative;
}
.sep--left:before {
content: "";
background-color: #D8D8D8;
width: 1px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
left: -5px;
}
.theme-dark .sep--left:before {
background-color: #262a30;
}
.sep--right {
position: relative;
}
.sep--right:before {
content: "";
background-color: #D8D8D8;
width: 1px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
right: -5px;
}
.theme-dark .sep--right:before {
background-color: #262a30;
}
@media (min-width: 768px) {
.pagelayout-secure #page {
padding: 30px;
}
}
@media (max-width: 767.98px) {
.pagelayout-secure #page {
padding: 10px;
}
}
#s-page-footer {
margin: 0 auto;
padding: 15px 0;
max-width: 1290px;
width: 100%;
display: flex;
flex-shrink: 0;
color: #434343;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
#s-page-footer {
padding: 60px;
}
}
@media (max-width: 767.98px) {
#s-page-footer {
padding: 30px 0 80px;
}
}
.theme-dark #s-page-footer {
color: #c7c7c7;
}
@media (max-width: 1088.98px) {
#s-page-footer .wrapper-md {
width: calc(100% - 30px);
}
}
.rui-topbar-special-btn-container {
cursor: pointer;
}
.notloggedin .rui-topbar-special-btn-container {
display: none;
}
.rui-login-btn {
padding: 4px 15px 4px 20px;
background-color: #b9dcff;
color: #fff;
border-radius: 12px;
display: flex;
align-items: center;
flex-wrap: nowrap;
width: max-content;
}
.rui-login-btn:hover {
color: #e6f1ee;
background-color: #eef6f9;
text-decoration: none;
}
.theme-dark .rui-login-btn {
color: #fff;
}
.rui-login-btn .rui-login-btn-txt {
font-size: 0.875rem;
font-weight: 500;
}
.rui-signup-btn {
padding: 4px 15px 4px 20px;
line-height: 2.25rem;
background-color: rgba(185, 220, 255, 0.7);
color: #fff;
border-radius: 12px;
display: flex;
align-items: center;
flex-wrap: nowrap;
width: max-content;
}
.rui-signup-btn:hover {
color: #e6f1ee;
background-color: #eef6f9;
text-decoration: none;
}
.rui-signup-btn .rui-login-btn-txt {
font-size: 0.875rem;
font-weight: 500;
}
.rui-topbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
position: sticky;
top: 0;
z-index: 1030;
font-weight: 700;
background-color: #022758;
min-height: 60px;
max-height: 60px;
font-size: 0.875rem;
color: #fff;
border-radius: 12px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.theme-dark .rui-topbar {
background-color: #0c0c0c;
color: #e9e9e9;
}
.scrolled .rui-topbar {
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.rui-topbar .site-name {
margin-left: 10px;
margin-right: 10px;
width: max-content;
font-size: 0.875rem;
font-weight: 700;
color: #fff;
}
.theme-dark .rui-topbar .site-name {
color: #e9e9e9;
}
.rui-topbar .navbar-nav {
font-size: 0.875rem;
font-weight: 700;
}
.rui-topbar .navbar-nav .nav-link {
color: #fff;
border-radius: 12px;
}
.theme-dark .rui-topbar .navbar-nav .nav-link {
color: #e9e9e9;
}
.sidebar-btn {
padding: 0;
margin-right: 10px;
margin-left: -1rem;
width: 60px;
height: 60px;
line-height: 1;
border: 0;
color: #fff;
background-color: transparent;
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 12px 0 0 0;
}
.sidebar-btn:hover {
background-color: #eef6f9;
}
.page-content {
margin-bottom: 60px;
}
.wrapper-header {
margin: 20px 0;
}
.page-course-content {
margin: 10px auto 0px;
}
.show-drawer-left .page-course-content {
margin-top: 30px;
}
.addtagcoll {
margin-bottom: 40px;
}
.course-hero {
width: 95%;
margin-top: 60px;
margin-bottom: 30px;
}
.course-hero img {
border-radius: 5px;
}
.course-teachers-box {
max-width: 900px;
margin-bottom: 30px;
display: inline-flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
gap: 20px;
overflow-x: auto;
}
.course-teachers-box .course-contact-title-item {
margin-right: 0.5rem;
display: flex;
}
.rui-course-list-wrapper .course-teachers-box .course-contact-title-item {
margin-right: 20px;
margin-bottom: 20px;
width: calc(50% - 20px);
}
.course-teachers-box .course-contact-title {
margin-left: 0.5rem;
margin-right: 0.5rem;
margin-bottom: 0;
font-size: 0.938rem;
font-weight: 500;
color: #434343;
}
.theme-dark .course-teachers-box .course-contact-title {
color: #c7c7c7;
}
.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: 60px;
height: 60px;
border-radius: 12px;
position: relative;
}
@media (max-width: 767.98px) {
.course-teachers-box .course-contact .course-teacher-avatar {
width: 40px;
height: 40px;
}
}
.course-teachers-box .course-contact .course-teacher-content {
margin: 0 20px;
}
.course-teachers-box .course-contact .course-teacher-content .course-teacher-name {
line-height: 1.3;
}
.rui-course-list-wrapper .course-teachers-box .course-contact .course-teacher-content {
margin: 0 10px;
}
.course-teachers-box .course-contact .course-teacher-name {
margin: 0;
font-weight: 500;
font-size: 1rem;
}
.course-teachers-box .course-contact .course-teacher-role {
font-size: 0.938rem;
color: #434343;
}
.theme-dark .course-teachers-box .course-contact .course-teacher-role {
color: #c7c7c7;
}
.page-margin-bottom--xl {
margin-bottom: 60px;
}
.course-hero-img {
width: 100%;
border-radius: 12px;
}
.course-progressbar-wrapper {
padding: 15px 20px;
border-radius: 12px;
background-color: #F5F5F5;
position: relative;
}
.theme-dark .course-progressbar-wrapper {
background-color: #101010;
}
.drawer-left .course-progressbar-wrapper {
padding: 10px 15px;
margin-bottom: 20px;
background-color: #fff;
}
.theme-dark .drawer-left .course-progressbar-wrapper {
background-color: #161616;
}
.course-progressbar-wrapper .rui-progress {
width: 100%;
height: 7px;
border-radius: 7px;
}
.course-progressbar-wrapper .rui-progress-text {
width: max-content;
padding: 5px 10px 5px 5px;
height: 26px;
background-color: #022758;
border-radius: 26px;
font-size: 0.75rem;
font-weight: 700;
color: #e6e9ee;
line-height: 1;
position: absolute;
top: calc(50% - 13px);
display: inline-flex;
align-items: center;
}
.theme-dark .course-progressbar-wrapper .rui-progress-text {
background-color: #38393c;
color: #c7c7c7;
}
.course-progressbar-wrapper .rui-progress-text.rui-progress--value-0 {
left: 6px !important;
}
.dir-rtl .course-progressbar-wrapper .rui-progress-text.rui-progress--value-0 {
left: auto;
right: 6px !important;
}
.course-progressbar-wrapper .rui-progress-text.rui-progress--value-100 {
left: auto !important;
right: 7px;
}
.dir-rtl .course-progressbar-wrapper .rui-progress-text.rui-progress--value-100 {
right: auto !important;
left: 7px !important;
}
.rui-course-header, .rui-course-progresschart {
width: 800px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1088.98px) {
.rui-course-header, .rui-course-progresschart {
width: 100%;
}
}
@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 {
margin-bottom: 0px;
width: 100%;
position: relative;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
#page-course-view-participants .page-header-content, #page-my-index .page-header-content {
display: flex;
margin-bottom: 5px;
}
/* Top Bar elements */
.rui-dropdown-course-menu {
width: 300px;
max-width: 300px;
padding: 0;
}
.rui-dropdown-course-menu .rui-course-menu-list--more {
width: 100%;
position: sticky;
bottom: 0;
padding: 10px 20px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 500;
color: #6B6B6B;
}
.dir-rtl .rui-dropdown-course-menu .rui-course-menu-list--more svg {
transform: rotate(180deg);
}
.theme-dark .rui-dropdown-course-menu .rui-course-menu-list--more {
color: #a0a3a5;
}
.rui-dropdown-course-menu .rui-course-menu-list-text {
display: inline-flex;
max-width: 220px;
}
.rui-dropdown-main-menu {
padding: 10px;
width: 306px;
}
.rui-course-menu {
margin: 0;
padding: 0;
list-style: none;
}
.rui-course-menu .rui-course-menu-list {
margin-bottom: 0;
border-bottom: 1px solid #D8D8D8;
transition: border-color 350ms ease-in-out;
}
.theme-dark .rui-course-menu .rui-course-menu-list {
border-bottom: 1px solid #262a30;
}
.rui-course-menu .rui-course-menu-list:hover {
border-color: #81bbaa;
}
.rui-course-menu .active {
color: #027654;
}
.rui-course-menu-h {
padding: 15px 22px;
margin-bottom: 0;
align-items: center;
display: inline-flex;
width: 100%;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark .rui-course-menu-h {
border-bottom: 1px solid #262a30;
}
.rui-course-menu-h .rui-course-menu-h-l {
padding: 0;
font-size: 1rem;
font-weight: 500;
}
/** Navbar logo. */
.rui-logo img {
width: auto;
/* height: 35px;
padding: 4px;*/
}
.rui-logo-ml {
margin-left: 10px;
}
.rui-logo-box {
/* padding: 4px;
border-radius: $btn-border-radius - 4px;
background-color: $white; */
}
.rui-navbar-nav {
list-style: none;
}
.rui-navbar-nav .nav-item {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
.rui-navbar-nav .nav-item .nav-link {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
background-color: transparent;
color: #fff;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link {
color: #e9e9e9;
}
@media (max-width: 767.98px) {
.rui-navbar-nav .nav-item .nav-link {
margin-right: 0;
padding: 0;
width: 100%;
min-width: 40px;
max-width: 40px;
height: 40px;
}
}
.rui-navbar-nav .nav-item .nav-link[aria-expanded="true"], .rui-navbar-nav .nav-item .nav-link:hover {
background-color: #eef6f9;
color: #e6f1ee;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link[aria-expanded="true"], .theme-dark .rui-navbar-nav .nav-item .nav-link:hover {
background-color: #01533b;
color: #e6f1ee;
}
@media (min-width: 768px) {
.rui-navbar-nav--sep {
position: relative;
}
.rui-navbar-nav--sep:before {
content: "";
background-color: rgba(255, 255, 255, 0.35);
width: 1px;
height: 16px;
position: absolute;
top: calc(50% - 8px);
left: 7px;
}
}
.popover-region-notifications:not(.collapsed) .nav-link {
background-color: #01533b;
}
.rui-main-menu-btn, .rui-topbar-special-btn, .rui-lang-btn, .rui-moremenu-btn {
display: inline-flex;
align-items: center;
padding: 10px;
border-radius: 8px;
font-size: 0.75rem;
}
@media (max-width: 767.98px) {
.rui-main-menu-btn, .rui-topbar-special-btn, .rui-lang-btn, .rui-moremenu-btn {
padding: 8px;
}
}
.rui-main-menu-btn[aria-expanded="true"], .rui-main-menu-btn:hover, .rui-topbar-special-btn[aria-expanded="true"], .rui-topbar-special-btn:hover, .rui-lang-btn[aria-expanded="true"], .rui-lang-btn:hover, .rui-moremenu-btn[aria-expanded="true"], .rui-moremenu-btn:hover {
background-color: #eef6f9;
color: #e6f1ee;
text-decoration: none;
}
.theme-dark .rui-main-menu-btn[aria-expanded="true"], .theme-dark .rui-main-menu-btn:hover, .theme-dark .rui-topbar-special-btn[aria-expanded="true"], .theme-dark .rui-topbar-special-btn:hover, .theme-dark .rui-lang-btn[aria-expanded="true"], .theme-dark .rui-lang-btn:hover, .theme-dark .rui-moremenu-btn[aria-expanded="true"], .theme-dark .rui-moremenu-btn:hover {
background-color: #01533b;
color: #e6f1ee;
}
.rui-main-menu-btn {
background: transparent;
color: #fff;
}
.theme-dark .rui-main-menu-btn {
color: #e9e9e9;
}
.rui-lang-btn {
width: max-content;
background-color: transparent;
color: #fff;
}
.theme-dark .rui-lang-btn {
background-color: transparent;
color: #e9e9e9;
}
@media (max-width: 767.98px) {
.rui-lang-btn .rui-lang-btn-text {
display: none;
}
}
.rui-topbar-special-btn {
background: #b9dcff;
color: #fff;
}
.theme-dark .rui-topbar-special-btn {
color: #fff;
}
.rui-nav-tabs + * {
margin-top: 30px;
}
.rui-navbar-brand, body:not(#page-login-index).rui-navbar-lang {
position: relative;
}
@media (max-width: 767.98px) {
.rui-navbar-brand, body:not(#page-login-index).rui-navbar-lang {
margin-left: 0;
margin-right: 0;
}
}
.rui-navbar-lang {
margin-right: 5px;
}
.rui-navbar-brand {
margin-right: 7px;
}
.rui-navbar-brand--img {
margin-left: 0;
}
.rui-navbar-brand:hover {
text-decoration: none;
opacity: 0.6;
}
.rui-navbar-nav-wrapper {
width: calc(100% - 100px);
}
@media (max-width: 1088.98px) {
.rui-navbar-collapse {
padding: 20px;
position: absolute;
top: 60px;
left: 0;
width: 100%;
background-color: #011b3e;
border-radius: 0 0 12px 12px;
display: inline-flex;
flex-wrap: wrap;
}
.rui-navbar-nav {
width: 100%;
}
.rui-navbar-nav-wrapper .nav-link {
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.rui-navbar-nav-wrapper.rui-navbar-nav--sep::before {
display: none;
}
}
@media (max-width: 1088.98px) and (max-width: 767.98px) {
.rui-navbar-collapse {
top: 95px;
}
}
@media (max-width: 1088.98px) and (max-width: 767.98px) {
.rui-navbar-nav-wrapper .dropdown-menu {
width: 100%;
}
}
/* Footer */
.rui-footer-content {
font-size: 0.75rem;
color: #fff;
}
@media (max-width: 767.98px) {
.rui-footer-content {
text-align: center;
}
}
.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;
color: #444444;
}
.theme-dark .rui-footer-nav-title {
color: #e9e9e9;
}
.rui-footer-nav-items {
font-size: 0.875rem;
color: #434343;
}
@media (max-width: 767.98px) {
.rui-footer-nav-items {
text-align: center;
}
}
.theme-dark .rui-footer-nav-items {
color: #c7c7c7;
}
.rui-footer-nav-items li {
margin: 0.65rem 0;
}
.rui-footer-nav-items li a {
color: #434343;
}
.theme-dark .rui-footer-nav-items li a {
color: #c7c7c7;
}
.rui-footer-nav-items li a:hover {
color: #81bbaa;
}
/* Scroll bar */
.simplebar-track:before {
content: "";
background-color: #F5F5F5;
width: calc(100% - 4px);
height: 100%;
border-radius: 10px;
position: absolute;
top: 0;
left: 2px;
}
.theme-dark .simplebar-track:before {
background-color: #101010;
}
.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-themesettingbaz) .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;
max-width: 600px;
display: inline-flex;
justify-content: flex-start;
align-content: flex-start;
position: fixed;
z-index: 10001;
bottom: 0;
left: 15px;
background-color: #fff;
color: #434343;
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;
bottom: -10px;
}
}
.rui-custom-alert.fade:not(.show) {
z-index: -1;
}
.theme-dark .rui-custom-alert {
background-color: #161616;
color: #c7c7c7;
}
.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: 40px;
background-color: #F5F5F5;
color: #929292;
width: 40px;
height: 40px;
transition: all 0.2s ease-in-out;
}
.theme-dark .rui-custom-alert .rui-custom-alert-close {
background-color: #101010;
color: #626367;
}
.rui-custom-alert .rui-custom-alert-close:hover {
background-color: #feeded;
color: #ef1010;
}
.greedy {
position: relative;
display: flex;
align-items: center;
opacity: 0;
}
@media (max-width: 1088.98px) {
.greedy {
width: 50px;
}
}
.rui-moremenu-btn {
border: 0;
position: relative;
background-color: rgba(255, 255, 255, 0.5);
color: #fff;
}
@media (max-width: 1088.98px) {
.rui-moremenu-btn {
margin-left: 5px;
}
}
.rui-moremenu-btn svg {
pointer-events: none;
}
.rui-moremenu-btn.hidden {
display: none !important;
}
.rui-moremenu-btn::after {
content: attr(count);
position: absolute;
top: -5px;
right: -5px;
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #ccd4de;
color: #022758;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
}
ul.links {
display: inline-block;
}
ul.hidden-links {
position: absolute;
top: 100%;
right: 0;
max-width: 280px;
z-index: 1031;
min-width: 210px;
padding: 0.35rem 0.35rem;
margin: 0.125rem 0 0;
font-size: 0.875rem;
color: #434343;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 12px;
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: 1088.98px) {
ul.hidden-links {
left: 5px;
}
}
.theme-dark ul.hidden-links {
color: #e9e9e9;
background-color: #101010;
}
ul.hidden-links .dropdown-menu {
position: relative !important;
top: 0 !important;
transform: translate3d(0px, 0px, 0px) !important;
width: 100%;
max-width: 100%;
padding: 0;
overflow-x: hidden;
background-color: #F5F5F5;
box-shadow: none;
}
ul.hidden-links li a {
display: flex;
align-items: center;
width: 100%;
min-width: 200px;
margin-bottom: 0.25rem;
padding: 0.4rem 0.75rem;
clear: both;
font-size: 0.875rem;
font-weight: 500;
color: #434343;
text-align: inherit;
/*word-break: normal;
white-space: break-spaces;*/
white-space: normal;
border: 0;
border-radius: 12px;
}
.theme-dark ul.hidden-links li a {
color: #e9e9e9;
}
ul.hidden-links.hidden {
display: none;
}
.rui-hamburger-menu .rui-pageheadingbutton {
padding: 1px;
border-radius: 12px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
position: fixed;
top: 100px;
right: 60px;
z-index: 10001;
}
.theme-dark.rui-hamburger-menu .rui-pageheadingbutton {
background-color: #101010;
}
.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, .main-nav-container-overflow, .cb-toolbar-container .dropdown-scrollable, [data-region="blocks-column"] .rui-sidebar-blocks-wrapper, .calendar-event-description, .rui-course-card-fields, .table-overflow {
scrollbar-width: thin;
scrollbar-color: #929292 #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, .main-nav-container-overflow::-webkit-scrollbar, .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar, [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar, .calendar-event-description::-webkit-scrollbar, .rui-course-card-fields::-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, .main-nav-container-overflow::-webkit-scrollbar-track, .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-track, [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track, .calendar-event-description::-webkit-scrollbar-track, .rui-course-card-fields::-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, .main-nav-container-overflow::-webkit-scrollbar-thumb, .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb, [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb, .calendar-event-description::-webkit-scrollbar-thumb, .rui-course-card-fields::-webkit-scrollbar-thumb, .table-overflow::-webkit-scrollbar-thumb {
background-color: #929292;
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, .main-nav-container-overflow::-webkit-scrollbar-thumb:hover, .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb:hover, [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover, .calendar-event-description::-webkit-scrollbar-thumb:hover, .rui-course-card-fields::-webkit-scrollbar-thumb:hover, .table-overflow::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.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 .main-nav-container-overflow, .theme-dark .cb-toolbar-container .dropdown-scrollable, .theme-dark [data-region="blocks-column"] .rui-sidebar-blocks-wrapper, .theme-dark .calendar-event-description, .theme-dark .rui-course-card-fields, .theme-dark .table-overflow {
scrollbar-width: thin;
scrollbar-color: #929292 #101010;
}
.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 .main-nav-container-overflow::-webkit-scrollbar, .theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar, .theme-dark [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar, .theme-dark .calendar-event-description::-webkit-scrollbar, .theme-dark .rui-course-card-fields::-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 .main-nav-container-overflow::-webkit-scrollbar-track, .theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-track, .theme-dark [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track, .theme-dark .calendar-event-description::-webkit-scrollbar-track, .theme-dark .rui-course-card-fields::-webkit-scrollbar-track, .theme-dark .table-overflow::-webkit-scrollbar-track {
background: #101010;
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 .main-nav-container-overflow::-webkit-scrollbar-thumb, .theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb, .theme-dark [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb, .theme-dark .calendar-event-description::-webkit-scrollbar-thumb, .theme-dark .rui-course-card-fields::-webkit-scrollbar-thumb, .theme-dark .table-overflow::-webkit-scrollbar-thumb {
background-color: #929292;
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 .main-nav-container-overflow::-webkit-scrollbar-thumb:hover, .theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb:hover, .theme-dark [data-region="blocks-column"] .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover, .theme-dark .calendar-event-description::-webkit-scrollbar-thumb:hover, .theme-dark .rui-course-card-fields::-webkit-scrollbar-thumb:hover, .theme-dark .table-overflow::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.cb-toolbar-container .dropdown-scrollable .icon {
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;
}
@media (max-width: 1088.98px) {
.mobile-sticky-nav {
position: fixed;
bottom: 70px;
right: 10px;
z-index: 10001;
display: block !important;
padding: 1px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
border-radius: 12px;
}
.theme-dark .mobile-sticky-nav {
background-color: #161616;
}
.mobile-sticky-nav .nav-item, .mobile-sticky-nav .nav-link {
display: block;
margin: 1px !important;
}
.notloggedin .mobile-sticky-nav {
display: none;
}
.rui-navbar-nav .mobile-sticky-nav .nav-item .nav-link {
color: #444444;
}
.theme-dark .rui-navbar-nav .mobile-sticky-nav .nav-item .nav-link {
color: #e9e9e9;
}
}
.rui-custom-dmlogo {
display: none;
}
.theme-dark .rui-custom-dmlogo {
display: inline-flex;
}
.theme-dark .rui-login-logo {
display: none;
}
.rui-footer--contact, .rui-footer--social {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding: 0;
font-size: 0.75rem;
color: #ffffff;
}
@media (max-width: 767.98px) {
.rui-footer--contact, .rui-footer--social {
justify-content: center;
}
}
.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: #a0a3a5;
}
.rui-footer--contact a, .rui-footer--social a {
/* color: $dm-body-color-light;*/
color: #fff;
}
.theme-dark .rui-footer--contact a, .theme-dark .rui-footer--social a {
color: #a0a3a5;
}
.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;
color: #ffffff;
list-style: none;
padding: 0;
font-size: 0.75rem;
/* color: $body-color-secondary;*/
}
.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: #a0a3a5;
}
.rui-social-list a {
color: #444444;
}
.theme-dark .rui-social-list a {
color: #a0a3a5;
}
.rui-social-list a:hover {
opacity: 0.6;
}
.rui-editbtn--top .custom-switch .custom-control-label::after {
background-color: #fff;
}
@media (max-width: 1088.98px) {
.rui-editbtn--top .custom-switch .custom-control-label::after {
background-color: #929292;
}
}
.rui-editbtn--top .custom-switch.custom-control--xs .custom-control-label::before {
background-color: transparent;
border-color: #fff;
}
@media (max-width: 1088.98px) {
.rui-editbtn--top .custom-switch.custom-control--xs .custom-control-label::before {
border-color: #929292;
}
}
.rui-editbtn--top .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #027654;
border-color: #fff;
}
@media (max-width: 1088.98px) {
.rui-editbtn--top .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
border-color: #027654;
}
}
@media (min-width: 1089px) {
.rui-editmode--top .editmode-switch-form {
margin-left: 20px;
position: relative;
padding: 5px 10px;
background-color: #fff;
border: none;
border-radius: 12px;
}
.rui-editmode--top .editmode-switch-form:before {
content: "";
background-color: rgba(0, 0, 0, 0.15);
width: 1px;
height: 16px;
position: absolute;
top: calc(50% - 8px);
left: -10px;
}
.dir-rtl .rui-editmode--top .editmode-switch-form {
margin-right: 20px;
margin-left: 0;
}
}
@media (max-width: 1088.98px) {
.rui-editmode--top .editmode-switch-form {
padding: 5px 10px;
background-color: #fff;
border: none;
border-radius: 12px;
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: 20px;
z-index: 10001;
}
.theme-dark .rui-editmode--top .editmode-switch-form {
background-color: #000;
}
}
.rui-editmode--footer .editmode-switch-form {
transition: all 0.2s ease-in-out;
}
.rui-editmode--bottom .rui-editmode--footer .editmode-switch-form {
padding: 5px;
background-color: #fff;
border: none;
border-radius: 12px;
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: 13px;
z-index: 10001;
}
@media (min-width: 1089px) {
.rui-editmode--footer.scrolled.back-to-top-on .editmode-switch-form {
right: 70px;
}
}
.theme-dark.rui-editmode--footer .editmode-switch-form {
background-color: #101010;
}
#back-to-top {
display: none;
position: fixed;
right: 16px;
bottom: 16px;
z-index: 9999;
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: #212121;
color: #F5F5F5;
border: 0;
border-radius: 96px;
}
.theme-dark #back-to-top {
background-color: #101010;
color: #e9e9e9;
}
.scrolled #back-to-top {
display: flex;
}
.rui-edit-switch-box:empty {
padding: 0;
margin: 0;
display: none !important;
visibility: hidden;
}
.rui-editbtn--top .rui-edit-switch-box {
margin-right: 10px;
margin-left: 10px;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1089px) {
.rui-editbtn--top .rui-edit-switch-box .custom-control--xs .custom-control-label {
color: #fff;
}
}
@media (max-width: 1088.98px) {
.rui-editbtn--top .rui-edit-switch-box {
padding: 10px;
position: fixed;
bottom: 10px;
right: 0;
height: 41px;
border-radius: 12px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
display: flex;
align-items: center;
justify-content: center;
}
.theme-dark .rui-editbtn--top .rui-edit-switch-box {
background-color: #161616;
}
}
.rui-editbtn--bottom .rui-edit-switch-box {
padding: 10px;
position: fixed;
bottom: 16px;
right: 20px;
height: 41px;
border-radius: 12px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1088.98px) {
.rui-editbtn--bottom .rui-edit-switch-box {
right: 10px;
}
}
.theme-dark .rui-editbtn--bottom .rui-edit-switch-box {
background-color: #161616;
}
.scrolled .rui-editbtn--bottom .rui-edit-switch-box {
right: 70px;
}
.theme-dark .rui-edit-switch-box {
background-color: #101010;
}
#showBlockArea {
display: none;
background-color: #fff;
color: #011735;
margin: 0 5px;
padding: 7px;
line-height: 1;
}
.editing #showBlockArea {
display: block;
}
#showBlockArea.active {
background-color: #027654;
color: #e6f1ee;
}
.theme-dark #showBlockArea {
background-color: #28292c;
color: #e9e9e9;
}
.rui-title-container + .singleselect, .rui-title-container + .mform, .rui-title-container + form {
margin-top: 30px;
}
.main-nav-container {
position: sticky;
background-color: #fff;
top: 60px;
z-index: 1029;
}
.format-tiles-tile-open .main-nav-container {
display: none;
}
.theme-dark .main-nav-container {
background-color: #161616;
}
.drawer-toggles {
position: fixed;
z-index: 1300;
width: 100%;
left: 0;
right: 0;
}
.show-drawer-left .drawer-left-toggle {
display: none;
}
@media (max-width: 767.98px) {
.drawer-toggles {
z-index: 100;
}
.drawer-toggles .drawer-right-toggle, .drawer-toggles .drawer-left-toggle {
top: calc(99vh - (50px * 2.5));
}
#page.drawers.scroll-down .drawer-right-toggle {
transform: translateX(150%);
pointer-events: auto;
visibility: hidden;
}
#page.drawers.scroll-down .drawer-left-toggle {
transform: translateX(-150%);
pointer-events: auto;
visibility: hidden;
}
}
@media (min-width: 1089px) {
.drawer-left, .drawer-right {
height: calc(100% - 62px);
}
}
.drawercontent {
padding: 0 10px 0 0;
margin-right: 4px;
height: calc(100% - 80px);
position: relative;
z-index: -1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow-y: auto;
}
.drawer-right .drawercontent {
margin: 0 10px 0 0;
padding: 0 6px 10px 20px;
}
@media (max-width: 767.98px) {
.drawer-right .drawercontent {
padding-bottom: 100px;
}
}
.drawer-left .drawercontent {
padding: 0 10px 10px 10px;
}
.drawercontent .dropdown-menu .dropdown-item {
width: 220px;
white-space: normal;
}
.path-mod .page-header-content + .wrapper-fw {
margin-top: 30px;
}
.pagelayout-secure .rui-custom-logo {
height: 50px;
}
.activity-header:empty {
display: none;
}
.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: 2.5rem;
color: #444444;
}
.theme-dark .rui-block-title {
color: #e9e9e9;
}
@media (max-width: 767.98px) {
.rui-block-title {
font-size: 1.5rem;
}
}
.rui-block-desc {
margin-bottom: 60px;
font-size: 1.25rem;
color: #444444;
}
.theme-dark .rui-block-desc {
color: #e9e9e9;
}
@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: #6B6B6B;
}
.theme-dark .rui-block-footer {
color: #a0a3a5;
}
.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;
margin: 0 0 10px 0 !important;
border-radius: 12px;
}
.rui-block-team-title {
font-size: 1rem;
color: #444444;
}
.theme-dark .rui-block-team-title {
color: #e9e9e9;
}
.rui-block-team-desc {
font-size: 0.938rem;
color: #434343;
}
.theme-dark .rui-block-team-desc {
color: #c7c7c7;
}
.rui-block-team-desc--sm {
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .rui-block-team-desc--sm {
color: #a0a3a5;
}
.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: #c7c7c7;
}
.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: 1088.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: #355279;
}
.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 0 30px;
font-size: 1.5rem;
line-height: 1.4;
color: #444444;
}
.theme-dark .rui-block-testimonials--quote {
color: #e9e9e9;
}
.rui-block-testimonials--author {
margin-bottom: 0;
font-weight: 700;
color: #444444;
}
.theme-dark .rui-block-testimonials--author {
color: #e9e9e9;
}
.rui-block-testimonials--additional {
width: 100%;
font-size: 0.875rem;
color: #6B6B6B;
}
.theme-dark .rui-block-testimonials--additional {
color: #a0a3a5;
}
.rui-card-cat-grid {
display: grid;
flex-wrap: wrap;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.rui-block-category-item {
padding: 20px 15px 15px 15px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: flex-end;
align-items: flex-end;
background-color: #F5F5F5;
border: 2px solid #fff;
border-radius: 12px;
text-align: center;
}
.theme-dark .rui-block-category-item {
background-color: #101010;
border: 2px solid #161616;
}
.theme-dark .rui-block-category-item img {
filter: invert(1);
}
.rui-block-category-item:hover {
border: 2px solid #8193ac;
text-decoration: none;
}
.rui-block-category-item .badge-wrapper {
margin: 10px 0;
}
.badge-sale {
border: 1px solid #ef1010;
color: #a50b0b;
}
.theme-dark .badge-sale {
border-color: #f9a3a3;
color: #fbc8c8;
}
.badge-new {
border: 1px solid #027654;
color: #004B57;
}
.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 {
width: 100%;
margin: 20px 0 10px;
font-size: 0.875rem;
font-weight: 700;
color: #444444;
}
.theme-dark .rui-block-category-item-title {
color: #e9e9e9;
}
.rui-block-category-item-subtitle {
font-size: 0.75rem;
font-weight: 500;
color: #6B6B6B;
}
.theme-dark .rui-block-category-item-subtitle {
color: #a0a3a5;
}
.rui-cta-wrapper {
padding: 80px 0;
color: #fff;
}
@media (max-width: 767.98px) {
.rui-cta-wrapper {
padding: 20px;
}
}
.rui-cta-content {
margin-bottom: 2rem;
font-size: 1.125rem;
}
.rui-cta-title {
margin-bottom: 10px;
font-family: "Inter", sans-serif;
font-size: 2.625rem;
color: #fff;
}
@media (max-width: 767.98px) {
.rui-cta-title {
font-size: 2rem;
}
}
.rui-cta-small {
margin-top: 30px;
font-size: 0.75rem;
opacity: 0.7;
}
.rui-card {
padding: 30px;
border: 1px solid #D8D8D8;
border-radius: 12px;
background-color: #fff;
}
.theme-dark .rui-card {
border-color: #262a30;
background-color: #161616;
}
@media (max-width: 1088.98px) {
.rui-card {
padding: 20px;
}
}
.rui-card-title {
font-size: 1.125rem;
color: #444444;
}
.theme-dark .rui-card-title {
color: #e9e9e9;
}
.rui-card-text {
font-size: 1rem;
color: #434343;
}
.theme-dark .rui-card-text {
color: #c7c7c7;
}
.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: #444444;
}
.theme-dark .rui-pricing-table-price {
color: #e9e9e9;
}
.rui-pricing-table-price .rui-pricing-table-price--smaller {
font-size: 1.5rem;
color: #6B6B6B;
}
.theme-dark .rui-pricing-table-price .rui-pricing-table-price--smaller {
color: #a0a3a5;
}
.rui-pricing-table-text {
margin-top: 10px;
font-size: 0.875rem;
text-align: center;
color: #434343;
}
.theme-dark .rui-pricing-table-text {
color: #c7c7c7;
}
.rui-special-list {
padding: 0;
margin: 20px 0 20px 20px;
list-style: none !important;
color: #434343;
}
.theme-dark .rui-special-list {
color: #c7c7c7;
}
.rui-special-list li {
padding-left: 30px;
margin-bottom: 10px;
position: relative;
}
.rui-special-list li:before {
content: "";
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
position: absolute;
top: 4px;
left: 0;
width: 20px;
height: 20px;
border-radius: 20px;
}
.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='%236B6B6B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%236B6B6B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' 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: #101010;
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='%23a0a3a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23a0a3a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' 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='%236B6B6B' 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: #101010;
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='%23a0a3a5' 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--secondary li:before {
background-color: #e6f1ee;
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='%23359176' 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: #ccd4de;
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='%23022758' 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: #D8D8D8;
border-width: 1px 0;
}
@media (min-width: 1089px) {
.rui-pricing-table:first-of-type {
border-radius: 12px 0 0 12px;
border-width: 1px;
}
.rui-pricing-table:last-of-type {
border-radius: 0 12px 12px 0;
border-width: 1px;
}
}
@media (max-width: 1088.98px) {
.rui-pricing-table {
margin: 10px 0;
border-radius: 12px;
border-width: 1px;
}
}
.rui-pricing-table--special {
background-color: #e6e9ee;
border-color: #b3becd;
border-left: 2px dashed #b3becd !important;
}
.theme-dark .rui-pricing-table--special {
background-color: #011735;
border-color: #022758;
}
@media (max-width: 1088.98px) {
.rui-pricing-table--special {
border-left: 1px solid #b3becd;
}
.theme-dark .rui-pricing-table--special {
border-color: #022758 !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--cta {
padding: 60px 80px;
background-color: #e6e9ee;
border-radius: 12px;
}
.theme-dark .rui-fp-block--cta {
background-color: #011735;
}
@media (min-width: 768px) and (max-width: 1088.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: 12px;
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: #444444;
}
.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 {
width: 500px;
color: #fff;
}
@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;
background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(6px);
border-radius: 12px;
}
@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: #161616;
}
}
.rui-hero-content-position {
position: absolute;
}
@media (max-width: 767.98px) {
.rui-hero-content-position {
position: relative;
top: 0 !important;
}
}
.rui-hero-content-centered {
width: 700px;
text-align: center;
left: calc(50% - 350px);
}
@media (min-width: 768px) and (max-width: 1088.98px) {
.rui-hero-content-centered {
width: 500px;
left: calc(50% - 250px);
}
}
@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: 1088.98px) {
.rui-hero-content-left {
text-align: center;
width: 520px;
left: calc(50% - 250px);
}
}
@media (max-width: 767.98px) {
.rui-hero-content-left {
width: 100%;
left: 0;
}
}
.rui-hero-content-right {
right: 140px;
}
@media (max-width: 767.98px) {
.rui-hero-content-right {
text-align: center;
width: 300px;
left: calc(50% - 150px);
}
}
.rui-hero-title {
font-size: 3rem;
line-height: 1.2;
color: inherit;
}
@media (max-width: 1088.98px) {
.rui-hero-title {
font-size: 2rem;
}
}
@media (max-width: 767.98px) {
.rui-hero-title {
color: #444444;
}
.theme-dark .rui-hero-title {
color: #e9e9e9;
}
}
.rui-hero-desc {
margin: 20px 0 0;
font-size: 1.125rem;
color: inherit;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
.rui-hero-desc {
font-size: 1rem;
}
}
@media (max-width: 767.98px) {
.rui-hero-desc {
font-size: 0.875rem;
color: #444444;
}
.theme-dark .rui-hero-desc {
color: #e9e9e9;
}
}
.rui-hero-btns {
margin-top: 30px;
}
.rui-rounded-icon {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
border-radius: 60px;
background-color: #e6e9ee;
color: #022758;
}
.rui--swiper-arrows {
padding-right: 80px !important;
padding-left: 80px !important;
}
.rui-img--rounded-fluid img {
max-width: 100%;
height: auto;
border-radius: 12px;
}
.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: #e6e9ee;
color: #022758;
}
.theme-dark .rui-rounded-icon--color {
background-color: #022758;
color: #e6e9ee;
}
.rui-rounded-icon--gray {
background-color: #F5F5F5;
color: #434343;
}
.theme-dark .rui-rounded-icon--gray {
background-color: #101010;
color: #c7c7c7;
}
.rui-card--colorized {
padding: 60px;
border-radius: 12px;
color: #444444;
}
@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: #444444;
}
.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: 24px;
}
.rui-rounded--md {
border-radius: 24px;
}
.rui-rounded--lg {
border-radius: 96px;
}
.rui-rounded--xl {
border-radius: 144px;
}
.rui-img-rounded img {
border-radius: 24px;
}
.rui-img-rounded--md img {
border-radius: 24px;
}
.rui-img-rounded--lg img {
border-radius: 96px;
}
.rui-img-rounded--xl img {
border-radius: 144px;
}
.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: #929292;
}
.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: 12px 12px 0 0;
}
.theme-dark div.editor_atto_toolbar {
background: #161616;
}
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: 12px;
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: #101010;
}
.editor_atto_toolbar button:active, .editor_atto_toolbar button.highlight {
background-color: #e6e9ee;
background-image: none;
}
.theme-dark .editor_atto_toolbar button:active, .theme-dark .editor_atto_toolbar button.highlight {
background-color: #355279;
}
.editor_atto_toolbar button:active .icon, .editor_atto_toolbar button.highlight .icon {
color: #022758;
}
.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 img.icon {
padding: 0;
margin: 2px 0;
}
.theme-dark div.editor_atto_toolbar button img.icon {
filter: invert(1);
}
div.editor_atto_toolbar div.atto_group {
display: inline-flex;
border: 1px solid #D8D8D8;
border-radius: 12px;
padding: 4px;
margin: 7px 0 0 7px;
background: transparent;
}
.theme-dark div.editor_atto_toolbar div.atto_group {
border-color: #262a30;
}
.editor_atto_content_wrap {
background-color: #fff;
color: #444444;
}
.theme-dark .editor_atto_content_wrap {
background-color: #161616;
color: #e9e9e9;
}
.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: 12px;
}
.theme-dark .editor_atto_notification .atto_info, .theme-dark .editor_atto_notification .atto_warning {
background-color: #101010;
}
.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: #101010;
}
.editor_atto_notification .atto_warning {
background-color: #FFF1D5;
}
.editor_atto_toolbar, .editor_atto_content_wrap, .editor_atto + textarea {
border-radius: 0 0 12px 12px;
box-sizing: border-box;
border: 1px solid #D8D8D8;
}
.theme-dark .editor_atto_toolbar, .theme-dark .editor_atto_content_wrap, .theme-dark .editor_atto + textarea {
border: 1px solid #262a30;
}
.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: 12px;
}
.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;
}
.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: 12px;
}
.theme-dark .modal .nav-tabs {
background-color: #101010;
}
.modal .nav-tabs .nav-link {
padding: 7px 14px;
font-size: 0.75rem;
}
.tiny_media_source {
margin: 10px 0;
}
.card-text p img.img-fluid {
border-radius: 12px;
}
.tox-sidebar-wrap {
min-height: 180px !important;
}
.editor_atto_content_wrap {
word-break: break-word;
}
.tiny_image_filename {
font-size: 0.75rem;
}
.tiny_image_footer_template .col-md-6 {
flex-wrap: wrap;
}
.tiny_image_footer_template .tiny_image_url_label {
margin-bottom: 0;
margin-right: 16px !important;
font-size: 0.75rem;
}
.tiny_image_footer_template .mt-2 {
margin: 0 !important;
}
.tiny_image_form .tiny_image_dropzone_container .dropzone {
border-radius: 12px;
border: 2px dashed #D8D8D8;
background-color: #F5F5F5;
}
.theme-dark .tiny_image_form .tiny_image_dropzone_container .dropzone {
background-color: #101010;
border-color: #38393c;
}
.tiny_image_form .tiny_image_dropzone_container .dropzone-icon {
margin-top: 40px;
font-size: 40px;
}
.tiny_image_form .tiny_image_dropzone_container .dropzone-label {
font-size: 0.875rem;
}
.tiny_image_widthentry, .tiny_image_heightentry {
width: 100px;
padding-right: 5px;
}
.block_course_contents .badge {
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background-color: #e6e9ee;
font-size: 0.75rem;
color: #022758;
}
.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: #e6e9ee;
}
.block_course_contents .section-item.active {
background-color: #F5F5F5;
color: #6B6B6B;
}
.block_course_contents .section-item.active .badge {
background-color: #fff;
}
.block_course_contents a {
width: 100%;
display: flex;
align-items: center;
border-radius: 12px;
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: 12px;
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;
}
}
.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 .pagenumber .btn.dropdown-btn, .pagenumber .format-timeline .buttons .btn.dropdown-btn, .format-timeline .buttons #page-grade-edit-tree-index .tertiary-navigation .action-menu .btn.dropdown-toggle, #page-grade-edit-tree-index .tertiary-navigation .action-menu .format-timeline .buttons .btn.dropdown-toggle, .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: 12px;
}
div#trailmiddle-column > ul {
padding: 0;
}
div#trailmiddle-column > ul li.section ul {
padding: 0;
}
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;
}
.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='%23022758' 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='%23022758' 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;
}
.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: 12px;
}
.block_timetable .content .card-text span {
color: #444444;
}
.theme-dark .block_timetable .footer {
border-color: #262a30;
}
.block_timetable .timetable-event {
font-weight: 500;
}
.block_timetable .calendar_event_site {
background-color: #f4fdf2;
border-left: 5px solid #9cff83;
color: #444444 !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: #444444 !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: #444444 !important;
}
.block_timetable .calendar_event_other {
background-color: #ced4da;
border-left: 5px solid #6c6c6c;
color: #444444 !important;
}
.block_timetable .events .coursename {
font-weight: 500;
font-size: 0.75rem;
}
.block_timetable .event-item {
border-radius: 12px;
box-shadow: none;
}
.block_timetable .footer {
border-top: 1px solid #D8D8D8;
}
.block_timetable .footer .theme-dark {
border-color: #262a30;
}
.block_timetable .timetable_day {
background: #f2f2f2;
color: #444444;
border: 1px solid #D8D8D8;
}
.block_timetable .timetable_day .theme-dark {
border-color: #262a30;
}
.block_timetable .timetable_day a {
color: #444444;
}
.block_timetable .timetable_day:hover, .block_timetable .timetable_day.now, .block_timetable .timetable_day.active {
border: 1px solid #022758;
}
.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: 12px;
border: 1px solid #D8D8D8;
}
#trailmiddle-column .section .activity {
padding: 10px;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark #trailmiddle-column .section .activity {
border-color: #262a30;
}
.theme-dark #trailmiddle-column .section {
border-color: #262a30;
}
#trailshadebox_content.absolute {
z-index: 10000 !important;
}
#trailshadebox_content .activity {
padding: 10px;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark #trailshadebox_content .activity {
border-color: #262a30;
}
#trailshadebox_content ul.section {
margin-top: 20px;
padding: 0;
border: 1px solid #D8D8D8;
border-radius: 12px;
}
.theme-dark #trailshadebox_content ul.section {
border-color: #262a30;
}
#trailshadebox_content {
padding: 20px;
border-radius: 12px;
}
.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: 12px;
}
.format-onetopic .tabs-wrapper .nav-tabs .nav-link, .format-onetopic .onetopic-tab-body .nav-tabs .nav-link {
border: 1px solid #fff !important;
}
.theme-dark.format-onetopic .tabs-wrapper .nav-tabs .nav-link, .theme-dark.format-onetopic .onetopic-tab-body .nav-tabs .nav-link {
border: 1px solid #222222 !important;
}
.theme-dark.format-onetopic .tabs-wrapper .nav-tabs .nav-link.active, .theme-dark.format-onetopic .onetopic-tab-body .nav-tabs .nav-link.active {
background: #28292c !important;
color: #fff !important;
}
/* Inverting the colour of add section button - Dark Mode */
.onetopic {
padding: 0;
margin: 0;
list-style: none;
}
#tabs-tree-start .format_onetopic-tabs {
background-color: #F5F5F5;
border-radius: 12px;
}
#tabs-tree-start .format_onetopic-tabs .nav-link {
padding: 10px 24px;
display: inline-block;
}
.theme-dark #tabs-tree-start .format_onetopic-tabs {
background-color: #101010;
}
.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: #D8D8D8;
}
.theme-dark.format-multitopic .section-topic-timed {
border-color: #262a30;
}
.format-multitopic .course-content li.section ul {
border: 1px solid #D8D8D8;
border-radius: 12px;
list-style: none;
}
.theme-dark.format-multitopic .course-content li.section ul {
border-color: #262a30;
}
body.format-multitopic #course-header {
display: none;
}
.format-multitopic .course-content li.section ul.rui-special-list {
border: 0;
}
.format-multitopic .course-section-header div {
margin: 0 !important;
}
.format-multitopic .course-section-header .expanded-icon, .format-multitopic .course-section-header .collapsed-icon {
width: 30px;
height: 30px;
background-color: #F5F5F5;
color: #212121;
border-radius: 30px;
font-size: 12px;
align-items: center;
justify-content: center;
text-align: center;
}
.course-content ul.flexsections {
margin-bottom: 0;
}
.course-content ul.flexsections li.section {
padding: 10px;
margin-bottom: 10px;
background-color: #F5F5F5;
border-radius: 12px;
}
.theme-dark .course-content ul.flexsections li.section {
background-color: #101010;
}
.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 #D8D8D8;
border-radius: 12px;
}
.theme-dark.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer {
border-color: #262a30;
}
.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: #6B6B6B;
}
.theme-dark.format-designer .designer .section .content .section li.activity .activityinstance .activity-type p {
color: #a0a3a5;
}
.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
color: #444444;
}
.theme-dark.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
color: #e9e9e9;
}
.activity-navigation #printquizpreviewquiz {
width: 100% !important;
}
.path-mod-attendance .attbtn {
border: 0;
padding: 0;
}
.path-mod-attendance .remarkholder {
position: relative;
}
.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: 24px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.path-mod-attendance table.userinfobox {
padding: 10px;
}
.path-mod-attendance table.userinfobox #currentdate {
margin: 0 10px;
}
.path-mod-attendance table.userinfobox h2 {
margin: 12px;
}
.path-mod-attendance table.userinfobox td.left {
background-color: transparent;
}
.curdatecontrols a {
text-decoration: none;
}
.theme-dark.path-mod-attendance table.allsessions tr.grouper td {
background-color: #28292c;
}
.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;
}
.customfield_tool_courserating .customfieldname, .customfield_tool_courserating .customfieldseparator {
display: none;
}
.tool_courserating-stars .icon {
width: 16px;
}
.tool_courserating-reviews-popup .course-rating-percent {
font-size: 11px;
color: #6B6B6B;
}
.theme-dark .tool_courserating-reviews-popup .course-rating-percent {
color: #a0a3a5;
}
.tool_courserating-ratingcolor {
color: #022758;
}
.tool_courserating-reviews-popup .course-rating-bar .course-rating-bar-rating, .tool_courserating-reviews-popup .course-rating-bar {
border-radius: 96px;
}
.tool_courserating-reviews-popup .course-average-caption {
font-size: 0.75rem;
color: #6B6B6B;
}
.theme-dark .tool_courserating-reviews-popup .course-average-caption {
color: #a0a3a5;
}
.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 #D8D8D8;
border-radius: 12px;
}
.theme-dark #booking-instance-description {
border-color: #262a30;
}
#page-mod-subcourse-view .subcourseinfo {
border-radius: 12px;
background-color: #F5F5F5;
color: #444444;
font-size: 0.875rem;
}
#page-mod-subcourse-view .subcourseinfo .infotext {
font-size: 0.875rem;
}
#page-mod-subcourse-view .subcourseinfo .subcourse-progress-bar {
border-radius: 24px;
}
.theme-dark#page-mod-subcourse-view .subcourseinfo {
background-color: #101010;
color: #e9e9e9;
}
.popover-region-mail .popover-region-header-container {
align-items: center;
height: 40px !important;
}
.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: #022758;
padding: 6px 8px;
border-radius: 12px;
}
.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: #444444;
}
.popover-region-mail .popover-region-header-actions a:hover, .popover-region-mail .popover-region-header-actions .icon:hover {
text-decoration: none;
color: #434343;
}
.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: #444444;
border-bottom: 0;
border-radius: 12px;
position: relative;
}
.popover-region-mail a.mail-navbar-menu-item:hover {
background-color: #EEEEEE;
color: #434343;
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: #022758;
border: 2px solid #022758;
border-radius: 12px;
}
.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: #444444;
}
.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: #e9e9e9;
}
.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: #81bbaa;
}
.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: #8193ac;
}
.block-massaction .block-massaction-action {
position: relative;
margin-left: 0.2em;
}
.block-massaction-checkbox {
width: 14px;
height: 14px;
position: absolute;
top: -13px;
right: -13px;
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: #101010;
color: #c7c7c7;
}
.block-massaction-action > div, .block-massaction-action > div:hover {
background-color: transparent;
border-radius: 12px;
}
.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: #101010;
}
.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: #444444;
border: 1px solid #F5F5F5;
border-radius: 12px;
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;
}
.theme-dark .block-massaction option {
color: #e9e9e9 !important;
}
.theme-dark .block-massaction option:disabled {
color: #38393c !important;
}
/* Tool - BFPLUS */
.tool_bfplus_fixtools p {
font-size: 0.875rem;
}
.card-text:has(.block_bfmanager_table) .icon, .block_bfmanager_view .icon {
margin-right: 10px;
width: 16px;
height: 16px;
}
.editing .section li.activity.block_bfmanager {
padding: 16px 16px 4px 4px !important;
}
/* Block Completion Progress */
.block_completion_progress .progressEventInfo, .block_completion_progress .progressPercentage {
font-size: 0.75rem !important;
}
.block_completion_progress .moduleIcon {
max-width: 34px !important;
}
.block_completion_progress .progressEventInfo {
white-space: normal !important;
}
.block_completion_progress .overviewButton {
width: 100%;
margin: 0;
}
/* QuickMails */
#page-block-quickmail div.qm_links {
text-align: left !important;
}
#page-block-quickmail div.qm_links a.qml {
font-size: 1rem;
background-size: 30px;
background-color: #fff;
border-color: #D8D8D8;
color: #444444;
border-radius: 12px;
}
.theme-dark#page-block-quickmail div.qm_links a.qml {
background-color: #161616;
color: #e9e9e9;
border-color: #262a30;
}
#page-block-quickmail div.qm_links a.qml:hover {
background-size: 30px !important;
}
#page-mod-attendance-report.theme-dark .attendancereporttable tbody tr:nth-of-type(odd), #page-mod-attendance-manage.theme-dark .attsessions_manage_table tbody tr:nth-of-type(odd), #page-mod-attendance-preferences.theme-dark #preferencesform tbody tr:nth-of-type(odd), #page-mod-attendance-index.theme-dark tbody tr:nth-of-type(odd), #page-mod-attendance-report.theme-dark .attendancereporttable tr:first-of-type th, #page-mod-attendance-manage.theme-dark .attsessions_manage_table tr:first-of-type th, #page-mod-attendance-preferences.theme-dark #preferencesform tr:first-of-type th, #page-mod-attendance-index.theme-dark tr:first-of-type th {
background-color: #161616;
color: #e9e9e9;
}
#page-course-view-topicsactivitycards #page ul.topicsactivitycards, #page-course-view-topicsactivitycards #page .topicsactivitycards .layoutcards .course-content-item-content ul.section {
list-style: none;
margin: 0;
padding: 0;
}
.realtimequizbox {
background-color: transparent;
background-image: none;
padding: 0 !important;
margin: 0 !important;
}
.realtimequizbox a:before {
display: none;
}
.realtimequizbox h2 {
font-size: 1.25rem;
}
.realtimequiz_editicons {
margin-bottom: 20px;
}
.realtimequiz_editicons a {
width: 30px;
height: 30px;
}
.realtimequiz_editquestion {
display: flex;
margin-bottom: 5px;
}
#questionarea #questionnumber {
font-size: 2rem;
}
#questionarea div {
font-size: 0.938rem;
text-align: left !important;
}
#questionarea p {
padding-bottom: 20px;
margin-top: 10px;
margin-bottom: 30px;
font-size: 0.75rem;
border-bottom: 1px solid #D8D8D8;
}
.theme-dark #questionarea p {
border-color: #262a30;
}
#questionarea #numberstudents {
font-size: 1rem;
font-weight: 700;
}
#questionarea #questiontext, #questionarea #status {
margin-top: 10px;
font-size: 0.938rem;
}
table.dataTable, table.dataTable th, table.dataTable td {
font-size: 0.75rem;
line-height: 1.4;
}
#course_details hr {
border-width: 20px;
}
#page-local-mail-view #page.drawers {
padding: 0 80px 0 !important;
}
.local-mail .nav-link {
border-radius: 12px !important;
}
.local-mail-view-side-column {
font-size: 0.875rem;
}
.local-mail-view-side-column .local-mail-course-select-menu > .form-control {
font-size: 1rem;
font-weight: 700;
color: #6B6B6B;
height: 40px;
}
.theme-dark .local-mail-view-side-column .local-mail-course-select-menu > .form-control {
color: #a0a3a5;
}
.local-mail-view {
border-radius: 12px;
border-color: 1px solid #D8D8D8;
}
.theme-dark .local-mail-view {
border-color: #262a30;
}
.local-mail-view .alert, .local-mail-view #page-mod-choice-view #notice p, #page-mod-choice-view #notice .local-mail-view p {
margin: 0;
}
.local-mail-view .alert-info {
padding: 0.55rem 1.25rem !important;
border-radius: 12px;
font-size: 0.875rem;
}
.local-mail-view .list-group {
border: 1px solid #D8D8D8;
}
.local-mail-view .list-group a:before {
display: none;
}
.theme-dark .local-mail-view .list-group {
border-color: #262a30;
}
.local-mail-view .local-mail-list-message, .local-mail-view .list-group-item + .list-group-item {
border-bottom: 1px solid #D8D8D8;
}
.theme-dark .local-mail-view .local-mail-list-message, .theme-dark .local-mail-view .list-group-item + .list-group-item {
border-color: #262a30;
}
.local-mail-view .local-mail-course-badge, .local-mail-view .local-mail-label-badge {
padding: 3px;
font-size: 0.75rem;
max-width: max-content !important;
}
.local-mail-view .local-mail-list-message-time-md {
font-size: 0.75rem;
color: #6B6B6B;
text-align: center !important;
}
.theme-dark .local-mail-view .local-mail-list-message-time-md {
color: #a0a3a5;
}
.local-mail-view .local-mail-list-message .pl-1.pr-3, .local-mail-view .local-mail-list-message .pr-3.ps-1, .local-mail-view .local-mail-list-message .ps-1.pe-3, .local-mail-view .local-mail-list-message .pl-1.pe-3, .local-mail-view .local-mail-list-message .pe-3.ps-1 {
padding: 5px !important;
}
.local-mail-view .local-mail-list-message .pl-1.pr-3 .btn, .local-mail-view .local-mail-list-message .pr-3.ps-1 .btn, .local-mail-view .local-mail-list-message .ps-1.pe-3 .btn, .local-mail-view .local-mail-list-message .pl-1.pe-3 .btn, .local-mail-view .local-mail-list-message .pe-3.ps-1 .btn {
min-width: 40px;
}
.path-local-mail .btn, .local-mail-search-box-icon {
border: 0;
}
.local-mail .dropdown-menu {
color: #434343 !important;
background-color: #fff !important;
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 !important;
}
.local-mail .dropdown-menu .btn {
font-size: 0.75rem;
line-height: 0;
color: #F5F5F5;
background-color: #929292;
}
.local-mail .dropdown-menu.show {
max-width: 100%;
}
.local-mail .dropdown-menu .local-mail-list-message, .local-mail .dropdown-menu .list-group-item + .list-group-item {
border-color: #D8D8D8;
}
.local-mail-user-picture-fallback {
background-color: #fff !important;
}
.local-mail .dropdown-item:not(:focus).active, .local-mail .dropdown-item:not(:focus):hover {
color: #434343 !important;
background-color: #EEEEEE !important;
}
.theme-dark .local-mail .dropdown-item:not(:focus).active, .theme-dark .local-mail .dropdown-item:not(:focus):hover {
color: #e9e9e9 !important;
background-color: #38393c !important;
}
.local-mail-navbar-popover {
padding-bottom: 10px;
background-color: #fff !important;
}
@media (max-width: 767.98px) {
.local-mail-navbar-popover {
width: 100% !important;
}
}
.local-mail-navbar-popover .p-2 {
padding: 0 !important;
margin: 4px 0;
}
.local-mail-navbar-popover .local-mail-menu-navbar {
margin-top: 4px !important;
padding-top: 4px !important;
border-color: #D8D8D8 !important;
}
.local-mail-navbar-popover .fa {
font-size: 0.75rem;
}
.local-mail-navbar-popover .btn {
min-width: 30x;
height: 30px;
padding: 7px;
font-size: 0.75rem;
}
.local-mail-navbar-popover .btn .fa {
font-size: 12px;
}
.local-mail-navbar-popover .local-mail-menu-item {
padding: 0.4rem 0.75rem !important;
margin-bottom: 2px;
clear: both;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
text-align: inherit;
text-decoration: none;
white-space: normal;
border: 0 !important;
border-radius: 10px;
}
.local-mail-navbar-popover .local-mail-menu-item::before {
display: none;
}
.local-mail-navbar-popover .local-mail-menu-item .badge {
width: 10px;
height: 10px;
padding: 2px;
font-size: 11px;
line-height: 0;
}
.local-mail-navbar-popover .local-mail-course-select {
border-radius: 10px !important;
background-color: #D8D8D8 !important;
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
margin-bottom: 10px;
}
.local-mail-course-select-icon {
padding-left: 12px !important;
}
.local-mail-draft-form-user-search-input .btn.px-2, .local-mail-course-select .position-absolute.px-2 {
width: 30px !important;
height: 30px !important;
border-radius: 30px;
border: 0;
top: calc(50% - 15px) !important;
right: 4px !important;
}
.local-mail-draft-form-user-search-input .btn.px-2 .fa-fw, .local-mail-course-select .position-absolute.px-2 .fa-fw {
font-size: 12px;
line-height: 0 !important;
}
.local-mail-course-select-menu > .form-control {
background-color: transparent;
color: #434343;
border-radius: 10px;
}
.local-mail-navbar-popover .list-group-item:not(.list-group-item-primary):hover {
color: #434343 !important;
text-decoration: none;
background-color: #EEEEEE !important;
}
.theme-dark .local-mail-navbar-popover .list-group-item:not(.list-group-item-primary):hover {
color: #e9e9e9 !important;
background-color: #38393c !important;
}
#report-roster-toggle {
margin-bottom: 20px;
}
#report-roster-toggle + div {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.report-roster {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 0;
margin: 30px 0 0;
text-align: left;
}
.report-roster .userpicture[width="100"], .report-roster .userinitials.size-100 {
width: 100px;
height: 100px;
font-size: 30px;
}
.report-roster .userpicture[width="200"], .report-roster .userinitials.size-200 {
width: 200px;
height: 200px;
font-size: 40px;
}
.report-roster .userpicture[width="300"], .report-roster .userinitials.size-300 {
width: 300px;
height: 300px;
font-size: 60px;
}
.report-roster .userinitials, .report-roster .userpicture {
display: flex;
margin: 0;
width: inherit;
height: inherit;
}
.report-roster li span {
margin-top: 5px;
font-weight: 700;
font-size: 0.875rem;
}
.report-roster li span + span {
font-weight: 400;
font-size: 0.75rem;
}
.format-tiles-tile-open.path-course-view {
overflow-y: auto !important;
}
body.format-tiles #back-to-top {
display: none;
}
.format-tiles .tiles-editor-image {
display: flex;
align-items: center;
justify-content: center;
}
.format-tiles .tile a {
padding: 7px 20px 5px 20px;
}
.format-tiles ul.tiles#multi_section_tiles, .format-tiles.course-3.jsenabled ul.tiles, .format-tiles.course-5.jsenabled ul.tiles {
max-width: 100% !important;
position: relative;
z-index: 5;
}
#format_tiles_overlay {
z-index: 4;
}
@media (min-width: 768px) {
.format-tiles .course-content li.section ul.format-tiles-cm-list {
margin: -10px;
}
}
@media (max-width: 767.98px) {
.format-tiles .course-content li.section ul.format-tiles-cm-list {
margin: 0;
}
}
body.format-tiles.limitedwidth:not(.path-mod) #page.drawers .main-inner, .format-tiles .header-maxwidth {
z-index: 1;
}
.format_tiles_section_content .summary {
margin: 20px;
}
#sec-zero-cm-list {
margin: 0;
}
#buttonhidesec0 {
position: absolute;
top: 10px;
right: 10px;
}
#section-zero-container {
margin-bottom: 30px;
border-radius: 12px;
border: 1px solid #D8D8D8;
}
.theme-dark #section-zero-container {
border-color: #262a30;
}
.format-tiles .navigation-arrows {
margin-right: 0;
}
.format-tiles .completioncheckbox .icon {
top: 0;
}
.format-tiles .drawer-toggler {
z-index: 2;
}
.format-tiles ul.tiles .tile-top {
display: flex;
justify-content: space-between;
}
.format-tiles .tileiconcontainer, .format-tiles .tileiconcontainer img, .format-tiles .tileiconcontainer .icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
}
.format-tiles li.tile:not(.phototile) .tileallcomplete {
margin-top: 13px;
margin-right: 20px;
}
.format-tiles .course-content li.activity.subtile, .format-tiles .course-content li.section ul.format-tiles-cm-list li.activity {
padding: 16px 20px;
}
.format-tiles .subtile .completioncheckbox {
top: 24px;
right: 20px;
}
.format-tiles li.activity.subtile a {
text-align: left;
}
li.activity .tileiconcontainer, li.activity .tileiconcontainer .tile-icon .icon {
margin: 0;
padding: 0;
width: 45px;
height: 45px;
}
.format-tiles #section-0 h3 {
margin: 0;
padding: 0 20px;
font-size: 1.125rem;
}
.format-tiles #section-0 .summary {
padding: 16px 20px;
}
.format-tiles .course-content .current::before {
border: 0;
}
.format-tiles ul.tiles li.section .format_tiles_section_content {
margin: 0;
}
.format-tiles .course-content ul li.section.main {
border-radius: 12px;
background-color: #fff;
max-width: calc(100% - 15px) !important;
}
.theme-dark.format-tiles .course-content ul li.section.main {
background-color: #161616 !important;
}
.format-tiles .course-content ul li.section.main.moveablesection {
padding: 10px;
}
.format-tiles .course-content li.section ul {
padding: 0;
}
.format-tiles .single-section .navigation-arrow .icon, .format-tiles .buttonhidesec0.open .sec-zero-open-icon, .format-tiles .sectionbutton .icon {
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
font-size: 18px;
}
.format-tiles .sectionbutton {
text-decoration: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-open-icon {
color: #ca0d0d;
background: #fbc8c8;
border-radius: 100%;
}
.format-tiles .single-section .navigation-arrow {
background-color: #F5F5F5;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.format-tiles .single-section .navigation-arrow .icon {
width: 14px;
height: 14px;
}
.format-tiles .sectionbutton img.icon {
padding: 3px !important;
width: 14px;
height: 14px;
mix-blend-mode: difference;
}
#jswarning .close, #jswarning .btn-close, #jswarning .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam #jswarning .yui3-button.closebutton {
margin: 2px 0;
}
#jswarning .close [aria-hidden="true"], #jswarning .btn-close [aria-hidden="true"], #jswarning .yui3-skin-sam .yui3-button.closebutton [aria-hidden="true"], .yui3-skin-sam #jswarning .yui3-button.closebutton [aria-hidden="true"] {
display: none;
}
.format-tiles a:focus {
box-shadow: none !important;
}
.format-tiles a.sectionbutton, .format-tiles a.sectionbutton:hover {
box-shadow: none !important;
}
.format-tiles .sectionbuttons {
top: 10px;
right: 10px;
}
.format-tiles .sectiontitle::after {
position: absolute;
height: 100%;
width: 5px;
position: absolute;
left: 0;
top: 0;
}
.format-tiles .course-content .alert .close, .format-tiles .course-content #page-mod-choice-view #notice p .close, #page-mod-choice-view #notice .format-tiles .course-content p .close, .format-tiles .course-content .alert .btn-close, .format-tiles .course-content .alert .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .format-tiles .course-content .alert .yui3-button.closebutton, .format-tiles .course-content #page-mod-choice-view #notice p .btn-close, .format-tiles .course-content #page-mod-choice-view #notice p .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .format-tiles .course-content #page-mod-choice-view #notice p .yui3-button.closebutton {
margin: 2px 0;
}
.format-tiles .course-content .alert .close [aria-hidden="true"], .format-tiles .course-content #page-mod-choice-view #notice p .close [aria-hidden="true"], #page-mod-choice-view #notice .format-tiles .course-content p .close [aria-hidden="true"], .format-tiles .course-content .alert .btn-close [aria-hidden="true"], .format-tiles .course-content .alert .yui3-skin-sam .yui3-button.closebutton [aria-hidden="true"], .yui3-skin-sam .format-tiles .course-content .alert .yui3-button.closebutton [aria-hidden="true"], .format-tiles .course-content #page-mod-choice-view #notice p .btn-close [aria-hidden="true"], .format-tiles .course-content #page-mod-choice-view #notice p .yui3-skin-sam .yui3-button.closebutton [aria-hidden="true"], .yui3-skin-sam .format-tiles .course-content #page-mod-choice-view #notice p .yui3-button.closebutton [aria-hidden="true"] {
display: none;
}
.format-tiles .course-content #filterbuttons {
align-items: center;
}
.format-tiles .sectiontitle::after {
border-radius: 12px;
}
.format-tiles .sectiontitle::after, .format-tiles .badge-info, .format-tiles .loginfo {
color: #fff;
}
.format-tiles .section .activity.subtile .contentafterlink {
left: 20px;
justify-content: flex-start;
}
.format-tiles .subtiles {
width: 100%;
margin: 8px;
}
.format-tiles li.activity.subtile {
height: 150px;
}
.format-tiles li.activity.subtile .activityname {
background-color: transparent;
padding: 0;
justify-content: flex-start;
text-align: left;
}
.format-tiles li.activity.subtile .activityname h5 {
font-size: 14px;
}
.theme-dark.format-tiles .course-content li.activity.subtile {
background-color: #101010;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1, .format-tiles .course-content ul.tiles .tile.tilestyle-2 {
border-radius: 12px;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1, .format-tiles .course-content ul.tiles .tile.tilestyle-2, .format-tiles .modal-header:focus, .format-tiles .resourcecontent:focus, .format-tiles li.activity.subtile {
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.format-tiles li.activity.subtile, .format-tiles .course-content ul.tiles .tile {
max-width: initial;
}
.format-tiles .moveablesection .availabilityinfo {
margin: 0;
}
body.jsenabled.format-tiles .above-tiles-buttons {
position: relative;
margin: 5px;
}
.format-tiles .progress-indic {
font-size: 0.875rem;
}
.format-tiles .sectiontitle h2 {
margin-bottom: 0;
font-weight: 700;
line-height: 1.5;
color: #212121;
}
.theme-dark.format-tiles .sectiontitle h2 {
color: #F5F5F5;
}
.format-tiles ul.tiles .tile h3 {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 700;
}
.format-tiles ul.tiles .tile .tile-textinner.longtitle h3 {
font-size: 14px;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text.longtitle h3 {
display: block;
font-size: 14px;
line-height: 1.4;
text-align: left;
}
.format-tiles li.activity.subtile .activityname h5 {
font-weight: 700;
}
.format-tiles li.activity .activityiconcontainer {
background-color: transparent !important;
}
.format-tiles-tile-open #nav-drawer, .format-tiles-tile-open .drawer.drawer-right, .format-tiles-tile-open .drawer-course-index, .format-tiles-tile-open .drawer-toggler {
z-index: 1 !important;
}
.format-tiles-tile-open #topBar, .format-tiles-tile-open .secondary-navigation {
z-index: 1 !important;
display: none;
}
.format-tiles .loginfo {
color: #444444;
}
.format-tiles .pagesechead {
display: inline-flex;
align-items: center;
}
.format-tiles #abovetiles.sec-zero-closed {
width: 100%;
}
.theme-dark.format-tiles #page .course-content ul li.section.main {
background-color: #101010 !important;
}
.format-tiles .course-content .section {
background: #fff;
}
.theme-dark.format-tiles .course-content .section {
background: #161616;
}
.theme-dark.format-tiles .course-content .section .activity:hover {
background-color: transparent;
}
.format-tiles ul.tiles .tile.selected, .format-tiles ul.tiles .section.state-visible {
box-shadow: rgba(0, 0, 0, 0.36) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px !important;
}
.theme-dark.format-tiles .course-content ul.tiles .tile.tilestyle-1, .theme-dark.format-tiles .course-content ul.tiles .tile.tilestyle-2, .theme-dark.format-tiles .modal-header:focus, .theme-dark.format-tiles .resourcecontent:focus, .theme-dark.format-tiles li.activity.subtile {
background-color: #101010;
box-shadow: rgba(255, 255, 255, 0.12) 0 1px 3px, rgba(255, 255, 255, 0.24) 0 1px 2px;
}
.theme-dark.format-tiles ul.tiles .tile h3 {
color: #e9e9e9;
}
.theme-dark #format_tiles_overlay {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.format-tiles .course-content ul.tiles .tile.phototile {
background-color: #f3f8fc !important;
}
.theme-dark.format-tiles.format-tiles-tile-open .tile.phototile:not(.selected):not(:hover) {
filter: brightness(30%) contrast(100%);
}
.format-tiles .tileiconcontainer .icon.fa {
font-size: 45px;
}
@media screen and (max-width: 600px) {
.format-tiles ul.tiles .tile .tile-text {
height: 105px;
padding-top: 0px;
}
.format-tiles .tile a {
padding: 5px !important;
}
}
.dashboard-products-box .nav-tabs {
width: 100%;
}
.intellicart-menu .nav-tabs .nav-link:hover {
color: #fff !important;
}
.popover-region-intellicart .rui-tooltip--bottom:hover:after, .popover-region-intellicart .rui-tooltip--bottom:hover:before {
display: none;
}
.local_bfaltformat-button_span button {
top: 0px !important;
}
@media (min-width: 768px) {
li.hsuforum-post, .hsuforum-thread {
border: 1px solid #E1E1E1 !important;
border-radius: 12px;
margin-bottom: 5px;
}
.theme-dark li.hsuforum-post, .theme-dark .hsuforum-thread {
border-color: #48494c !important;
}
}
.hsuforum-post-byline {
font-family: inherit !important;
}
.hsuforum-thread, .hsuforum-form .hsuforum-textarea {
background: none !important;
}
.hsuforum-thread .attachments {
flex-direction: row !important;
display: flex;
gap: 5px;
}
.hsuforum-thread .attachments a .icon {
margin: 0 5px;
border: none;
padding: 0 !important;
}
.hsuforum-thread .attachments a:has(img) {
padding: 0 !important;
border: none;
margin-right: 5px !important;
}
.hsuforum-thread .hsuforum-post-wrapper {
margin-right: 5px;
padding-top: 1em !important;
}
.hsuforum-thread .forum-post-rating a {
border: none !important;
}
.hsuforum-thread .hsuforum-post:before {
background-color: #212121;
top: 1em;
}
.hsuforum-thread .hsuforum-thread-participants {
display: flex;
justify-content: end;
gap: 5px;
}
.hsuforum-thread .hsuforum-reply-link {
background-color: #022758 !important;
border: 1px solid transparent !important;
color: #e6e9ee !important;
}
.hsuforum-thread .userinitials {
vertical-align: middle;
display: inline-flex;
border-radius: 50%;
margin-right: 0.25rem;
}
.hsuforum-thread .forum-post-rating.processed {
padding-top: 5px;
}
#page .hsuforum-tools a:before {
display: none;
}
.invisiblefieldset #search {
width: auto;
}
#page-blocks-edwiser_grader-grader .btn {
word-break: normal;
border: 1px solid transparent;
}
#page-blocks-edwiser_grader-grader .dropdown-item:not(:hover) {
background-color: #212121;
}
@media (max-width: 1200px) {
#page-blocks-edwiser_grader-grader .edg-attempt-completed {
border: 2px solid #D8D8D8;
border-top: none;
border-bottom: none;
padding: 0 5px;
margin: 0 5px;
}
}
@media (max-width: 900px) {
#page-blocks-edwiser_grader-grader .col-sm-11, #page-blocks-edwiser_grader-grader .col-sm-1 {
flex: unset !important;
max-width: unset !important;
}
#page-blocks-edwiser_grader-grader .edg-search-sort-menu, #page-blocks-edwiser_grader-grader .edg-action-header {
flex-wrap: wrap;
}
#page-blocks-edwiser_grader-grader .edg-search-sort-menu div {
margin: 5px 5px 5px 0;
}
#page-blocks-edwiser_grader-grader .edg-select-filter {
margin: 5px 5px 5px 0 !important;
padding: 0;
width: 100%;
}
#page-blocks-edwiser_grader-grader .edg-grader-breadcrumbs {
overflow-x: auto;
}
}
#page-blocks-edwiser_grader-grader li.breadcrumb-item a {
color: #929292 !important;
}
#page-blocks-edwiser_grader-grader li.breadcrumb-item:before {
color: #929292 !important;
}
#page-blocks-edwiser_grader-grader .edg-grader-course-title {
color: #212121 !important;
}
#page-blocks-edwiser_grader-grader .edg-grader-page-header {
background-color: #e6e9ee !important;
border-bottom: 1px solid #E1E1E1;
}
.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 #D8D8D8;
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: #444444;
}
.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: 12px;
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: #81bbaa;
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: 12px;
}
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: #444444;
}
body#page-course-view-remuiformat.theme-dark .card-section-rightnav a, body#page-course-view-remuiformat.theme-dark .card-section-leftnav a {
color: #e9e9e9;
}
body#page-course-view-remuiformat #page .activityiconcontainer {
display: flex;
align-items: flex-start;
align-self: center;
justify-content: flex-start;
width: auto;
height: auto;
}
body#page-course-view-remuiformat .rui-availabilityinfo {
padding: 0;
background-color: transparent;
}
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: 12px;
border: 1px solid #D8D8D8 !important;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-header a:before {
display: none;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname {
font-size: 0.938rem;
line-height: 1.5;
}
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: #444444;
}
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, body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .float-end {
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: #434343;
}
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: 12px;
border: 1px solid #D8D8D8 !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: #101010;
border-color: #262a30 !important;
color: #e9e9e9;
}
.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: #e9e9e9;
}
.theme-dark#page-course-view-remuiformat .activity .description .course-description-item {
background-color: #101010;
color: #e9e9e9;
}
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details {
border-color: #262a30;
}
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:before, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a:before {
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: #F5F5F5;
border: 1px solid #D8D8D8;
border-radius: 12px;
}
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: 12px;
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: #e9e9e9;
}
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: 12px;
}
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: #D8D8D8;
}
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: #262a30;
}
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 {
text-align: left !important;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #434343;
}
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 .contentwithoutlink, body#page-course-view-remuiformat .contentafterlink {
width: auto;
max-height: max-content;
}
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:hover {
background-color: transparent;
border: 0;
}
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: #D8D8D8;
}
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
background-color: #101010;
border-color: #262a30 !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-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: #444444;
}
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow {
color: #c7c7c7;
}
.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: #e9e9e9;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card .content {
gap: 10px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow {
font-size: 0.75rem;
line-height: 1.5;
}
body#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
padding: 10px;
border-color: #D8D8D8;
}
.theme-dark#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
background-color: #101010;
border-color: #262a30;
}
body#page-course-view-remuiformat .rui--activity-is-manual .activity-information {
top: 15px;
left: 15px;
}
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 a {
width: 100%;
border-radius: 12px;
}
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-basis > div.flex-column, body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-basis > div.flex-column {
flex-direction: inherit !important;
}
#page-admin-local-staticpage-settings_pagelist .main-content ul li {
list-style: decimal;
padding: 30px;
border-radius: 12px;
margin-bottom: 30px;
border: 1px solid #D8D8D8;
}
#page-admin-local-staticpage-settings_pagelist .main-content ul li p {
margin: 10px 0;
}
#page-admin-local-staticpage-settings_pagelist .main-content ul li::marker {
font-size: 2rem;
font-weight: 700;
}
.theme-dark#page-admin-local-staticpage-settings_pagelist .main-content ul li {
border-color: #262a30;
}
#page-filter-embedquestion-showquestion #page {
height: unset !important;
}
#page-mod-turnitintooltwo-view .table-responsive {
overflow: inherit;
}
.mod_turnitintooltwo_part_details a.editable-click:hover:before {
width: 0 !important;
left: 100% !important;
}
.mod_turnitintooltwo .ui-tabs-anchor:before, .mod_turnitintooltwo .paginate_button:before {
display: none;
}
#page-mod-equella-mod:has(#equellacontainer) .rui-topbar-wrapper {
z-index: 4030 !important;
}
body#page-filter-embedquestion-showquestion .que .filter_embedquestion-fill-link button {
padding: 0.75rem 1.5rem !important;
font-size: 0.875rem !important;
text-decoration: none;
}
.local_codechecker_results .fail a {
color: #ef1010;
}
.oublog-post.oublog-odd, .oublog-post-commented {
background-color: #F5F5F5;
border: 1px solid #D8D8D8;
}
.theme-dark .oublog-post.oublog-odd, .theme-dark .oublog-post-commented {
background-color: #101010;
border: 1px solid #262a30;
}
#oublog_info_block {
display: none;
}
[class*="oublog"] a:hover {
text-decoration: unset !important;
}
.oublog-sideblock .oublog-accordion {
padding-left: 0;
}
.oublog-sideblock .form-group {
align-items: center;
}
.oublog-sideblock .oublog_statsview_content form .fitem .felement {
margin-left: 0;
}
.oublog-sideblock .col-form-label {
padding-right: 0px;
text-align: left !important;
}
.oublog-sideblock h3 {
font-size: 0.938rem !important;
padding-left: 0.5rem;
}
.oublog-post-links a, .ouwiki_nav_index a, .ouw_byheading a, #ouwiki_indexlinks a {
background-color: #E1E1E1;
}
.oublog-post-links a:before, .ouwiki_nav_index a:before, .ouw_byheading a:before, #ouwiki_indexlinks a:before {
display: none;
}
#page-mod-zoom-view a .btn-primary .icon, #page-mod-zoom-view a .addtagcoll a .icon, .addtagcoll #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .path-admin-tag .addstandardtags a .icon, .path-admin-tag .addstandardtags #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .gradereport_history_usp .usp-finish input .icon, .gradereport_history_usp .usp-finish #page-mod-zoom-view a input .icon, #page-mod-zoom-view a #siteconfiglink a .icon, #siteconfiglink #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .forum-post-footer a .icon, .forum-post-footer #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .rui-submissionaction .singlebutton .btn .icon, .rui-submissionaction .singlebutton #page-mod-zoom-view a .btn .icon, #page-mod-zoom-view a #enterlink p:nth-of-type(1) a .icon, #enterlink p:nth-of-type(1) #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .mod_quiz-next-nav .icon, #page-mod-zoom-view a .addbloglink a .icon, .addbloglink #page-mod-zoom-view a a .icon, #page-mod-zoom-view a #addcontrols input .icon, #addcontrols #page-mod-zoom-view a input .icon, #page-mod-zoom-view a #page-mod-forum-index .subscription .helplink:nth-of-type(1) a .icon, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #page-mod-zoom-view a a .icon, #page-mod-zoom-view a #page-mod-forum-view .subscription .helplink a .icon, #page-mod-forum-view .subscription .helplink #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .midpad a .icon, .midpad #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .createstep .icon, #page-mod-zoom-view a #enterlink p:nth-of-type(2) a .icon, #enterlink p:nth-of-type(2) #page-mod-zoom-view a a .icon, #page-mod-zoom-view a .webservicestokenui + a .icon, #page-mod-zoom-view a .rui-pre button .icon, .rui-pre #page-mod-zoom-view a button .icon, #page-mod-zoom-view a .pagenumber .dropdown-btn .icon, .pagenumber #page-mod-zoom-view a .dropdown-btn .icon, #page-mod-zoom-view a #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle .icon, #page-grade-edit-tree-index .tertiary-navigation .action-menu #page-mod-zoom-view a .dropdown-toggle .icon, #page-mod-zoom-view a .last-add-menu .dropdown-btn .icon, .last-add-menu #page-mod-zoom-view a .dropdown-btn .icon, #page-mod-zoom-view a:hover .btn-primary .icon, #page-mod-zoom-view a:hover .addtagcoll a .icon, .addtagcoll #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .path-admin-tag .addstandardtags a .icon, .path-admin-tag .addstandardtags #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .gradereport_history_usp .usp-finish input .icon, .gradereport_history_usp .usp-finish #page-mod-zoom-view a:hover input .icon, #page-mod-zoom-view a:hover #siteconfiglink a .icon, #siteconfiglink #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .forum-post-footer a .icon, .forum-post-footer #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .rui-submissionaction .singlebutton .btn .icon, .rui-submissionaction .singlebutton #page-mod-zoom-view a:hover .btn .icon, #page-mod-zoom-view a:hover #enterlink p:nth-of-type(1) a .icon, #enterlink p:nth-of-type(1) #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .mod_quiz-next-nav .icon, #page-mod-zoom-view a:hover .addbloglink a .icon, .addbloglink #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover #addcontrols input .icon, #addcontrols #page-mod-zoom-view a:hover input .icon, #page-mod-zoom-view a:hover #page-mod-forum-index .subscription .helplink:nth-of-type(1) a .icon, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover #page-mod-forum-view .subscription .helplink a .icon, #page-mod-forum-view .subscription .helplink #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .midpad a .icon, .midpad #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .createstep .icon, #page-mod-zoom-view a:hover #enterlink p:nth-of-type(2) a .icon, #enterlink p:nth-of-type(2) #page-mod-zoom-view a:hover a .icon, #page-mod-zoom-view a:hover .webservicestokenui + a .icon, #page-mod-zoom-view a:hover .rui-pre button .icon, .rui-pre #page-mod-zoom-view a:hover button .icon, #page-mod-zoom-view a:hover .pagenumber .dropdown-btn .icon, .pagenumber #page-mod-zoom-view a:hover .dropdown-btn .icon, #page-mod-zoom-view a:hover #page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle .icon, #page-grade-edit-tree-index .tertiary-navigation .action-menu #page-mod-zoom-view a:hover .dropdown-toggle .icon, #page-mod-zoom-view a:hover .last-add-menu .dropdown-btn .icon, .last-add-menu #page-mod-zoom-view a:hover .dropdown-btn .icon {
background-color: transparent !important;
color: inherit !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='%23444444' 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='%23444444' 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='%23444444' 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='%23444444' 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: #355279;
}
.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: #b3becd;
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 {
height: 5px;
width: calc(100% - 80px);
left: 40px;
top: 10px;
border-radius: 12px;
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: 51px;
z-index: 1030;
}
.navbar.fixed-top .navbar-brand .logo {
max-height: calc(50px - (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%);
}
/**
* Reportbuilder.
*/
/* Table */
#page-admin-reportbuilder-edit {
background-color: #fff;
}
#page-admin-reportbuilder-edit.theme-dark {
background-color: #161616;
}
#page-admin-reportbuilder-edit .page-popup-wrapper {
margin-top: 65px;
padding: 0;
}
/* Filters */
.reportbuilder-wrapper .filters-dropdown {
width: max-content;
padding: 0;
}
.reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar > div:first-child {
padding-bottom: 1rem;
}
@media (max-width: 767.98px) {
.reportbuilder-wrapper .filters-dropdown {
width: 100%;
}
}
.reportbuilder-wrapper .filters-dropdown .custom-select {
margin-top: 0 !important;
height: 36px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 1rem;
font-size: 0.75rem;
color: #c7c7c7;
background: #161616 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='%23c7c7c7' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
border-color: #38393c;
}
.reportbuilder-wrapper .filters-dropdown .filter {
padding: 0 16px 10px;
margin: 0 -16px 13px !important;
}
.reportbuilder-wrapper .filters-dropdown .btn {
padding: 8px 14px;
font-size: 0.75rem;
}
.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: #434343;
}
.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: #8193ac;
}
.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: #434343;
}
.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: #e9e9e9;
}
.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.75rem;
}
.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;
margin: 0;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon {
margin: 0;
}
/* Sidebar menu */
@media (min-width: 1089px) {
.reportbuilder-sidebar-menu {
width: 250px;
flex-shrink: 0;
}
}
.reportbuilder-sidebar-menu .card-body .list-group-item-action {
border: 1px solid #D8D8D8;
border-radius: 12px;
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: #262a30;
}
.reportbuilder-sidebar-menu .card-body .list-group-item-action .icon {
margin: 0 !important;
width: 18px;
height: 18px;
}
.reportbuilder-sidebar-menu a.list-group-item-action:hover {
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.reportbuilder-sidebar-menu-cards {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #929292 #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: #929292;
border-radius: 20px;
border: 0;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.theme-dark .reportbuilder-sidebar-menu-cards {
scrollbar-width: thin;
scrollbar-color: #929292 #101010;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
width: 6px;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
background: #101010;
border-radius: 20px;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
background-color: #929292;
border-radius: 20px;
border: 0;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
/* Settings sidebar */
.reportbuilder-sidebar-settings {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #929292 #F5F5F5;
}
.reportbuilder-sidebar-settings .condition-header {
background-color: #F5F5F5;
}
.theme-dark .reportbuilder-sidebar-settings .condition-header {
background-color: #1f2023;
}
.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: #929292;
border-radius: 20px;
border: 0;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.theme-dark .reportbuilder-sidebar-settings {
scrollbar-width: thin;
scrollbar-color: #929292 #101010;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar {
width: 6px;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
background: #101010;
border-radius: 20px;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
background-color: #929292;
border-radius: 20px;
border: 0;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
@media (min-width: 1089px) {
.reportbuilder-sidebar-settings {
width: 320px;
flex-shrink: 0;
}
}
.reportbuilder-sidebar-settings .list-group-item {
padding: 7px;
margin: 2px 0;
width: 100%;
border: 1px solid #D8D8D8;
border-radius: 12px;
}
.theme-dark .reportbuilder-sidebar-settings .list-group-item {
border-color: #262a30;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
margin: 0;
width: 18px;
height: 18px;
}
.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%;
}
/* 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: #2c85fa;
}
.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: 1089px) {
.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: 12px;
padding-top: 0;
margin-bottom: 0 !important;
}
.path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
padding-top: 83px;
}
.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 - 130px - 52px);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
position: absolute;
right: 20px;
max-height: calc(100vh - 130px);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
width: 100%;
max-height: calc(100vh - 160px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #929292 #F5F5F5;
margin-left: calc(250px + 1rem);
margin-right: calc(320px + 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: #929292;
border-radius: 20px;
border: 0;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
scrollbar-width: thin;
scrollbar-color: #929292 #101010;
}
.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: #101010;
border-radius: 20px;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
background-color: #929292;
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: #6B6B6B;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
margin-left: calc(250px + 1rem);
}
}
.theme-dark.path-admin-reportbuilder .nav-tabs {
background-color: #101010 !important;
}
/* Toggle cards. */
.path-admin-reportbuilder .card-header {
border-bottom: 0;
}
.path-admin-reportbuilder .card-header .inplaceeditable .quickeditlink {
margin-left: 0 !important;
}
.reportbuilder-toggle-card .card-header .card-header {
border-bottom: none;
}
.reportbuilder-toggle-card .card-header .card-header .inplaceeditable .quickeditlink {
margin-left: 0 !important;
}
.reportbuilder-toggle-card .card-body {
border-top: 1px solid #D8D8D8;
}
.theme-dark .reportbuilder-toggle-card .card-body {
border-color: #262a30;
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
font-size: 14px;
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 #D8D8D8;
border-radius: 12px;
}
.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 #D8D8D8;
}
.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: #434343;
}
.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;
}
}
#page-admin-reportbuilder-edit #darkModeBtn {
position: fixed;
top: 55px;
right: 0;
z-index: 1030;
}
.courseindex .delegated-section {
margin: 7px 0;
}
.courseindex .delegated-section.courseindex-section {
background-color: transparent;
}
.theme-dark .courseindex .delegated-section.courseindex-section {
background-color: transparent;
}
.courseindex .delegated-section .courseindex-item.courseindex-section-title a {
font-size: 0.75rem;
font-weight: 500;
}
.courseindex .delegated-section .courseindex-item.courseindex-section-title a .icon {
font-size: 12px;
}
.courseindex .expanded-icon, .courseindex .collapsed-icon {
background-color: #F5F5F5;
color: #434343;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 30px;
}
.courseindex .expanded-icon:hover, .courseindex .collapsed-icon:hover {
background-color: #b3becd;
}
.theme-dark .courseindex .expanded-icon, .theme-dark .courseindex .collapsed-icon {
background-color: transparent;
color: #c7c7c7;
}
.courseindex .expanded-icon .icon, .courseindex .collapsed-icon .icon {
font-size: 12px;
line-height: 20px;
}
.courseindex .courseindex-item {
padding: 4px 0;
border: 1px solid transparent;
border-radius: 12px;
position: relative;
align-items: center;
}
.courseindex .courseindex-item.courseindex-section-title {
padding: 0;
}
.courseindex .courseindex-item.courseindex-section-title a {
font-weight: 500;
font-size: 14px;
color: #444444;
}
.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: #444444;
font-size: 0.8rem;
line-height: 1.3;
display: inline-block;
}
.theme-dark .courseindex .courseindex-item .courseindex-name, .theme-dark .courseindex .courseindex-item .courseindex-link {
color: #c7c7c7;
}
.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: #434343;
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: #c7c7c7;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
opacity: 0.6;
color: #434343;
}
.theme-dark .courseindex .courseindex-item:hover.dimmed, .theme-dark .courseindex .courseindex-item:focus.dimmed {
color: #c7c7c7;
}
.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: #434343;
}
.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: #c7c7c7;
}
.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: #e6e9ee;
color: #022758;
}
.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 {
scroll-margin: 80px;
}
.courseindex .courseindex-item.pageitem:before {
content: "";
position: absolute;
top: calc(50% - 4px);
right: 0;
z-index: 1;
background-color: #8193ac;
width: 8px;
height: 8px;
border-radius: 8px;
}
.courseindex .courseindex-item.pageitem a {
align-self: center;
font-weight: 700;
color: #444444;
}
.theme-dark .courseindex .courseindex-item.pageitem a {
color: #8193ac;
}
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
color: #444444;
}
.theme-dark .courseindex .courseindex-item.pageitem:hover, .theme-dark .courseindex .courseindex-item.pageitem:focus {
color: #c7c7c7;
}
.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: #444444;
}
.courseindex .courseindex-item .completioninfo {
line-height: 1;
margin-left: 0;
margin-right: 4px;
min-width: 20px;
color: #6B6B6B;
}
.theme-dark .courseindex .courseindex-item .completioninfo {
color: #a0a3a5;
}
.courseindex .courseindex-item .completioninfo:empty {
display: none;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
color: #00665f;
}
.theme-dark .courseindex .courseindex-item .completioninfo.completion_complete {
color: #45ca7d;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
color: #ef1010;
}
.courseindex .courseindex-item .completion_complete ~ .courseindex-link {
color: #00665f;
}
.theme-dark .courseindex .courseindex-item .completion_complete ~ .courseindex-link {
color: #a0a3a5;
}
.courseindex .courseindex-item.indented {
padding: 4px 2px !important;
margin-left: 14px;
}
.courseindex .courseindex-item.indented .courseindex-link {
font-size: 12px;
opacity: 0.8;
}
.courseindex .courseindex-section {
border-radius: 12px;
margin-left: 0;
margin-right: 12px;
margin-bottom: 5px;
}
.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 {
font-size: 11px;
font-weight: 500;
line-height: 1.2;
border-radius: 3px;
display: none;
position: absolute;
top: -20px;
left: 26px;
}
.courseindex .courseindex-section.current {
position: relative;
color: #022758;
background-color: #F5F5F5;
}
.theme-dark .courseindex .courseindex-section.current {
background-color: #1f2023;
}
.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: 0;
}
.courseindex .courseindex-sectioncontent {
padding: 3px 3px 20px 34px;
}
.courseindex .d-flex-noedit {
display: none;
}
.courseindex.editing .d-flex-noedit {
display: flex;
}
.courseindex .media-list .placeholder-circle {
height: 20px;
width: 20px;
border-radius: 12px;
}
.courseindex .media-list .placeholder-rec {
width: 50%;
height: 20px;
border-radius: 12px;
margin: 0.5rem 0;
}
.drawerheadercontent {
position: absolute;
right: 15px;
top: 15px;
}
@media (max-width: 1088.98px) {
.drawerheadercontent {
right: 10px;
top: 10px;
}
}
#courseindex-content .courseindex {
max-height: calc(100vh - 300px);
overflow: auto;
}
.drawer-course-index .drawercontent {
height: auto;
}
.moremenu {
opacity: 0;
height: 60px;
}
.secondary-navigation .moremenu {
height: 40px;
}
@media (max-width: 767.98px) {
.moremenu .more-nav {
width: 100%;
display: block;
}
}
@media (max-width: 767.98px) {
.moremenu {
width: 100%;
}
}
.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 {
margin: 0;
background-color: #F5F5F5;
border-radius: 12px;
}
@media (min-width: 768px) {
.moremenu .nav-tabs {
width: max-content;
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.moremenu .nav-tabs {
width: 100%;
}
}
#page-site-index .moremenu .nav-tabs {
margin: 0 auto;
}
.theme-dark .moremenu .nav-tabs {
background-color: #06090c;
}
.moremenu .rui-course-nav.nav-tabs {
border-radius: 8px;
}
.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: #434343;
}
.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: #ccd4de;
color: #022758;
}
.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: #022758;
}
.primary-navigation .navigation {
height: 44px;
}
@media (max-width: 1088.98px) {
.primary-navigation .navigation {
height: 40px;
position: absolute;
top: -20px;
left: 5px;
}
}
.primary-navigation .navigation .nav-link {
height: 44px;
padding: 9px 15px;
margin: 0 0.25rem 0 0;
font-weight: 500;
color: #fff;
border: none;
border-radius: 8px;
}
.primary-navigation .navigation .nav-link[aria-expanded="true"], .primary-navigation .navigation .nav-link:hover {
background-color: #eef6f9;
color: #e6f1ee;
}
.theme-dark .primary-navigation .navigation .nav-link[aria-expanded="true"], .theme-dark .primary-navigation .navigation .nav-link:hover {
background-color: #1f2023;
color: #c7c7c7;
}
.theme-dark .primary-navigation .navigation .nav-link {
color: #e9e9e9;
}
@media (max-width: 1088.98px) {
.primary-navigation {
position: relative;
margin: 0;
padding: 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;
}
@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;
}
}
.secondary-navigation {
max-width: 100%;
margin: 0 auto;
position: sticky;
top: 16px;
height: 40px;
}
@media (min-width: 1089px) {
.secondary-navigation {
z-index: 1028;
}
}
@media (max-width: 1088.98px) {
.secondary-navigation {
z-index: 3;
}
}
#page-admin-search .secondary-navigation {
display: none;
}
#page-site-index .secondary-navigation {
margin: 20px auto 0;
top: 115px;
position: sticky;
z-index: 1029;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
font-size: 0.875rem;
border-radius: 12px;
}
.secondary-navigation .navigation .nav-tabs .nav-link.active {
background-color: #e6e9ee;
color: #022758;
}
.theme-dark .secondary-navigation .navigation .nav-tabs .nav-link.active {
background-color: #28292c;
color: #c7c7c7;
}
.secondary-navigation .navigation .nav-tabs .nav-link:hover {
background-color: #E1E1E1;
color: #022758;
}
.theme-dark .secondary-navigation .navigation .nav-tabs .nav-link:hover {
background-color: #1f2023;
color: #c7c7c7;
}
.tertiary-navigation {
margin-bottom: 40px;
padding: 10px;
background-color: #F5F5F5;
border-radius: 20px;
}
.path-mod-assign .tertiary-navigation {
padding: 0;
margin-bottom: 0;
}
.tertiary-navigation .row:empty {
display: none;
}
.path-mod-assign .tertiary-navigation .row {
padding: 10px;
margin-bottom: 40px;
}
.tertiary-navigation .navitem {
margin-bottom: 0 !important;
}
.theme-dark .tertiary-navigation {
background-color: #101010;
}
.tertiary-navigation .tertiary-navigation {
padding: 0;
margin-bottom: 0;
background-color: transparent;
}
.tertiary-navigation + form {
margin-top: 20px;
}
.tertiary-navigation .row {
margin-left: 0;
margin-right: 0;
}
.tertiary-navigation .navitem {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
.tertiary-navigation .navitem + .navitem {
margin-left: 0.5rem;
}
}
@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 #D8D8D8;
margin-bottom: 25px;
}
.theme-dark .tertiary-navigation.full-width-bottom-border {
border-color: #262a30;
}
.tertiary-navigation.full-width-bottom-border .row {
margin: 0;
padding: 10px !important;
}
.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, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
}
.theme-dark .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle:hover {
color: #a0a3a5;
}
@media (min-width: 768px) {
.tertiary-navigation .navitem-divider {
display: flex;
align-self: center;
margin-bottom: 0.5rem;
width: 1px;
height: 20px;
background-color: #D8D8D8;
}
.theme-dark .tertiary-navigation .navitem-divider {
background-color: #262a30;
}
}
@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: 0.75rem;
}
.tertiary-navigation .form-inline .custom-select {
padding: 3px 16px;
height: 40px;
line-height: 1.5;
font-size: 0.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-backup div.urlselect {
margin-bottom: 20px;
padding: 10px;
background-color: #F5F5F5;
border-radius: 12px;
}
.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: 12px;
border: 1px solid #D8D8D8;
z-index: 10001;
}
.popover-process-monitor .process-list {
max-height: 30vh;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #929292 #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: #929292;
border-radius: 20px;
border: 0;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
background-color: #6B6B6B;
}
.popover-process-monitor .queue-process {
border-bottom: 1px solid #EEEEEE;
}
.popover-process-monitor .queue-process:last-child {
border-bottom: 0;
}
.moodlenet-share-dialog {
min-height: 500px;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
align-items: baseline;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
display: flex;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
width: auto;
height: 1.3rem;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
display: flex;
padding-left: 0.5em;
}
.moodlenet-share-dialog .modal-header.no-border {
border-bottom: none;
}
.moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
display: none;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
border-radius: 12px;
color: #444444;
background-color: #f5f6f8;
border-color: #2a4a73;
border-width: 1px;
border-style: solid;
padding: 0.6em 1.5em;
margin-bottom: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
border-top-color: #233e60;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
color: #2b2b2b;
}
.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, 0.1) 9rem, transparent 9rem);
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
display: block;
margin: auto;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
font-size: 8rem;
width: auto;
margin: 0;
}
.moodlenet-share-dialog .modal-footer .moodlenet-share-to {
margin-right: auto;
}
.sd-sidesupport {
margin-top: auto;
padding-top: 14px;
padding-bottom: 76px;
}
.sd-sidesupport .sw-help-contact {
margin-top: 0;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.sd-sidesupport .sw-help-contact-lead {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.55);
margin-bottom: 8px;
}
.sd-sidesupport .sw-help-contact-row {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 0;
font-size: 12.5px;
font-weight: 600;
color: #cfe0ec;
text-decoration: none;
word-break: break-all;
}
.sd-sidesupport .sw-help-contact-row svg {
flex: 0 0 auto;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0.7;
}
.sd-sidesupport .sw-help-contact-row:hover, .sd-sidesupport .sw-help-contact-row:focus {
color: #fff;
text-decoration: none;
}
.sd-sidesupport .sw-help-contact-row:hover svg {
opacity: 1;
}
body.path-login {
/** Extra SCSS from theme_baz_get_extra_scss **/
background-image: url(//learning.iiitdwd.ac.in/pluginfile.php/1/theme_baz/loginbg/1794181695/iiitd-campus.jpg);
background-size: cover;
background-attachment: fixed;
}
.mediaplugin.mediaplugin_videojs div[style*="max-width"]{margin-left:auto;margin-right:auto;width:100%;max-width:100%!important}