@charset "UTF-8";
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #406CD2;
  --purple: #D0C6F0;
  --red: #ef1010;
  --orange: #4c2101;
  --yellow: #F7B742;
  --green: #027654;
  --white: #fff;
  --gray: #b4b2bc;
  --gray-dark: #413c55;
  --primary-color-100: #ececfd;
  --primary-color-200: #d9d8fb;
  --primary-color-300: #c5c5f9;
  --primary-color-400: #9f9ef6;
  --primary-color-500: #6564f0;
  --primary-color-600: #3f3dec;
  --primary-color-700: #26258e;
  --primary-color-800: #201f76;
  --primary-color-900: #131247;
  --gray-100: #f9f9fa;
  --gray-200: #eeedef;
  --gray-300: #e1e0e4;
  --gray-400: #d3d2d8;
  --gray-500: #c4c3cb;
  --gray-600: #b4b2bc;
  --gray-700: #a19eab;
  --gray-800: #413c55;
  --gray-900: #090223;
  --primary: #3f3dec;
  --secondary: #b4b2bc;
  --success: #3f3dec;
  --info: #406CD2;
  --warning: #F7B742;
  --danger: #ef1010;
  --light: #b4b2bc;
  --dark: #090223;
  --breakpoint-xs: 0;
  --breakpoint-sm: 320px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1089px;
  --breakpoint-xl: 1360px;
  --breakpoint-xxl: 1900px;
  --font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #090223;
  text-align: left;
  background-color: #f9f9fa;
}
body.theme-dark {
  color: #E8EAED;
  background-color: #0e1013;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline-offset: 2px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.hr-xsmall {
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}

.hr-small {
  width: 30px;
  margin: 30px auto;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p:only-child {
  margin-bottom: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #3f3dec;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  word-break: break-word;
}
a:hover {
  color: #9f9ef6;
}
.theme-dark a:hover {
  color: #9f9ef6;
}
.theme-dark a {
  color: #c5c5f9;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1rem;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #a19eab;
  text-align: left;
  caption-side: bottom;
}
.theme-dark caption {
  color: #9AA0A6;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline-offset: 2px;
}

:focus-visible {
  outline: 2px solid rgba(64, 108, 210, 0.9);
  outline-offset: 2px;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=radio] {
  margin: 10px;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #090223;
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6,
.theme-dark .h1, .theme-dark .h2, .theme-dark .h3, .theme-dark .h4, .theme-dark .h5, .theme-dark .h6 {
  color: #f9f9fa;
}

h5, h6, .h5, .h6 {
  color: #a19eab;
}
.theme-dark h5, .theme-dark h6, .theme-dark .h5, .theme-dark .h6 {
  color: #9AA0A6;
}

h1, .h1 {
  font-size: 2.75rem;
  margin-bottom: 1.5rem;
}
.page-content--maintenance h1, .page-content--maintenance .h1 {
  font-size: 1rem;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #413c55;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.125rem;
}

h4, .h4 {
  font-size: 1rem;
}

h5, .h5 {
  font-size: 0.875rem;
}

h6, .h6 {
  font-size: 0.75rem;
  margin-bottom: 0;
}

h2 .btn {
  margin-left: 0.35rem;
}
h2 .btn:hover {
  text-decoration: none;
}
h2 + h3 {
  margin-top: 1.5rem;
}
#page-admin-tool-lp-editplan h2 + h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h2 + .nav-tabs {
  margin-top: 2rem !important;
}

h3 + fieldset {
  margin-top: 30px;
}

.lead-1, .mod_introbox,
.lead-2,
.lead-3,
.lead-4 {
  font-weight: 500;
  color: #090223;
  line-height: 1.3;
}
.theme-dark .lead-1, .theme-dark .mod_introbox,
.theme-dark .lead-2,
.theme-dark .lead-3,
.theme-dark .lead-4 {
  color: #E8EAED;
}

.lead-1, .mod_introbox {
  font-size: 3rem;
}

.lead-2 {
  font-size: 2.5rem;
}

.lead-3 {
  font-size: 2rem;
}

.lead-4 {
  font-size: 1.5rem;
}

.display-1,
.display-2,
.display-3,
.display-4 {
  color: #090223;
}
.theme-dark .display-1,
.theme-dark .display-2,
.theme-dark .display-3,
.theme-dark .display-4 {
  color: #E8EAED;
}

.display-1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .display-1 {
    font-size: 3.5rem;
  }
}

.display-2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .display-2 {
    font-size: 2.5rem;
  }
}

.display-3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  .display-3 {
    font-size: 1.5rem;
  }
}

.display-4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  .display-4 {
    font-size: 1rem;
  }
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.theme-dark hr {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

small,
.small,
.text-small {
  font-size: 0.75rem;
  font-weight: 400;
}

.modified {
  margin: 30px auto 0;
  padding: 10px 20px 10px 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1265 6.87348C14.2952 4.04217 9.70478 4.04217 6.87348 6.87348C4.04217 9.70478 4.04217 14.2952 6.87348 17.1265C9.70478 19.9578 14.2952 19.9578 17.1265 17.1265C17.7603 16.4927 18.2522 15.7708 18.6023 15.0001' stroke='%236B6B6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.25 19.25V15.75C19.25 15.1977 18.8023 14.75 18.25 14.75H14.75' stroke='%236B6B6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 13px;
  background-color: #f9f9fa;
  font-size: 0.75rem;
  color: #413c55;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.theme-dark mark,
.theme-dark .mark {
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.list-styled {
  margin: 1rem;
  padding-left: 0;
}
.list-styled li {
  list-style: none;
  padding-top: 0.25rem;
  padding-left: 1.5rem;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  position: relative;
  color: #413c55;
}
.theme-dark .list-styled li {
  color: #BDC1C6;
}
.list-styled li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  top: calc(50% - 6px);
  left: 0;
  width: 20px;
  height: 20px;
}
.theme-dark .list-styled li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}

.user-evidence-documents {
  margin: 1rem 1.25rem;
  padding-left: 0;
}
.user-evidence-documents li {
  list-style: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.25rem;
}
.user-evidence-documents li .rui-icon-container {
  margin-right: 0.35rem;
}
.user-evidence-documents li a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .user-evidence-documents li a {
  color: #BDC1C6;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.75rem;
  color: #b4b2bc;
}
.theme-dark .blockquote-footer {
  color: #3C4043;
}
.blockquote-footer::before {
  content: "— ";
}

.rui-typo-quote {
  margin-bottom: 10px;
  font-size: 1.875rem;
  line-height: 1.3;
  font-weight: 400;
  color: #090223;
}
.theme-dark .rui-typo-quote {
  color: #E8EAED;
}

.rui-typo-quote-author,
.rui-typo-quote-author-light {
  display: block;
  font-size: 1rem;
}

.rui-typo-quote-author {
  font-weight: 700;
  color: #090223;
}
.theme-dark .rui-typo-quote-author {
  color: #E8EAED;
}

.rui-typo-quote-author-light {
  color: #a19eab;
}
.theme-dark .rui-typo-quote-author-light {
  color: #9AA0A6;
}

.rui-pre {
  max-width: 100%;
  width: 100%;
  white-space: pre-wrap;
  overflow: auto;
  position: relative;
}
.rui-pre button {
  position: absolute;
  top: 5px;
  right: 5px;
}

.font-weight-medium {
  font-weight: 500;
}

.list-unstyled--special {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
}
.list-unstyled--special li {
  margin-left: 12px;
  padding: 2px 20px;
  background-image: url("data:image/svg+xml,%3Csvg height='40' viewBox='0 0 16 40' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16 0v40h-15c-.27614237 0-.52614237-.2487307-.70710678-.6508738-.18096441-.4021432-.29289322-.9576987-.29289322-1.5713484v-37.7777778z' fill='none' stroke='%23a19eab' stroke-opacity='.4' stroke-width='2' transform='translate(1 -1)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: -18px;
  background-size: 14px;
}
.list-unstyled--special li a:hover {
  color: #9f9ef6;
}
.list-unstyled--special .list-unstyled--special-blank {
  background-image: none;
}

.rui-gradient-text {
  background-image: linear-gradient(140deg, #d9d8fb 13%, #3f3dec 84%);
  color: #3f3dec;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f9f9fa;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #b4b2bc;
}

code {
  padding: 0.35rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #C3850C;
  line-height: 2;
  word-wrap: break-word;
}
.theme-dark code {
  color: #C3850C;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #090223;
  border-radius: 3px;
}
.theme-dark kbd {
  color: #080909;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 0.75rem;
  color: #090223;
}
.theme-dark pre {
  color: #E8EAED;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 320px) {
  .container-sm, .container {
    max-width: 90%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 90%;
  }
}
@media (min-width: 1089px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1360px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1089px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1360px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1900px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-sm td {
  font-size: 0.875rem;
}

.table-bordered {
  border: 1px solid #e1e0e4;
}
.theme-dark .table-bordered {
  border-color: #2E3134;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #e1e0e4;
}
.theme-dark .table-bordered th,
.theme-dark .table-bordered td {
  border-color: #2E3134;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.025);
}

.table-hover tbody tr:hover {
  color: #090223;
  background-color: rgba(0, 0, 0, 0.075);
}
.theme-dark .table-hover tbody tr:hover {
  color: #E8EAED;
  background-color: rgba(255, 255, 255, 0.075);
}

.table-primary-color-100,
.table-primary-color-100 > th,
.table-primary-color-100 > td {
  background-color: #fafafe;
}
.table-primary-color-100 th,
.table-primary-color-100 td,
.table-primary-color-100 thead th,
.table-primary-color-100 tbody + tbody {
  border-color: #f5f5fe;
}

.table-hover .table-primary-color-100:hover {
  background-color: #e5e5fa;
}
.table-hover .table-primary-color-100:hover > td,
.table-hover .table-primary-color-100:hover > th {
  background-color: #e5e5fa;
}

.table-primary-color-200,
.table-primary-color-200 > th,
.table-primary-color-200 > td {
  background-color: #f4f4fe;
}
.table-primary-color-200 th,
.table-primary-color-200 td,
.table-primary-color-200 thead th,
.table-primary-color-200 tbody + tbody {
  border-color: #ebebfd;
}

.table-hover .table-primary-color-200:hover {
  background-color: #ddddfc;
}
.table-hover .table-primary-color-200:hover > td,
.table-hover .table-primary-color-200:hover > th {
  background-color: #ddddfc;
}

.table-primary-color-300,
.table-primary-color-300 > th,
.table-primary-color-300 > td {
  background-color: #efeffd;
}
.table-primary-color-300 th,
.table-primary-color-300 td,
.table-primary-color-300 thead th,
.table-primary-color-300 tbody + tbody {
  border-color: #e1e1fc;
}

.table-hover .table-primary-color-300:hover {
  background-color: #d8d8fa;
}
.table-hover .table-primary-color-300:hover > td,
.table-hover .table-primary-color-300:hover > th {
  background-color: #d8d8fa;
}

.table-primary-color-400,
.table-primary-color-400 > th,
.table-primary-color-400 > td {
  background-color: #e4e4fc;
}
.table-primary-color-400 th,
.table-primary-color-400 td,
.table-primary-color-400 thead th,
.table-primary-color-400 tbody + tbody {
  border-color: #cdcdfa;
}

.table-hover .table-primary-color-400:hover {
  background-color: #cdcdf9;
}
.table-hover .table-primary-color-400:hover > td,
.table-hover .table-primary-color-400:hover > th {
  background-color: #cdcdf9;
}

.table-primary-color-500,
.table-primary-color-500 > th,
.table-primary-color-500 > td {
  background-color: #d4d4fb;
}
.table-primary-color-500 th,
.table-primary-color-500 td,
.table-primary-color-500 thead th,
.table-primary-color-500 tbody + tbody {
  border-color: #afaef7;
}

.table-hover .table-primary-color-500:hover {
  background-color: #bdbdf9;
}
.table-hover .table-primary-color-500:hover > td,
.table-hover .table-primary-color-500:hover > th {
  background-color: #bdbdf9;
}

.table-primary-color-600,
.table-primary-color-600 > th,
.table-primary-color-600 > td {
  background-color: #c9c9fa;
}
.table-primary-color-600 th,
.table-primary-color-600 td,
.table-primary-color-600 thead th,
.table-primary-color-600 tbody + tbody {
  border-color: #9b9af5;
}

.table-hover .table-primary-color-600:hover {
  background-color: #b2b2f8;
}
.table-hover .table-primary-color-600:hover > td,
.table-hover .table-primary-color-600:hover > th {
  background-color: #b2b2f8;
}

.table-primary-color-700,
.table-primary-color-700 > th,
.table-primary-color-700 > td {
  background-color: #c2c2df;
}
.table-primary-color-700 th,
.table-primary-color-700 td,
.table-primary-color-700 thead th,
.table-primary-color-700 tbody + tbody {
  border-color: #8e8ec4;
}

.table-hover .table-primary-color-700:hover {
  background-color: #b1b1d6;
}
.table-hover .table-primary-color-700:hover > td,
.table-hover .table-primary-color-700:hover > th {
  background-color: #b1b1d6;
}

.table-primary-color-800,
.table-primary-color-800 > th,
.table-primary-color-800 > td {
  background-color: #c1c0d9;
}
.table-primary-color-800 th,
.table-primary-color-800 td,
.table-primary-color-800 thead th,
.table-primary-color-800 tbody + tbody {
  border-color: #8b8bb8;
}

.table-hover .table-primary-color-800:hover {
  background-color: #b1b0cf;
}
.table-hover .table-primary-color-800:hover > td,
.table-hover .table-primary-color-800:hover > th {
  background-color: #b1b0cf;
}

.table-primary-color-900,
.table-primary-color-900 > th,
.table-primary-color-900 > td {
  background-color: #bdbdcb;
}
.table-primary-color-900 th,
.table-primary-color-900 td,
.table-primary-color-900 thead th,
.table-primary-color-900 tbody + tbody {
  border-color: #84849f;
}

.table-hover .table-primary-color-900:hover {
  background-color: #afafc0;
}
.table-hover .table-primary-color-900:hover > td,
.table-hover .table-primary-color-900:hover > th {
  background-color: #afafc0;
}

.table-gray-100,
.table-gray-100 > th,
.table-gray-100 > td {
  background-color: #fdfdfe;
}
.table-gray-100 th,
.table-gray-100 td,
.table-gray-100 thead th,
.table-gray-100 tbody + tbody {
  border-color: #fcfcfc;
}

.table-hover .table-gray-100:hover {
  background-color: #ececf6;
}
.table-hover .table-gray-100:hover > td,
.table-hover .table-gray-100:hover > th {
  background-color: #ececf6;
}

.table-gray-200,
.table-gray-200 > th,
.table-gray-200 > td {
  background-color: #fafafb;
}
.table-gray-200 th,
.table-gray-200 td,
.table-gray-200 thead th,
.table-gray-200 tbody + tbody {
  border-color: #f6f6f7;
}

.table-hover .table-gray-200:hover {
  background-color: #ececf0;
}
.table-hover .table-gray-200:hover > td,
.table-hover .table-gray-200:hover > th {
  background-color: #ececf0;
}

.table-gray-300,
.table-gray-300 > th,
.table-gray-300 > td {
  background-color: #f7f6f7;
}
.table-gray-300 th,
.table-gray-300 td,
.table-gray-300 thead th,
.table-gray-300 tbody + tbody {
  border-color: #efeff1;
}

.table-hover .table-gray-300:hover {
  background-color: #ebe9eb;
}
.table-hover .table-gray-300:hover > td,
.table-hover .table-gray-300:hover > th {
  background-color: #ebe9eb;
}

.table-gray-400,
.table-gray-400 > th,
.table-gray-400 > td {
  background-color: #f3f2f4;
}
.table-gray-400 th,
.table-gray-400 td,
.table-gray-400 thead th,
.table-gray-400 tbody + tbody {
  border-color: #e8e8eb;
}

.table-hover .table-gray-400:hover {
  background-color: #e6e4e8;
}
.table-hover .table-gray-400:hover > td,
.table-hover .table-gray-400:hover > th {
  background-color: #e6e4e8;
}

.table-gray-500,
.table-gray-500 > th,
.table-gray-500 > td {
  background-color: #eeeef0;
}
.table-gray-500 th,
.table-gray-500 td,
.table-gray-500 thead th,
.table-gray-500 tbody + tbody {
  border-color: #e0e0e4;
}

.table-hover .table-gray-500:hover {
  background-color: #e0e0e4;
}
.table-hover .table-gray-500:hover > td,
.table-hover .table-gray-500:hover > th {
  background-color: #e0e0e4;
}

.table-gray-600,
.table-gray-600 > th,
.table-gray-600 > td {
  background-color: #eae9ec;
}
.table-gray-600 th,
.table-gray-600 td,
.table-gray-600 thead th,
.table-gray-600 tbody + tbody {
  border-color: #d8d7dc;
}

.table-hover .table-gray-600:hover {
  background-color: #dddbe0;
}
.table-hover .table-gray-600:hover > td,
.table-hover .table-gray-600:hover > th {
  background-color: #dddbe0;
}

.table-gray-700,
.table-gray-700 > th,
.table-gray-700 > td {
  background-color: #e5e4e7;
}
.table-gray-700 th,
.table-gray-700 td,
.table-gray-700 thead th,
.table-gray-700 tbody + tbody {
  border-color: #cecdd3;
}

.table-hover .table-gray-700:hover {
  background-color: #d8d7db;
}
.table-hover .table-gray-700:hover > td,
.table-hover .table-gray-700:hover > th {
  background-color: #d8d7db;
}

.table-gray-800,
.table-gray-800 > th,
.table-gray-800 > td {
  background-color: #cac8cf;
}
.table-gray-800 th,
.table-gray-800 td,
.table-gray-800 thead th,
.table-gray-800 tbody + tbody {
  border-color: #9c9aa7;
}

.table-hover .table-gray-800:hover {
  background-color: #bdbac3;
}
.table-hover .table-gray-800:hover > td,
.table-hover .table-gray-800:hover > th {
  background-color: #bdbac3;
}

.table-gray-900,
.table-gray-900 > th,
.table-gray-900 > td {
  background-color: #bab8c1;
}
.table-gray-900 th,
.table-gray-900 td,
.table-gray-900 thead th,
.table-gray-900 tbody + tbody {
  border-color: #7f7b8d;
}

.table-hover .table-gray-900:hover {
  background-color: #adaab5;
}
.table-hover .table-gray-900:hover > td,
.table-hover .table-gray-900:hover > th {
  background-color: #adaab5;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c9c9fa;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #9b9af5;
}

.table-hover .table-primary:hover {
  background-color: #b2b2f8;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #b2b2f8;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #eae9ec;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #d8d7dc;
}

.table-hover .table-secondary:hover {
  background-color: #dddbe0;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #dddbe0;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c9c9fa;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #9b9af5;
}

.table-hover .table-success:hover {
  background-color: #b2b2f8;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b2b2f8;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #cad6f2;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #9cb3e8;
}

.table-hover .table-info:hover {
  background-color: #b6c6ed;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #b6c6ed;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fdebca;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #fbda9d;
}

.table-hover .table-warning:hover {
  background-color: #fce2b1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #fce2b1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fbbcbc;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #f78383;
}

.table-hover .table-danger:hover {
  background-color: #faa4a4;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #faa4a4;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #eae9ec;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #d8d7dc;
}

.table-hover .table-light:hover {
  background-color: #dddbe0;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #dddbe0;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #bab8c1;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #7f7b8d;
}

.table-hover .table-dark:hover {
  background-color: #adaab5;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #adaab5;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #413c55;
  border-color: #524c6b;
}
.table .thead-light th {
  color: #a19eab;
  background-color: #eeedef;
  border-color: #e1e0e4;
}

.table-dark {
  color: #fff;
  background-color: #413c55;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #524c6b;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 319.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1088.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1359.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1899.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control,
select[size], select[multiple],
.comment-area textarea,
textarea.quickgrade,
[name=subject],
.idnumber,
.usp-search-field {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #413c55;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e0e4;
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.11);
  border-radius: 7px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control,
select[size], select[multiple],
.comment-area textarea,
textarea.quickgrade,
[name=subject],
.idnumber,
.usp-search-field {
    transition: none;
  }
}
.theme-dark .form-control,
.theme-dark select[size], .theme-dark select[multiple],
.theme-dark .comment-area textarea,
.theme-dark textarea.quickgrade,
.theme-dark [name=subject],
.theme-dark .idnumber,
.theme-dark .usp-search-field {
  color: #BDC1C6;
  background-color: #080808;
  border: 1px solid #282A2D;
}
.form-control::-ms-expand,
select[size]::-ms-expand, select[multiple]::-ms-expand,
.comment-area textarea::-ms-expand,
textarea.quickgrade::-ms-expand,
[name=subject]::-ms-expand,
.idnumber::-ms-expand,
.usp-search-field::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring,
select[size]:-moz-focusring, select[multiple]:-moz-focusring,
.comment-area textarea:-moz-focusring,
textarea.quickgrade:-moz-focusring,
[name=subject]:-moz-focusring,
.idnumber:-moz-focusring,
.usp-search-field:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #413c55;
}
.theme-dark .form-control:-moz-focusring,
.theme-dark select[size]:-moz-focusring, .theme-dark select[multiple]:-moz-focusring,
.theme-dark .comment-area textarea:-moz-focusring,
.theme-dark textarea.quickgrade:-moz-focusring,
.theme-dark [name=subject]:-moz-focusring,
.theme-dark .idnumber:-moz-focusring,
.theme-dark .usp-search-field:-moz-focusring {
  text-shadow: 0 0 0 #BDC1C6;
}
.form-control:focus,
select[size]:focus, select[multiple]:focus,
.comment-area textarea:focus,
textarea.quickgrade:focus,
[name=subject]:focus,
.idnumber:focus,
.usp-search-field:focus {
  color: #413c55;
  background-color: #f9f9fa;
  border-color: #d9d8fb;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 236, 253, 0.25);
}
.form-control::placeholder,
select[size]::placeholder, select[multiple]::placeholder,
.comment-area textarea::placeholder,
textarea.quickgrade::placeholder,
[name=subject]::placeholder,
.idnumber::placeholder,
.usp-search-field::placeholder {
  color: #b4b2bc;
  opacity: 1;
}
.theme-dark .form-control::placeholder,
.theme-dark select[size]::placeholder, .theme-dark select[multiple]::placeholder,
.theme-dark .comment-area textarea::placeholder,
.theme-dark textarea.quickgrade::placeholder,
.theme-dark [name=subject]::placeholder,
.theme-dark .idnumber::placeholder,
.theme-dark .usp-search-field::placeholder {
  color: #3C4043;
}
.form-control:disabled, .form-control[readonly],
select[size]:disabled,
select[size][readonly], select[multiple]:disabled, select[multiple][readonly],
.comment-area textarea:disabled,
.comment-area textarea[readonly],
textarea.quickgrade:disabled,
textarea.quickgrade[readonly],
[name=subject]:disabled,
[name=subject][readonly],
.idnumber:disabled,
.idnumber[readonly],
.usp-search-field:disabled,
.usp-search-field[readonly] {
  background-color: #eeedef;
  opacity: 1;
}
.theme-dark .form-control:disabled, .theme-dark .form-control[readonly],
.theme-dark select[size]:disabled,
.theme-dark select[size][readonly], .theme-dark select[multiple]:disabled, .theme-dark select[multiple][readonly],
.theme-dark .comment-area textarea:disabled,
.theme-dark .comment-area textarea[readonly],
.theme-dark textarea.quickgrade:disabled,
.theme-dark textarea.quickgrade[readonly],
.theme-dark [name=subject]:disabled,
.theme-dark [name=subject][readonly],
.theme-dark .idnumber:disabled,
.theme-dark .idnumber[readonly],
.theme-dark .usp-search-field:disabled,
.theme-dark .usp-search-field[readonly] {
  background-color: #17181B;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select[size] option, select[multiple] option,
select.form-control option {
  padding: 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 7px;
}
select[size] option[disabled=disabled], select[multiple] option[disabled=disabled],
select.form-control option[disabled=disabled] {
  display: none;
}
select[size] option:last-child, select[multiple] option:last-child,
select.form-control option:last-child {
  margin-bottom: 0;
}
select[size]:focus::-ms-value, select[multiple]:focus::-ms-value,
select.form-control:focus::-ms-value {
  color: #413c55;
  background-color: #f9f9fa;
}
.theme-dark select[size]:focus::-ms-value, .theme-dark select[multiple]:focus::-ms-value,
.theme-dark select.form-control:focus::-ms-value {
  color: #BDC1C6;
  background-color: #080808;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(1rem + 1px);
  padding-bottom: calc(1rem + 1px);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.6rem + 1px);
  padding-bottom: calc(0.6rem + 1px);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #090223;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.theme-dark .form-control-plaintext {
  color: #E8EAED;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-lg {
  height: calc(1.5em + 2rem + 2px);
  padding: 1rem 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 40px;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  width: 100%;
  height: auto;
}

.form-inline textarea.form-control {
  width: 100%;
}

.form-group {
  margin: 0.35rem 0;
  align-items: center;
  position: relative;
}
.form-group label {
  font-size: 0.875rem;
  font-weight: 500;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 0.5rem;
}

.form-check-input {
  position: relative;
  margin-top: 0.3rem;
  margin-left: -0.5rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #a19eab;
}
.theme-dark .form-check-input[disabled] ~ .form-check-label, .theme-dark .form-check-input:disabled ~ .form-check-label {
  color: #9AA0A6;
}

.form-check-label {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 0.875rem;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
  margin-bottom: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #3f3dec;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(63, 61, 236, 0.9);
  border-radius: 7px;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #3f3dec;
  padding-right: calc(1.5em + 1.5rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233f3dec' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #3f3dec;
  box-shadow: 0 0 0 0.2rem rgba(63, 61, 236, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 5rem !important;
  background-position: right 2.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #3f3dec;
  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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center/8px 10px no-repeat, #f9f9fa url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233f3dec' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 2.25rem/calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #3f3dec;
  box-shadow: 0 0 0 0.2rem rgba(63, 61, 236, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #3f3dec;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #3f3dec;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #3f3dec;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #6d6bf1;
  background-color: #6d6bf1;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(63, 61, 236, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #3f3dec;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #3f3dec;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #3f3dec;
  box-shadow: 0 0 0 0.2rem rgba(63, 61, 236, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #ef1010;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(239, 16, 16, 0.9);
  border-radius: 7px;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #ef1010;
  padding-right: calc(1.5em + 1.5rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef1010' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #ef1010;
  box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 5rem !important;
  background-position: right 2.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #ef1010;
  padding-right: calc(0.75em + 3.375rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center/8px 10px no-repeat, #f9f9fa url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef1010' stroke='none'/%3e%3c/svg%3e") center right 2.25rem/calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #ef1010;
  box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ef1010;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #ef1010;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #ef1010;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #f24040;
  background-color: #f24040;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #ef1010;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ef1010;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #ef1010;
  box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
.form-inline select, .form-inline input {
  margin-right: 0.25rem;
}
.form-inline + h2 {
  margin-top: 2rem;
}
@media (min-width: 320px) {
  .form-inline label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: 500;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .custom-select {
    width: auto;
    max-width: 260px;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    line-height: 1.8;
    margin-bottom: 0;
  }
}

/* THEME */
.checkbox .form-check {
  padding: 0.5rem 1rem;
  margin: 0;
  align-items: center;
  display: inline-flex;
  background-color: #f9f9fa;
  border-radius: 7px;
  font-size: 0.875rem;
}
.theme-dark .checkbox .form-check {
  background-color: #0b0d0f;
}
.checkbox .form-check .btn-link, .checkbox .form-check [data-fieldtype=submit] a, [data-fieldtype=submit] .checkbox .form-check a,
.checkbox .form-check .cancel a,
.cancel .checkbox .form-check a,
.checkbox .form-check #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .checkbox .form-check .gradetheselink {
  margin-left: 0.5rem;
}
.checkbox .form-check label {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.checkbox .form-check label a {
  margin: 0 10px;
  color: #3f3dec;
}
.theme-dark .checkbox .form-check label a {
  color: #c5c5f9;
}

#page-user-contactsitesupport .mform .form-control {
  width: 100%;
}

.btn.disabled, .btn:disabled {
  opacity: 0.35;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn + .btn {
  margin-left: 0.35rem;
}
.btn .icon {
  margin: 0 0.35rem;
  width: auto;
  height: auto;
  font-size: 0.875rem;
}
.theme-dark .btn .icon {
  filter: invert(1);
}

.btn,
.collapseexpand,
.actions p a,
.backlink a,
.addtagcoll a,
.resettable a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
#message-user-button,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
[data-fieldtype=submit] a,
.path-admin-tag .addstandardtags a,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-finish input,
.gradereport_history_usp .usp-search input[type=submit],
#siteconfiglink a,
.cancel a,
.forum-post-footer a,
.comment-area .fd a,
#enterlink a,
.allcoursegrades a,
.reportlink a,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.addbloglink a,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
#page-mod-quiz-report .toggleincludeauto a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag a,
.mod_quiz-next-nav,
.rui-quizattemptcounts a,
.rui-quizattemptsummary .c3 a,
.mod_quiz-prev-nav,
#page-mod-quiz-report .bold .reviewlink,
.categorypagingbarcontainer .paging a,
.page_split_join,
.midpad a,
.wiki_right a,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#addcontrols input,
#removecontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.createstep,
.endtestlink,
.webservicestokenui + a,
.chart-table-expand a,
.export-actions a,
.que .comment a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align=center] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
#changenumsections a,
.itemnav a,
#page-enrol-index .main-content [type=submit],
.rui-pre button,
.yui3-button,
.addcomponent {
  padding: 0.75rem 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  word-break: break-word;
  max-width: 100%;
  white-space: normal;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn,
.collapseexpand,
.actions p a,
.backlink a,
.addtagcoll a,
.resettable a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
#message-user-button,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
[data-fieldtype=submit] a,
.path-admin-tag .addstandardtags a,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-finish input,
.gradereport_history_usp .usp-search input[type=submit],
#siteconfiglink a,
.cancel a,
.forum-post-footer a,
.comment-area .fd a,
#enterlink a,
.allcoursegrades a,
.reportlink a,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.addbloglink a,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
#page-mod-quiz-report .toggleincludeauto a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag a,
.mod_quiz-next-nav,
.rui-quizattemptcounts a,
.rui-quizattemptsummary .c3 a,
.mod_quiz-prev-nav,
#page-mod-quiz-report .bold .reviewlink,
.categorypagingbarcontainer .paging a,
.page_split_join,
.midpad a,
.wiki_right a,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#addcontrols input,
#removecontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.createstep,
.endtestlink,
.webservicestokenui + a,
.chart-table-expand a,
.export-actions a,
.que .comment a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align=center] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
#changenumsections a,
.itemnav a,
#page-enrol-index .main-content [type=submit],
.rui-pre button,
.yui3-button,
.addcomponent {
    transition: none;
  }
}
.btn:hover,
.collapseexpand:hover,
.actions p a:hover,
.backlink a:hover,
.addtagcoll a:hover,
.resettable a:hover,
#page-admin-grade-edit-letter-index .main-content .mdl-align a:hover,
.moreless-toggler:hover,
#message-user-button:hover,
.search-results .result-context-info a:hover,
.tool_dataprivacy-expand-all:hover,
[data-fieldtype=submit] a:hover,
.path-admin-tag .addstandardtags a:hover,
.edit-link a:hover,
#core-cache-rescan-definitions a:hover,
.continuebutton a:hover,
.tour-actions > ul > li > a:hover,
.gradereport_history_usp .usp-finish input:hover,
.gradereport_history_usp .usp-search input[type=submit]:hover,
#siteconfiglink a:hover,
.cancel a:hover,
.forum-post-footer a:hover,
.comment-area .fd a:hover,
#enterlink a:hover,
.allcoursegrades a:hover,
.reportlink a:hover,
.gradingform_guide.editor .addcriterion input:hover,
.gradingform_guide.editor .addcomment input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.path-tag .tagarea .controls .exclusivemode:hover,
.addbloglink a:hover,
.notesgroup p a:hover,
#page-report-progress-index .progress-actions a:hover,
.path-mod-glossary .printicon:hover,
.path-mod-glossary .glossarypost .commands a:hover,
.rui-form-element-group a:hover,
#page-mod-quiz-report .toggleincludeauto a:hover,
#page-mod-quiz-report .gradetheselink:hover,
.que .info .questionflag a:hover,
.mod_quiz-next-nav:hover,
.rui-quizattemptcounts a:hover,
.rui-quizattemptsummary .c3 a:hover,
.mod_quiz-prev-nav:hover,
#page-mod-quiz-report .bold .reviewlink:hover,
.categorypagingbarcontainer .paging a:hover,
.page_split_join:hover,
.midpad a:hover,
.wiki_right a:hover,
#enabletemplateeditor:hover,
.path-auth-oauth2 .main-content h2 + a:hover,
#addcontrols input:hover,
#removecontrols input:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover,
#page-mod-forum-view .subscription .helplink a:hover,
.createstep:hover,
.endtestlink:hover,
.webservicestokenui + a:hover,
.chart-table-expand a:hover,
.export-actions a:hover,
.que .comment a:hover,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover,
.modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep):hover,
#page-grade-edit-letter-index .mdl-align a:hover,
#page-mod-feedback-complete [align=center] a:hover,
.commentlink a:hover,
.quizsummaryofattempt .c0 a:hover,
#changenumsections a:hover,
.itemnav a:hover,
#page-enrol-index .main-content [type=submit]:hover,
.rui-pre button:hover,
.yui3-button:hover,
.addcomponent:hover {
  color: #090223;
  text-decoration: none;
}
.btn .icon,
.collapseexpand .icon,
.actions p a .icon,
.backlink a .icon,
.addtagcoll a .icon,
.resettable a .icon,
#page-admin-grade-edit-letter-index .main-content .mdl-align a .icon,
.moreless-toggler .icon,
#message-user-button .icon,
.search-results .result-context-info a .icon,
.tool_dataprivacy-expand-all .icon,
[data-fieldtype=submit] a .icon,
.path-admin-tag .addstandardtags a .icon,
.edit-link a .icon,
#core-cache-rescan-definitions a .icon,
.continuebutton a .icon,
.tour-actions > ul > li > a .icon,
.gradereport_history_usp .usp-finish input .icon,
.gradereport_history_usp .usp-search input[type=submit] .icon,
#siteconfiglink a .icon,
.cancel a .icon,
.forum-post-footer a .icon,
.comment-area .fd a .icon,
#enterlink a .icon,
.allcoursegrades a .icon,
.reportlink a .icon,
.gradingform_guide.editor .addcriterion input .icon,
.gradingform_guide.editor .addcomment input .icon,
.gradingform_rubric.editor .addlevel input .icon,
.path-tag .tagarea .controls .exclusivemode .icon,
.addbloglink a .icon,
.notesgroup p a .icon,
#page-report-progress-index .progress-actions a .icon,
.path-mod-glossary .printicon .icon,
.path-mod-glossary .glossarypost .commands a .icon,
.rui-form-element-group a .icon,
#page-mod-quiz-report .toggleincludeauto a .icon,
#page-mod-quiz-report .gradetheselink .icon,
.que .info .questionflag a .icon,
.mod_quiz-next-nav .icon,
.rui-quizattemptcounts a .icon,
.rui-quizattemptsummary .c3 a .icon,
.mod_quiz-prev-nav .icon,
#page-mod-quiz-report .bold .reviewlink .icon,
.categorypagingbarcontainer .paging a .icon,
.page_split_join .icon,
.midpad a .icon,
.wiki_right a .icon,
#enabletemplateeditor .icon,
.path-auth-oauth2 .main-content h2 + a .icon,
#addcontrols input .icon,
#removecontrols input .icon,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a .icon,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a .icon,
#page-mod-forum-view .subscription .helplink a .icon,
.createstep .icon,
.endtestlink .icon,
.webservicestokenui + a .icon,
.chart-table-expand a .icon,
.export-actions a .icon,
.que .comment a .icon,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav) .icon,
.modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep) .icon,
#page-grade-edit-letter-index .mdl-align a .icon,
#page-mod-feedback-complete [align=center] a .icon,
.commentlink a .icon,
.quizsummaryofattempt .c0 a .icon,
#changenumsections a .icon,
.itemnav a .icon,
#page-enrol-index .main-content [type=submit] .icon,
.rui-pre button .icon,
.yui3-button .icon,
.addcomponent .icon {
  margin: 0 0.25rem;
  width: 18px;
  height: 18px;
}

.btn-icon {
  padding: 0;
  min-width: 40px;
  height: 40px;
  max-height: 40px;
  border-radius: 7px;
}
.btn-icon .icon {
  margin: 1px;
}

.btn-icon--sm {
  padding: 0;
  min-width: 30px;
  height: 30px;
  max-height: 30px;
  border-radius: 7px;
  line-height: 1;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary, .addtagcoll a,
.path-admin-tag .addstandardtags a,
.gradereport_history_usp .usp-finish input,
#siteconfiglink a,
.forum-post-footer a,
.rui-submissionaction .singlebutton .btn,
#enterlink p:nth-of-type(1) a,
.mod_quiz-next-nav,
.addbloglink a,
#addcontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-view .subscription .helplink a,
.midpad a,
.createstep,
#enterlink p:nth-of-type(2) a,
.webservicestokenui + a,
.rui-pre button {
  background-color: #3f3dec;
  background: linear-gradient(90deg, #3f3dec 0%, #26258e 95%);
  border: 0;
  color: #fff;
}
.btn-primary img, .addtagcoll a img,
.path-admin-tag .addstandardtags a img,
.gradereport_history_usp .usp-finish input img,
#siteconfiglink a img,
.forum-post-footer a img,
.rui-submissionaction .singlebutton .btn img,
#enterlink p:nth-of-type(1) a img,
.mod_quiz-next-nav img,
.addbloglink a img,
#addcontrols input img,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a img,
#page-mod-forum-view .subscription .helplink a img,
.midpad a img,
.createstep img,
#enterlink p:nth-of-type(2) a img,
.webservicestokenui + a img,
.rui-pre button img {
  filter: invert(100%);
}
.btn-primary:hover, .addtagcoll a:hover,
.path-admin-tag .addstandardtags a:hover,
.gradereport_history_usp .usp-finish input:hover,
#siteconfiglink a:hover,
.forum-post-footer a:hover,
.rui-submissionaction .singlebutton .btn:hover,
#enterlink p:nth-of-type(1) a:hover,
.mod_quiz-next-nav:hover,
.addbloglink a:hover,
#addcontrols input:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover,
#page-mod-forum-view .subscription .helplink a:hover,
.midpad a:hover,
.createstep:hover,
#enterlink p:nth-of-type(2) a:hover,
.webservicestokenui + a:hover,
.rui-pre button:hover {
  background: linear-gradient(90deg, #3f3dec 10%, #26258e 125%);
  border: 0;
  color: #fff;
}

.btn-secondary, .collapseexpand,
.actions p a,
.backlink a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-search input[type=submit],
.comment-area .fd a[id*=post],
.allcoursegrades a,
.addlinks a,
#page-grade-grading-manage .actions .action,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
.mod_quiz-prev-nav,
.categorypagingbarcontainer .paging a,
.page_split_join,
.path-mod-wiki .printicon,
.path-auth-oauth2 .main-content h2 + a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
.ajax-contact-button[data-is-contact="0"],
.rui-contentbank-view-btns .btn,
.chart-table-expand a,
.export-actions a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.commentlink a,
.itemnav a,
.que .comment a,
.btn-inverse,
.yui3-button,
#message-user-button,
.addcomponent {
  background-color: #eeedef;
  border: 0;
  color: #090223;
}
.theme-dark .btn-secondary, .theme-dark .collapseexpand,
.theme-dark .actions p a,
.actions p .theme-dark a,
.theme-dark .backlink a,
.backlink .theme-dark a,
.theme-dark #page-admin-grade-edit-letter-index .main-content .mdl-align a,
#page-admin-grade-edit-letter-index .main-content .mdl-align .theme-dark a,
.theme-dark .moreless-toggler,
.theme-dark .search-results .result-context-info a,
.search-results .result-context-info .theme-dark a,
.theme-dark .tool_dataprivacy-expand-all,
.theme-dark .edit-link a,
.edit-link .theme-dark a,
.theme-dark #core-cache-rescan-definitions a,
#core-cache-rescan-definitions .theme-dark a,
.theme-dark .continuebutton a,
.continuebutton .theme-dark a,
.theme-dark .tour-actions > ul > li > a,
.theme-dark .gradereport_history_usp .usp-search input[type=submit],
.gradereport_history_usp .usp-search .theme-dark input[type=submit],
.theme-dark .comment-area .fd a[id*=post],
.comment-area .fd .theme-dark a[id*=post],
.theme-dark .allcoursegrades a,
.allcoursegrades .theme-dark a,
.theme-dark .addlinks a,
.addlinks .theme-dark a,
.theme-dark #page-grade-grading-manage .actions .action,
#page-grade-grading-manage .actions .theme-dark .action,
.theme-dark .gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addlevel .theme-dark input,
.theme-dark .path-tag .tagarea .controls .exclusivemode,
.path-tag .tagarea .controls .theme-dark .exclusivemode,
.theme-dark .notesgroup p a,
.notesgroup p .theme-dark a,
.theme-dark #page-report-progress-index .progress-actions a,
#page-report-progress-index .progress-actions .theme-dark a,
.theme-dark .path-mod-glossary .printicon,
.path-mod-glossary .theme-dark .printicon,
.theme-dark .path-mod-glossary .glossarypost .commands a,
.path-mod-glossary .glossarypost .commands .theme-dark a,
.theme-dark .rui-form-element-group a,
.rui-form-element-group .theme-dark a,
.theme-dark .mod_quiz-prev-nav,
.theme-dark .categorypagingbarcontainer .paging a,
.categorypagingbarcontainer .paging .theme-dark a,
.theme-dark .page_split_join,
.theme-dark .path-mod-wiki .printicon,
.path-mod-wiki .theme-dark .printicon,
.theme-dark .path-auth-oauth2 .main-content h2 + a,
.path-auth-oauth2 .main-content .theme-dark h2 + a,
.theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) .theme-dark a,
.theme-dark .ajax-contact-button[data-is-contact="0"],
.theme-dark .rui-contentbank-view-btns .btn,
.rui-contentbank-view-btns .theme-dark .btn,
.theme-dark .chart-table-expand a,
.chart-table-expand .theme-dark a,
.theme-dark .export-actions a,
.export-actions .theme-dark a,
.theme-dark .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.path-mod-quiz .othernav .theme-dark a:not(.mod_quiz-next-nav),
.theme-dark .modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.modal-footer .theme-dark a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.theme-dark .commentlink a,
.commentlink .theme-dark a,
.theme-dark .itemnav a,
.itemnav .theme-dark a,
.theme-dark .que .comment a,
.que .comment .theme-dark a,
.theme-dark .btn-inverse,
.theme-dark .yui3-button,
.theme-dark #message-user-button,
.theme-dark .addcomponent {
  background-color: #17181B;
  color: #E8EAED;
}
.btn-secondary:hover, .collapseexpand:hover,
.actions p a:hover,
.backlink a:hover,
#page-admin-grade-edit-letter-index .main-content .mdl-align a:hover,
.moreless-toggler:hover,
.search-results .result-context-info a:hover,
.tool_dataprivacy-expand-all:hover,
.edit-link a:hover,
#core-cache-rescan-definitions a:hover,
.continuebutton a:hover,
.tour-actions > ul > li > a:hover,
.gradereport_history_usp .usp-search input[type=submit]:hover,
.comment-area .fd a[id*=post]:hover,
.allcoursegrades a:hover,
.addlinks a:hover,
#page-grade-grading-manage .actions .action:hover,
.gradingform_rubric.editor .addlevel input:hover,
.path-tag .tagarea .controls .exclusivemode:hover,
.notesgroup p a:hover,
#page-report-progress-index .progress-actions a:hover,
.path-mod-glossary .printicon:hover,
.path-mod-glossary .glossarypost .commands a:hover,
.rui-form-element-group a:hover,
.mod_quiz-prev-nav:hover,
.categorypagingbarcontainer .paging a:hover,
.page_split_join:hover,
.path-mod-wiki .printicon:hover,
.path-auth-oauth2 .main-content h2 + a:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover,
.ajax-contact-button[data-is-contact="0"]:hover,
.rui-contentbank-view-btns .btn:hover,
.chart-table-expand a:hover,
.export-actions a:hover,
.path-mod-quiz .othernav a:hover:not(.mod_quiz-next-nav),
.modal-footer a:hover:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.commentlink a:hover,
.itemnav a:hover,
.que .comment a:hover,
.btn-inverse:hover,
.yui3-button:hover,
#message-user-button:hover,
.addcomponent:hover {
  background-color: #e1e0e4;
  border: 0;
  color: #090223;
}
.theme-dark .btn-secondary:hover, .theme-dark .collapseexpand:hover,
.theme-dark .actions p a:hover,
.actions p .theme-dark a:hover,
.theme-dark .backlink a:hover,
.backlink .theme-dark a:hover,
.theme-dark #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover,
#page-admin-grade-edit-letter-index .main-content .mdl-align .theme-dark a:hover,
.theme-dark .moreless-toggler:hover,
.theme-dark .search-results .result-context-info a:hover,
.search-results .result-context-info .theme-dark a:hover,
.theme-dark .tool_dataprivacy-expand-all:hover,
.theme-dark .edit-link a:hover,
.edit-link .theme-dark a:hover,
.theme-dark #core-cache-rescan-definitions a:hover,
#core-cache-rescan-definitions .theme-dark a:hover,
.theme-dark .continuebutton a:hover,
.continuebutton .theme-dark a:hover,
.theme-dark .tour-actions > ul > li > a:hover,
.theme-dark .gradereport_history_usp .usp-search input[type=submit]:hover,
.gradereport_history_usp .usp-search .theme-dark input[type=submit]:hover,
.theme-dark .comment-area .fd a[id*=post]:hover,
.comment-area .fd .theme-dark a[id*=post]:hover,
.theme-dark .allcoursegrades a:hover,
.allcoursegrades .theme-dark a:hover,
.theme-dark .addlinks a:hover,
.addlinks .theme-dark a:hover,
.theme-dark #page-grade-grading-manage .actions .action:hover,
#page-grade-grading-manage .actions .theme-dark .action:hover,
.theme-dark .gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addlevel .theme-dark input:hover,
.theme-dark .path-tag .tagarea .controls .exclusivemode:hover,
.path-tag .tagarea .controls .theme-dark .exclusivemode:hover,
.theme-dark .notesgroup p a:hover,
.notesgroup p .theme-dark a:hover,
.theme-dark #page-report-progress-index .progress-actions a:hover,
#page-report-progress-index .progress-actions .theme-dark a:hover,
.theme-dark .path-mod-glossary .printicon:hover,
.path-mod-glossary .theme-dark .printicon:hover,
.theme-dark .path-mod-glossary .glossarypost .commands a:hover,
.path-mod-glossary .glossarypost .commands .theme-dark a:hover,
.theme-dark .rui-form-element-group a:hover,
.rui-form-element-group .theme-dark a:hover,
.theme-dark .mod_quiz-prev-nav:hover,
.theme-dark .categorypagingbarcontainer .paging a:hover,
.categorypagingbarcontainer .paging .theme-dark a:hover,
.theme-dark .page_split_join:hover,
.theme-dark .path-mod-wiki .printicon:hover,
.path-mod-wiki .theme-dark .printicon:hover,
.theme-dark .path-auth-oauth2 .main-content h2 + a:hover,
.path-auth-oauth2 .main-content .theme-dark h2 + a:hover,
.theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) .theme-dark a:hover,
.theme-dark .ajax-contact-button[data-is-contact="0"]:hover,
.theme-dark .rui-contentbank-view-btns .btn:hover,
.rui-contentbank-view-btns .theme-dark .btn:hover,
.theme-dark .chart-table-expand a:hover,
.chart-table-expand .theme-dark a:hover,
.theme-dark .export-actions a:hover,
.export-actions .theme-dark a:hover,
.theme-dark .path-mod-quiz .othernav a:hover:not(.mod_quiz-next-nav),
.path-mod-quiz .othernav .theme-dark a:hover:not(.mod_quiz-next-nav),
.theme-dark .modal-footer a:hover:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.modal-footer .theme-dark a:hover:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.theme-dark .commentlink a:hover,
.commentlink .theme-dark a:hover,
.theme-dark .itemnav a:hover,
.itemnav .theme-dark a:hover,
.theme-dark .que .comment a:hover,
.que .comment .theme-dark a:hover,
.theme-dark .btn-inverse:hover,
.theme-dark .yui3-button:hover,
.theme-dark #message-user-button:hover,
.theme-dark .addcomponent:hover {
  background-color: #202124;
  color: #E8EAED;
}

.btn-success, #id_savevalues,
#changenumsections a,
.rui-quizattemptsummary .c3 a,
.quizsummaryofattempt .c0 a,
#page-enrol-index .main-content [type=submit] {
  background-color: #EAF4DD;
  border: 0;
  color: #027654;
}
.btn-success:hover, #id_savevalues:hover,
#changenumsections a:hover,
.rui-quizattemptsummary .c3 a:hover,
.quizsummaryofattempt .c0 a:hover,
#page-enrol-index .main-content [type=submit]:hover {
  background-color: #D1ECC0;
  border: 0;
  color: #00665F;
}
.theme-dark .btn-success:hover, .theme-dark #id_savevalues:hover,
.theme-dark #changenumsections a:hover,
#changenumsections .theme-dark a:hover,
.theme-dark .rui-quizattemptsummary .c3 a:hover,
.rui-quizattemptsummary .c3 .theme-dark a:hover,
.theme-dark .quizsummaryofattempt .c0 a:hover,
.quizsummaryofattempt .c0 .theme-dark a:hover,
.theme-dark #page-enrol-index .main-content [type=submit]:hover,
#page-enrol-index .main-content .theme-dark [type=submit]:hover {
  background-color: #00665F;
  color: #EAF4DD;
}
.theme-dark .btn-success, .theme-dark #id_savevalues,
.theme-dark #changenumsections a,
#changenumsections .theme-dark a,
.theme-dark .rui-quizattemptsummary .c3 a,
.rui-quizattemptsummary .c3 .theme-dark a,
.theme-dark .quizsummaryofattempt .c0 a,
.quizsummaryofattempt .c0 .theme-dark a,
.theme-dark #page-enrol-index .main-content [type=submit],
#page-enrol-index .main-content .theme-dark [type=submit] {
  background-color: #004B57;
  color: #EAF4DD;
}

.btn-danger, .resettable a {
  background-color: #feeded;
  border: 0;
  color: #ef1010;
}
.btn-danger:hover, .resettable a:hover {
  background-color: #fbc8c8;
  color: #ca0d0d;
}
.theme-dark .btn-danger:hover, .theme-dark .resettable a:hover, .resettable .theme-dark a:hover {
  background-color: #ef1010;
  color: #fbc8c8;
}
.theme-dark .btn-danger, .theme-dark .resettable a, .resettable .theme-dark a {
  background-color: #a50b0b;
  color: #fbc8c8;
}

.btn-warning {
  background-color: #FDF6EA;
  border: 0;
  color: #090223;
}
.btn-warning:hover {
  background-color: #FFF1D5;
  color: #090223;
}

.btn-info, #page-mod-quiz-report .toggleincludeauto a,
.reportlink a,
#page-mod-quiz-report .bold .reviewlink,
#enabletemplateeditor,
.endtestlink,
.rui-contentbank-view-btns .btn.active,
.rui-quizattemptcounts a,
#page-mod-feedback-complete [align=center] a {
  background-color: #ececfd;
  border: 0;
  color: #3f3dec;
}
.theme-dark .btn-info, .theme-dark #page-mod-quiz-report .toggleincludeauto a, #page-mod-quiz-report .toggleincludeauto .theme-dark a,
.theme-dark .reportlink a,
.reportlink .theme-dark a,
.theme-dark #page-mod-quiz-report .bold .reviewlink,
#page-mod-quiz-report .bold .theme-dark .reviewlink,
.theme-dark #enabletemplateeditor,
.theme-dark .endtestlink,
.theme-dark .rui-contentbank-view-btns .btn.active,
.rui-contentbank-view-btns .theme-dark .btn.active,
.theme-dark .rui-quizattemptcounts a,
.rui-quizattemptcounts .theme-dark a,
.theme-dark #page-mod-feedback-complete [align=center] a,
#page-mod-feedback-complete [align=center] .theme-dark a {
  background-color: #201f76;
  color: #d9d8fb;
}
.btn-info:hover, #page-mod-quiz-report .toggleincludeauto a:hover,
.reportlink a:hover,
#page-mod-quiz-report .bold .reviewlink:hover,
#enabletemplateeditor:hover,
.endtestlink:hover,
.rui-contentbank-view-btns .btn.active:hover,
.rui-quizattemptcounts a:hover,
#page-mod-feedback-complete [align=center] a:hover {
  background-color: #d9d8fb;
  color: #201f76;
}
.theme-dark .btn-info:hover, .theme-dark #page-mod-quiz-report .toggleincludeauto a:hover, #page-mod-quiz-report .toggleincludeauto .theme-dark a:hover,
.theme-dark .reportlink a:hover,
.reportlink .theme-dark a:hover,
.theme-dark #page-mod-quiz-report .bold .reviewlink:hover,
#page-mod-quiz-report .bold .theme-dark .reviewlink:hover,
.theme-dark #enabletemplateeditor:hover,
.theme-dark .endtestlink:hover,
.theme-dark .rui-contentbank-view-btns .btn.active:hover,
.rui-contentbank-view-btns .theme-dark .btn.active:hover,
.theme-dark .rui-quizattemptcounts a:hover,
.rui-quizattemptcounts .theme-dark a:hover,
.theme-dark #page-mod-feedback-complete [align=center] a:hover,
#page-mod-feedback-complete [align=center] .theme-dark a:hover {
  background-color: #26258e;
  color: #d9d8fb;
}

.btn-light {
  background-color: #fff;
  border: 0;
  color: #000;
}
.theme-dark .btn-light {
  background-color: #E8EAED;
  color: #fff;
}
.btn-light:hover {
  background-color: #ececfd;
  color: #26258e;
}
.theme-dark .btn-light:hover {
  background-color: #26258e;
  color: #ececfd;
}

.btn-dark {
  background-color: #131247;
  border: 0;
  color: #ececfd;
}
.theme-dark .btn-dark {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.btn-dark:hover {
  background-color: #26258e;
  color: #ececfd;
}
.theme-dark .btn-dark:hover {
  background-color: #131247;
  color: #ececfd;
}

.btn-outline-primary,
#page-grade-edit-letter-index .mdl-align a,
#enterlink p:nth-of-type(3) a,
#id_submitbutton2,
.que .info .questionflag a {
  color: #3f3dec;
  background: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid #c5c5f9;
}
.btn-outline-primary:hover,
#page-grade-edit-letter-index .mdl-align a:hover,
#enterlink p:nth-of-type(3) a:hover,
#id_submitbutton2:hover,
.que .info .questionflag a:hover {
  color: #ececfd;
  background-color: #3f3dec;
  border-color: #26258e;
}
.theme-dark .btn-outline-primary,
.theme-dark #page-grade-edit-letter-index .mdl-align a,
.theme-dark #enterlink p:nth-of-type(3) a,
.theme-dark #id_submitbutton2,
.theme-dark .que .info .questionflag a {
  color: #9f9ef6;
  border: 1px solid #9f9ef6;
}

.btn-outline-secondary, .comment-area .fd a[id*=cancel],
.visibleifjs .btn,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
  color: #413c55;
  background-color: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid #e1e0e4;
}
.theme-dark .btn-outline-secondary, .theme-dark .comment-area .fd a[id*=cancel], .comment-area .fd .theme-dark a[id*=cancel],
.theme-dark .visibleifjs .btn,
.visibleifjs .theme-dark .btn,
.theme-dark .gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcriterion .theme-dark input,
.theme-dark .gradingform_guide.editor .addcomment input,
.gradingform_guide.editor .addcomment .theme-dark input {
  color: #BDC1C6;
  border: 1px solid #202124;
}
.btn-outline-secondary:hover, .comment-area .fd a[id*=cancel]:hover,
.visibleifjs .btn:hover,
.gradingform_guide.editor .addcriterion input:hover,
.gradingform_guide.editor .addcomment input:hover {
  color: #413c55;
  background-color: #f9f9fa;
  border-color: #eeedef;
}
.theme-dark .btn-outline-secondary:hover, .theme-dark .comment-area .fd a[id*=cancel]:hover, .comment-area .fd .theme-dark a[id*=cancel]:hover,
.theme-dark .visibleifjs .btn:hover,
.visibleifjs .theme-dark .btn:hover,
.theme-dark .gradingform_guide.editor .addcriterion input:hover,
.gradingform_guide.editor .addcriterion .theme-dark input:hover,
.theme-dark .gradingform_guide.editor .addcomment input:hover,
.gradingform_guide.editor .addcomment .theme-dark input:hover {
  color: #BDC1C6;
  background-color: #0b0d0f;
}

.btn-outline-danger, #removecontrols input,
.rui-assign-btns .singlebutton:nth-child(2) .btn,
.ajax-contact-button[data-is-contact="1"],
#page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
  color: #ef1010;
  background-color: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid #fbc8c8;
}
.theme-dark .btn-outline-danger, .theme-dark #removecontrols input, #removecontrols .theme-dark input,
.theme-dark .rui-assign-btns .singlebutton:nth-child(2) .btn,
.rui-assign-btns .singlebutton:nth-child(2) .theme-dark .btn,
.theme-dark .ajax-contact-button[data-is-contact="1"],
.theme-dark #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
  color: #f9a3a3;
  border: 1px solid #f67e7e;
}
.btn-outline-danger:hover, #removecontrols input:hover,
.rui-assign-btns .singlebutton:nth-child(2) .btn:hover,
.ajax-contact-button[data-is-contact="1"]:hover,
#page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch:hover {
  color: #ef1010;
  background-color: #feeded;
  border-color: #fbc8c8;
}
.theme-dark .btn-outline-danger:hover, .theme-dark #removecontrols input:hover, #removecontrols .theme-dark input:hover,
.theme-dark .rui-assign-btns .singlebutton:nth-child(2) .btn:hover,
.rui-assign-btns .singlebutton:nth-child(2) .theme-dark .btn:hover,
.theme-dark .ajax-contact-button[data-is-contact="1"]:hover,
.theme-dark #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch:hover {
  color: #fbc8c8;
  background-color: #a50b0b;
  border-color: #810909;
}

.btn-outline-success {
  color: #027654;
  background-color: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 0;
}
.btn-outline-success:hover {
  color: #027654;
  background-color: #EAF4DD;
  border-color: #D1ECC0;
}

.btn-outline-warning {
  color: #090223;
  background-color: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid #FFEBC7;
}
.btn-outline-warning:hover {
  color: #090223;
  background-color: #FDF6EA;
  border-color: #FFF1D5;
}

.btn-outline-light {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #fff;
  border-color: rgba(255, 255, 255, 0.9);
}

.btn-outline-dark {
  color: #000;
  background-color: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid #000;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #000;
  border-color: rgba(0, 0, 0, 0.9);
}

.btn-link, [data-fieldtype=submit] a,
.cancel a,
#page-mod-quiz-report .gradetheselink {
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  border: none;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3f3dec;
  text-decoration: none;
}
.theme-dark .btn-link, .theme-dark [data-fieldtype=submit] a, [data-fieldtype=submit] .theme-dark a,
.theme-dark .cancel a,
.cancel .theme-dark a,
.theme-dark #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .theme-dark .gradetheselink {
  color: #c5c5f9;
}
.btn-link:hover, [data-fieldtype=submit] a:hover,
.cancel a:hover,
#page-mod-quiz-report .gradetheselink:hover {
  color: #9f9ef6;
  text-decoration: none;
}
.theme-dark .btn-link:hover, .theme-dark [data-fieldtype=submit] a:hover, [data-fieldtype=submit] .theme-dark a:hover,
.theme-dark .cancel a:hover,
.cancel .theme-dark a:hover,
.theme-dark #page-mod-quiz-report .gradetheselink:hover,
#page-mod-quiz-report .theme-dark .gradetheselink:hover {
  color: #9f9ef6;
}
.btn-link:focus, [data-fieldtype=submit] a:focus,
.cancel a:focus,
#page-mod-quiz-report .gradetheselink:focus, .btn-link.focus, [data-fieldtype=submit] a.focus,
.cancel a.focus,
#page-mod-quiz-report .focus.gradetheselink {
  text-decoration: none;
}
.btn-link:disabled, [data-fieldtype=submit] a:disabled,
.cancel a:disabled,
#page-mod-quiz-report .gradetheselink:disabled, .btn-link.disabled, [data-fieldtype=submit] a.disabled,
.cancel a.disabled,
#page-mod-quiz-report .disabled.gradetheselink {
  color: #b4b2bc;
  pointer-events: none;
}
.btn-link .rui-icon-container, [data-fieldtype=submit] a .rui-icon-container,
.cancel a .rui-icon-container,
#page-mod-quiz-report .gradetheselink .rui-icon-container {
  display: inline-flex;
  align-items: center;
}

.btn-link--clean {
  background-color: transparent;
  border: 0;
  padding: 0;
  font-weight: 500;
  color: #3f3dec;
}
.theme-dark .btn-link--clean {
  color: #c5c5f9;
}
.btn-link--clean:hover {
  color: #9f9ef6;
}
.theme-dark .btn-link--clean:hover {
  color: #9f9ef6;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 1rem 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 7px;
}

.btn-xs {
  padding: 0.25rem 0.85rem;
  font-size: 0.8rem;
}

.btn-sm, .btn-group-sm > .btn,
.search-results .result-context-info a,
.forum-post-footer a,
.comment-area .fd a,
.rui-assign-btns .singlebutton .btn,
.visibleifjs .btn,
#enterlink p:nth-of-type(3) a,
.reportoption .btn,
.allcoursegrades a,
.availability-list .btn,
.addlinks a,
.reportlink a,
.notesgroup .footer a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .glossarypost .commands a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag a,
.rui-quizattemptsummary .c3 a,
.rui-submitbtns--back .btn,
#page-mod-quiz-report .bold .reviewlink,
#page-mod-quiz-edit .add-menu-outer .btn,
.categorypagingbarcontainer .paging a,
.page_split_join,
.path-mod-wiki .printicon,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.endtestlink,
.export-actions a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.resettable a,
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align=center] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
.itemnav a,
.que .comment a,
.course-content .collapsible-actions a,
#settingsMenu .btn-secondary,
#settingsMenu .collapseexpand,
#settingsMenu .actions p a,
.actions p #settingsMenu a,
#settingsMenu .backlink a,
.backlink #settingsMenu a,
#settingsMenu #page-admin-grade-edit-letter-index .main-content .mdl-align a,
#page-admin-grade-edit-letter-index .main-content .mdl-align #settingsMenu a,
#settingsMenu .moreless-toggler,
#settingsMenu .search-results .result-context-info a,
.search-results .result-context-info #settingsMenu a,
#settingsMenu .tool_dataprivacy-expand-all,
#settingsMenu .edit-link a,
.edit-link #settingsMenu a,
#settingsMenu #core-cache-rescan-definitions a,
#core-cache-rescan-definitions #settingsMenu a,
#settingsMenu .continuebutton a,
.continuebutton #settingsMenu a,
#settingsMenu .tour-actions > ul > li > a,
#settingsMenu .gradereport_history_usp .usp-search input[type=submit],
.gradereport_history_usp .usp-search #settingsMenu input[type=submit],
#settingsMenu .comment-area .fd a[id*=post],
.comment-area .fd #settingsMenu a[id*=post],
#settingsMenu .allcoursegrades a,
.allcoursegrades #settingsMenu a,
#settingsMenu .addlinks a,
.addlinks #settingsMenu a,
#settingsMenu #page-grade-grading-manage .actions .action,
#page-grade-grading-manage .actions #settingsMenu .action,
#settingsMenu .gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addlevel #settingsMenu input,
#settingsMenu .path-tag .tagarea .controls .exclusivemode,
.path-tag .tagarea .controls #settingsMenu .exclusivemode,
#settingsMenu .notesgroup p a,
.notesgroup p #settingsMenu a,
#settingsMenu #page-report-progress-index .progress-actions a,
#page-report-progress-index .progress-actions #settingsMenu a,
#settingsMenu .path-mod-glossary .printicon,
.path-mod-glossary #settingsMenu .printicon,
#settingsMenu .path-mod-glossary .glossarypost .commands a,
.path-mod-glossary .glossarypost .commands #settingsMenu a,
#settingsMenu .rui-form-element-group a,
.rui-form-element-group #settingsMenu a,
#settingsMenu .mod_quiz-prev-nav,
#settingsMenu .categorypagingbarcontainer .paging a,
.categorypagingbarcontainer .paging #settingsMenu a,
#settingsMenu .page_split_join,
#settingsMenu .path-mod-wiki .printicon,
.path-mod-wiki #settingsMenu .printicon,
#settingsMenu .path-auth-oauth2 .main-content h2 + a,
.path-auth-oauth2 .main-content #settingsMenu h2 + a,
#settingsMenu #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) #settingsMenu a,
#settingsMenu .ajax-contact-button[data-is-contact="0"],
#settingsMenu .rui-contentbank-view-btns .btn,
.rui-contentbank-view-btns #settingsMenu .btn,
#settingsMenu .chart-table-expand a,
.chart-table-expand #settingsMenu a,
#settingsMenu .export-actions a,
.export-actions #settingsMenu a,
#settingsMenu .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.path-mod-quiz .othernav #settingsMenu a:not(.mod_quiz-next-nav),
#settingsMenu .modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
.modal-footer #settingsMenu a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
#settingsMenu .commentlink a,
.commentlink #settingsMenu a,
#settingsMenu .itemnav a,
.itemnav #settingsMenu a,
#settingsMenu .que .comment a,
.que .comment #settingsMenu a,
#settingsMenu .btn-inverse,
#settingsMenu .yui3-button,
#settingsMenu #message-user-button,
#settingsMenu .addcomponent,
.rui-pre button,
.addcomponent {
  padding: 0.6rem 1rem;
  font-size: 0.8125rem;
}

.btn-submit {
  border: none;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.ajax-contact-button .icon,
#message-user-button .icon {
  margin: 0;
  width: 20px;
}

.ajax-contact-button {
  margin-left: 0.35rem;
}
.ajax-contact-button .icon {
  margin-right: 0.25rem;
}

.moreless-toggler,
.card-body .footer a {
  width: 100%;
}

.card-body .footer a {
  display: block;
  width: 100%;
  padding: 0.85rem 1.25rem;
  margin: 15px 0 2px;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #fff;
  color: #413c55;
  text-align: center;
}
.theme-dark .card-body .footer a {
  background-color: #0b0d0f;
  color: #9AA0A6;
}
.card-body .footer a:hover {
  background-color: #d9d8fb;
  color: #3f3dec;
  text-decoration: none;
}

.path-mod-quiz .othernav a:not(.mod_quiz-next-nav) {
  display: block;
  width: 100%;
}

.rui-quiz-continuebutton .btn,
.backlink a {
  padding-left: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 12px;
}
.theme-dark .rui-quiz-continuebutton .btn,
.theme-dark .backlink a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}

.path-mod-wiki .printicon {
  padding-left: 40px;
  background-position: 15px;
}

.rui-form-element-group a .icon {
  opacity: 0.7;
}
.rui-form-element-group a[data-toggle=popover] {
  margin-right: 0.5rem;
}

[data-role=deletecategory] {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #feeded;
  color: #ef1010;
  font-size: 0.75rem;
  transition: all 0.2s ease-in-out;
}
[data-role=deletecategory]:hover {
  background-color: #fbc8c8;
  color: #ef1010;
}
[data-role=deletecategory] .icon {
  width: auto;
  height: auto;
  font-size: 0.75rem;
}

#page-admin-user-profile-index .main-content h2 {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
#page-admin-user-profile-index .main-content h2 a:hover {
  text-decoration: none;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer).fa-trash {
  background-color: #feeded;
  color: #ef1010;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer):hover {
  background-color: #D4DEF8;
  color: #0642CD;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer):hover.fa-trash {
  background-color: #ef1010;
  color: #feeded !important;
}

[data-groupname=buttonar],
.rui-sticky-btns,
.form-buttons {
  position: sticky;
  bottom: 20px;
  z-index: 1020;
}
@media (max-width: 767.98px) {
  [data-groupname=buttonar],
.rui-sticky-btns,
.form-buttons {
    bottom: 70px;
  }
}

#page-report-progress-index .progress-actions {
  margin: 30px auto 0;
  padding: 0;
  text-align: left;
}
#page-report-progress-index .progress-actions li {
  display: inline-flex;
  margin-right: 0.35rem;
  margin-bottom: 0.5rem;
}
#page-report-progress-index .progress-actions li:last-child {
  margin-bottom: 0;
}

.path-mod-glossary .printicon {
  padding-left: 40px;
  background-position: 15px !important;
}

.path-mod-glossary .glossarypost .commands a .icon {
  margin: 0;
}

.rui-show-sidebar {
  position: absolute;
  top: 0;
  right: 60px;
}

.btn-special-icon, .path-mod-assign #page-content [data-region=grade-panel] [data-region=popout-button] .icon, .questioncategories a .icon, #page-mod-quiz-edit .section .activity .actions .icon, h2 .btn .icon {
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}

.btn-special-icon--hover, .path-mod-assign #page-content [data-region=grade-panel] [data-region=popout-button] a:hover .icon, .questioncategories a:hover .icon, h2 .btn:hover .icon {
  background-color: #D4DEF8;
  color: #0642CD;
}

.btn--disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.editing_groupsnone,
.editing_groupsseparate,
.editing_groupsvisible {
  display: inline-flex;
  margin-left: 10px;
  padding: 10px 15px;
  border-radius: 40px;
  font-size: 13px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .editing_groupsnone,
.editing_groupsseparate,
.editing_groupsvisible {
    margin-top: 10px;
    margin-left: 0;
    white-space: break-spaces;
  }
}
.editing_groupsnone .rui-icon-container,
.editing_groupsseparate .rui-icon-container,
.editing_groupsvisible .rui-icon-container {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
}
.editing_groupsnone .icon,
.editing_groupsseparate .icon,
.editing_groupsvisible .icon {
  width: 17px;
  height: 17px;
  margin-right: 0.5rem !important;
}
.editing_groupsnone .dropdown-item--text,
.editing_groupsseparate .dropdown-item--text,
.editing_groupsvisible .dropdown-item--text {
  display: inline-flex !important;
}

.editing_groupsnone {
  background-color: #feeded;
  color: #ca0d0d;
}
.editing_groupsnone:hover {
  background-color: #fbc8c8;
  color: #ef1010;
}
.editing_groupsnone .icon {
  color: #ef1010 !important;
}

.editing_groupsseparate {
  background-color: #fff;
  color: #090223;
}
.editing_groupsseparate:hover {
  background-color: #eeedef;
  color: #413c55;
}
.editing_groupsseparate .icon {
  color: #413c55 !important;
}

.editing_groupsvisible {
  background-color: #EAF4DD;
  color: #00665F;
}
.editing_groupsvisible:hover {
  background-color: #D1ECC0;
  color: #027654;
}
.editing_groupsvisible .icon {
  color: #027654 !important;
}

.helplink a .icon {
  height: 18px;
}

.rui-footer-btns {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .rui-footer-btns {
    display: block;
  }
}
.rui-footer-btns a {
  margin-right: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .rui-footer-btns a {
  color: #9AA0A6;
}
.rui-footer-btns a:hover {
  color: #9f9ef6;
}
.theme-dark .rui-footer-btns a:hover {
  color: #E8EAED;
}
@media (max-width: 767.98px) {
  .rui-footer-btns a {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.35rem;
  }
}
.rui-footer-btns a img {
  display: none;
}

.course-content .collapsible-actions a.collapseall,
.course-content .collapsible-actions a.expandall {
  padding-left: 26px;
  background-position: 5px !important;
  background-size: 18px;
}

.btn--darkmode {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 7px;
  background-color: #FDF6EA;
  color: #F4A614;
}
.theme-dark .btn--darkmode {
  background-color: #4a350d;
  color: #F4A614;
}
.btn--darkmode:hover {
  background-color: #090223;
  color: #f9f9fa;
}
.theme-dark .btn--darkmode:hover {
  background-color: #17181B;
}

@media (max-width: 767.98px) {
  .btn--text {
    display: none;
  }
}
.btn svg {
  pointer-events: none;
}

#id_parentcompetencybutton {
  display: inline-flex;
}

.rui-debug div {
  position: relative;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2.55px;
  content: "";
  border-top: 3px solid;
  border-right: 3px solid transparent;
  border-bottom: 0;
  border-left: 3px solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  max-width: 260px;
  overflow-y: auto;
  z-index: 1130;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.35rem 0.35rem;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #090223;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 7px;
  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;
}
.sticky-header-settings-menu .dropdown-menu {
  max-height: 269px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar {
  width: 12px;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar {
  width: 12px;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .dropdown-menu {
  color: #E8EAED;
  background-color: #080808;
}
.dropdown-menu li {
  margin-bottom: 0.35rem;
}
.dropdown-menu li:last-of-type {
  margin-bottom: 0;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 320px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1089px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1360px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1900px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2.55px;
  content: "";
  border-top: 0;
  border-right: 3px solid transparent;
  border-bottom: 3px solid;
  border-left: 3px solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2.55px;
  content: "";
  border-top: 3px solid transparent;
  border-right: 0;
  border-bottom: 3px solid transparent;
  border-left: 3px solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2.55px;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 5px;
  vertical-align: 2.55px;
  content: "";
  border-top: 3px solid transparent;
  border-right: 3px solid;
  border-bottom: 3px solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.35rem -0.35rem;
  overflow: hidden;
  border-top: 1px solid #eeedef;
}
.theme-dark .dropdown-divider {
  height: 0;
  margin: 0.35rem -0.35rem;
  overflow: hidden;
  border-top: 1px solid #17181B;
}

.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 200px;
  padding: 0.4rem 0.75rem;
  clear: both;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
  text-align: inherit;
  /*word-break: normal;
  white-space: break-spaces;*/
  white-space: normal;
  border: 0;
  border-radius: 7px;
}
.theme-dark .dropdown-menu .dropdown-item {
  color: #E8EAED;
}
.dropdown-menu .dropdown-item.ml-4 {
  width: calc(100% - 1.875rem);
}
.dropdown-menu .dropdown-item:not(.hidden) {
  display: flex;
}
.dropdown-menu .dropdown-item svg,
.dropdown-menu .dropdown-item .icon {
  margin-right: 7px;
  width: 16px;
  height: 16px;
  color: inherit;
  opacity: 0.6;
}
.dropdown-menu .dropdown-item .rui-icon-container {
  line-height: 1;
}
.dropdown-menu .dropdown-item.hidden {
  display: none;
}
.dropdown-menu .dropdown-item:hover {
  color: #090223;
  text-decoration: none;
  background-color: #f9f9fa;
}
.theme-dark .dropdown-menu .dropdown-item:hover {
  color: #E8EAED;
  background-color: #17181B;
}
.dropdown-menu .dropdown-item.active a, .dropdown-menu .dropdown-item:active a {
  color: #090223;
  text-decoration: none;
  background-color: #eeedef;
}
.dropdown-menu .dropdown-item[aria-current=true] {
  position: relative;
  display: flex;
  align-items: center;
  color: #090223;
  text-decoration: none;
  background-color: #eeedef;
  margin-bottom: 0.15rem;
}
.theme-dark .dropdown-menu .dropdown-item[aria-current=true] {
  color: #E8EAED;
  background-color: #17181B;
}
.dropdown-menu .dropdown-item.disabled a, .dropdown-menu .dropdown-item:disabled a {
  color: #b4b2bc;
  pointer-events: none;
  background-color: transparent;
}
.theme-dark .dropdown-menu .dropdown-item.disabled a, .theme-dark .dropdown-menu .dropdown-item:disabled a {
  color: #282A2D;
}

.dropdown-menu .atto_menuentry a {
  display: block;
  width: 100%;
  margin-bottom: 0.25rem;
  padding: 0.4rem 0.75rem;
  clear: both;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
  border-radius: 7px;
}
.theme-dark .dropdown-menu .atto_menuentry a {
  color: #E8EAED;
}
.dropdown-menu .atto_menuentry a:hover {
  color: #090223;
  text-decoration: none;
  background-color: #f9f9fa;
}
.theme-dark .dropdown-menu .atto_menuentry a:hover {
  color: #E8EAED;
  background-color: #17181B;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.35rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #b4b2bc;
  white-space: nowrap;
}
.theme-dark .dropdown-header {
  color: #3C4043;
}

.dropdown .dropdown-item-text {
  max-width: calc(100% - 30px);
}

.dropdown-btn {
  background-color: #eeedef;
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 7px;
  font-weight: 500;
  color: #413c55;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .dropdown-btn {
    transition: none;
  }
}
#category-listing .dropdown-btn {
  padding: 6px;
}
.theme-dark .dropdown-btn {
  background-color: #202124;
  color: #E8EAED;
}
.main-nav-container .dropdown-btn {
  background-color: transparent;
  color: #413c55;
}
.theme-dark .main-nav-container .dropdown-btn {
  background-color: transparent;
  color: #BDC1C6;
}
.dropdown-btn:hover {
  background-color: #f9f9fa;
  color: #090223;
  text-decoration: none;
}
.theme-dark .dropdown-btn:hover {
  background-color: #0b0d0f;
  color: #E8EAED;
}
.dropdown-btn .icon {
  margin: 0;
  width: 24px;
  height: 24px;
}
#course-category-listings .dropdown-btn .icon {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
}

.dropdown-user {
  width: 300px;
  max-width: 300px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .dropdown-user {
  color: #E8EAED;
}
.dropdown-user .meta.viewingas,
.dropdown-user .meta.role {
  position: relative;
  display: block;
  background-color: #D1ECC0;
  padding: 9px 14px;
  margin: 5px 0 0;
  border-radius: 7px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #004B57;
  text-align: center;
}

.meta.loginfailures {
  padding: 3px 8px;
  background-color: #FDF6EA;
  border-radius: 7px;
  font-size: 0.75rem;
  white-space: normal;
  line-height: 1.3;
  color: #C3850C;
}

.dropdown-user-nick,
.dropdown-user-meta:not(:empty) {
  margin: 5px 0;
  white-space: normal;
}

.dropdown-user-mail {
  display: block;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(9, 2, 35, 0.8);
}
.theme-dark .dropdown-user-mail {
  color: rgba(232, 234, 237, 0.8);
}

.dropdown-user-wrapper {
  padding: 6px 16px;
  display: flex;
  flex-wrap: wrap;
}

.rui-fullname {
  width: 100%;
  font-size: 0.875rem;
  white-space: normal;
  word-break: break-all;
}

.usermenu .dropdown-item {
  padding: 7px 20px 7px 36px;
  background-repeat: no-repeat;
  background-position: 11px;
  background-size: 18px;
}
.usermenu .dropdown-item:hover {
  background-color: #f9f9fa;
  color: #413c55;
}
.theme-dark .usermenu .dropdown-item:hover {
  background-color: #000;
}
.usermenu .dropdown-item[data-identifier*=mymoodle] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 8.75V19'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 8.25H19'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=dashboard] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 8.75V19'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 8.25H19'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=profile] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.25' stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.8475 19.25H17.1525C18.2944 19.25 19.174 18.2681 18.6408 17.2584C17.8563 15.7731 16.068 14 12 14C7.93201 14 6.14367 15.7731 5.35924 17.2584C4.82597 18.2681 5.70558 19.25 6.8475 19.25Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=grades] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 19.2502H18.25C18.8023 19.2502 19.25 18.8025 19.25 18.2502V5.75C19.25 5.19772 18.8023 4.75 18.25 4.75H5.75C5.19772 4.75 4.75 5.19772 4.75 5.75V18.2502C4.75 18.8025 5.19772 19.2502 5.75 19.2502Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 9.25L5.25 9.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 14.75L5.25 14.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=messages] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 18.25C15.5 18.25 19.25 16.5 19.25 12C19.25 7.5 15.5 5.75 12 5.75C8.5 5.75 4.75 7.5 4.75 12C4.75 13.0298 4.94639 13.9156 5.29123 14.6693C5.50618 15.1392 5.62675 15.6573 5.53154 16.1651L5.26934 17.5635C5.13974 18.2547 5.74527 18.8603 6.43651 18.7307L9.64388 18.1293C9.896 18.082 10.1545 18.0861 10.4078 18.1263C10.935 18.2099 11.4704 18.25 12 18.25Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' d='M9.5 12C9.5 12.2761 9.27614 12.5 9 12.5C8.72386 12.5 8.5 12.2761 8.5 12C8.5 11.7239 8.72386 11.5 9 11.5C9.27614 11.5 9.5 11.7239 9.5 12Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' d='M12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' d='M15.5 12C15.5 12.2761 15.2761 12.5 15 12.5C14.7239 12.5 14.5 12.2761 14.5 12C14.5 11.7239 14.7239 11.5 15 11.5C15.2761 11.5 15.5 11.7239 15.5 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=preferences] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.1191 5.61336C13.0508 5.11856 12.6279 4.75 12.1285 4.75H11.8715C11.3721 4.75 10.9492 5.11856 10.8809 5.61336L10.7938 6.24511C10.7382 6.64815 10.4403 6.96897 10.0622 7.11922C10.006 7.14156 9.95021 7.16484 9.89497 7.18905C9.52217 7.3524 9.08438 7.3384 8.75876 7.09419L8.45119 6.86351C8.05307 6.56492 7.49597 6.60451 7.14408 6.9564L6.95641 7.14408C6.60452 7.49597 6.56492 8.05306 6.86351 8.45118L7.09419 8.75876C7.33841 9.08437 7.3524 9.52216 7.18905 9.89497C7.16484 9.95021 7.14156 10.006 7.11922 10.0622C6.96897 10.4403 6.64815 10.7382 6.24511 10.7938L5.61336 10.8809C5.11856 10.9492 4.75 11.372 4.75 11.8715V12.1285C4.75 12.6279 5.11856 13.0508 5.61336 13.1191L6.24511 13.2062C6.64815 13.2618 6.96897 13.5597 7.11922 13.9378C7.14156 13.994 7.16484 14.0498 7.18905 14.105C7.3524 14.4778 7.3384 14.9156 7.09419 15.2412L6.86351 15.5488C6.56492 15.9469 6.60451 16.504 6.9564 16.8559L7.14408 17.0436C7.49597 17.3955 8.05306 17.4351 8.45118 17.1365L8.75876 16.9058C9.08437 16.6616 9.52216 16.6476 9.89496 16.811C9.95021 16.8352 10.006 16.8584 10.0622 16.8808C10.4403 17.031 10.7382 17.3519 10.7938 17.7549L10.8809 18.3866C10.9492 18.8814 11.3721 19.25 11.8715 19.25H12.1285C12.6279 19.25 13.0508 18.8814 13.1191 18.3866L13.2062 17.7549C13.2618 17.3519 13.5597 17.031 13.9378 16.8808C13.994 16.8584 14.0498 16.8352 14.105 16.8109C14.4778 16.6476 14.9156 16.6616 15.2412 16.9058L15.5488 17.1365C15.9469 17.4351 16.504 17.3955 16.8559 17.0436L17.0436 16.8559C17.3955 16.504 17.4351 15.9469 17.1365 15.5488L16.9058 15.2412C16.6616 14.9156 16.6476 14.4778 16.811 14.105C16.8352 14.0498 16.8584 13.994 16.8808 13.9378C17.031 13.5597 17.3519 13.2618 17.7549 13.2062L18.3866 13.1191C18.8814 13.0508 19.25 12.6279 19.25 12.1285V11.8715C19.25 11.3721 18.8814 10.9492 18.3866 10.8809L17.7549 10.7938C17.3519 10.7382 17.031 10.4403 16.8808 10.0622C16.8584 10.006 16.8352 9.95021 16.8109 9.89496C16.6476 9.52216 16.6616 9.08437 16.9058 8.75875L17.1365 8.4512C17.4351 8.05308 17.3955 7.49599 17.0436 7.1441L16.8559 6.95642C16.504 6.60453 15.9469 6.56494 15.5488 6.86353L15.2412 7.09419C14.9156 7.33841 14.4778 7.3524 14.105 7.18905C14.0498 7.16484 13.994 7.14156 13.9378 7.11922C13.5597 6.96897 13.2618 6.64815 13.2062 6.24511L13.1191 5.61336Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.25 12C13.25 12.6904 12.6904 13.25 12 13.25C11.3096 13.25 10.75 12.6904 10.75 12C10.75 11.3096 11.3096 10.75 12 10.75C12.6904 10.75 13.25 11.3096 13.25 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=logout] {
  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='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 8.75L19.25 12L15.75 15.25'%3E%3C/path%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 12H10.75'%3E%3C/path%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H15.25'%3E%3C/path%3E%3C/svg%3E%0A");
  background-color: #feeded;
  color: #ca0d0d;
}
.usermenu .dropdown-item[data-identifier*=logout]:hover {
  background-color: #fbc8c8 !important;
  color: #ca0d0d;
}
.usermenu .dropdown-item[data-identifier*=switchroleto] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.25 4.75L8.75 7L11.25 9.25'%3E%3C/path%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.75 19.25L15.25 17L12.75 14.75'%3E%3C/path%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 7H13.25C16.5637 7 19.25 9.68629 19.25 13V13.25'%3E%3C/path%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.25 17H10.75C7.43629 17 4.75 14.3137 4.75 11V10.75'%3E%3C/path%3E%3C/svg%3E%0A");
  background-color: #EAF4DD;
  color: #00665F;
}
.usermenu .dropdown-item[data-identifier*=switchroleto]:hover {
  background-color: #D1ECC0;
  color: #00665F !important;
}
.usermenu .dropdown-item[data-identifier*=calendar] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.75H16.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*=privatefiles] {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 11.75L17.6644 6.20056C17.4191 5.34195 16.6344 4.75 15.7414 4.75H8.2586C7.36564 4.75 6.58087 5.34196 6.33555 6.20056L4.75 11.75'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.2142 12.3689C9.95611 12.0327 9.59467 11.75 9.17085 11.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.25V11.75H14.8291C14.4053 11.75 14.0439 12.0327 13.7858 12.3689C13.3745 12.9046 12.7276 13.25 12 13.25C11.2724 13.25 10.6255 12.9046 10.2142 12.3689Z'%3E%3C/path%3E%3C/svg%3E");
}
.usermenu .dropdown-item[data-identifier*=reports] {
  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 15.75L8.25 19.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.25 15.75L4.75 19.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M11.75 19.25H15.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.75 8.75H15.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M9.75 11.75H14.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.25 19.25V6.75C19.25 5.64543 18.3546 4.75 17.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V12.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item:last-of-type a {
  margin: 0;
}

.dropdown-item.aabtn.menu-action .dropdown-item--text {
  display: none;
}

.dropdown .tool-lp-menu-item a {
  font-weight: 500;
  color: #090223;
}
.dropdown .tool-lp-menu-item a:hover {
  text-decoration: none;
}
.dropdown .tool-lp-menu-item a .icon {
  padding: 0;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.btn-group > .btn:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.dropdown-toggle-split {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.3125rem;
  padding-left: 1.3125rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #413c55;
  text-align: center;
  white-space: nowrap;
  background-color: #eeedef;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 2rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 1rem 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 40px;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: 36px;
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.6rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  border-radius: 3px;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 2.25rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding: 0.25rem 0.5rem;
  color-adjust: exact;
}
.simplesearchform .custom-control {
  margin-left: 2rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-inline input[type=radio] {
  margin: 0;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1.25rem;
  height: 1.375rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #c5c5f9;
  border-color: #6564f0;
  background-color: #6564f0;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #d9d8fb;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #3f3dec;
  background-color: white;
  border-color: white;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #b4b2bc;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #eeedef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.125rem;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  content: "";
  background-color: transparent;
  border: #c4c3cb solid 2px;
}
.theme-dark .custom-control-label::before {
  border-color: #2E3134;
}
.custom-control-label::after {
  position: absolute;
  top: 0.125rem;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 7px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23c5c5f9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #ececfd;
  background-color: #ececfd;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23c5c5f9' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(63, 61, 236, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(63, 61, 236, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c5c5f9'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(63, 61, 236, 0.5);
}

.custom-switch {
  padding-left: 2.6875rem;
}
.custom-switch .custom-control-label::before {
  left: -2.6875rem;
  width: 2.1875rem;
  pointer-events: all;
  border-radius: 0.625rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.125rem + 4px);
  left: calc(-2.6875rem + 4px);
  width: calc(1.25rem - 8px);
  height: calc(1.25rem - 8px);
  background-color: #c4c3cb;
  border-radius: 0.625rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #f9f9fa;
  transform: translateX(0.9375rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(63, 61, 236, 0.5);
}

.custom-select,
select.quickgrade {
  display: inline-block;
  width: 100%;
  max-width: 280px !important;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem 2.25rem 0.75rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #413c55;
  vertical-align: middle;
  background: #f9f9fa 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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center/8px 10px no-repeat;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  appearance: none;
}
.theme-dark .custom-select,
.theme-dark select.quickgrade {
  color: #BDC1C6;
  background: #080808 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;
}
.custom-select:focus,
select.quickgrade:focus {
  border-color: #d9d8fb;
}
.custom-select:focus::-ms-value,
select.quickgrade:focus::-ms-value {
  color: #413c55;
  background-color: #f9f9fa;
}
.theme-dark .custom-select:focus::-ms-value,
.theme-dark select.quickgrade:focus::-ms-value {
  color: #BDC1C6;
  background-color: #080808;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]),
select.quickgrade[multiple],
select.quickgrade[size]:not([size="1"]) {
  height: auto;
  padding-right: 1.25rem;
  background-image: none;
}
.custom-select:disabled,
select.quickgrade:disabled {
  color: #b4b2bc;
  background-color: #eeedef;
}
.theme-dark .custom-select:disabled,
.theme-dark select.quickgrade:disabled {
  color: #3C4043;
  background-color: #17181B;
}
.custom-select::-ms-expand,
select.quickgrade::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring,
select.quickgrade:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #413c55;
}

.custom-select-sm {
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 1rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  font-size: 0.8125rem;
}

.custom-select-lg {
  height: calc(1.5em + 2rem + 2px);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.75rem;
  font-size: 1rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.5rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1.5rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #d9d8fb;
}
.theme-dark .custom-file-input:focus ~ .custom-file-label {
  border-color: #4846ce;
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #eeedef;
}
.theme-dark .custom-file-input[disabled] ~ .custom-file-label, .theme-dark .custom-file-input:disabled ~ .custom-file-label {
  background-color: #17181B;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem 1.25rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #413c55;
  background-color: #f9f9fa;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .custom-file-label {
  color: #BDC1C6;
  background-color: #080808;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 1.5rem);
  padding: 0.75rem 1.25rem;
  line-height: 1.5;
  color: #413c55;
  content: "Browse";
  background-color: #eeedef;
  border-left: inherit;
  border-radius: 0 7px 7px 0;
}
.theme-dark .custom-file-label::after {
  color: #BDC1C6;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #ececfd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: white;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #e1e0e4;
  border-color: transparent;
  border-radius: 1rem;
}
.theme-dark .custom-range::-webkit-slider-runnable-track {
  background-color: #202124;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #ececfd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: white;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #e1e0e4;
  border-color: transparent;
  border-radius: 1rem;
}
.theme-dark .custom-range::-moz-range-track {
  background-color: #202124;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #ececfd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: white;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #e1e0e4;
  border-radius: 1rem;
}
.theme-dark .custom-range::-ms-fill-lower {
  background-color: #202124;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #e1e0e4;
  border-radius: 1rem;
}
.theme-dark .custom-range::-ms-fill-upper {
  background-color: #202124;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #c4c3cb;
}
.theme-dark .custom-range:disabled::-webkit-slider-thumb {
  background-color: #2E3134;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #c4c3cb;
}
.theme-dark .custom-range:disabled::-moz-range-thumb {
  background-color: #2E3134;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #c4c3cb;
}
.theme-dark .custom-range:disabled::-ms-thumb {
  background-color: #2E3134;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #c4c3cb;
  pointer-events: none;
  cursor: default;
}
.theme-dark .nav-link.disabled {
  color: #2E3134;
}

.nav-tabs {
  padding: 5px;
  margin: 0;
  background-color: #f9f9fa;
  border-radius: 7px;
  font-size: 0.813rem;
}
.theme-dark .nav-tabs {
  background-color: #0b0d0f;
}
.nav-tabs + .nav-tabs {
  margin-top: 0.25rem;
}
.nav-tabs .nav-item {
  margin: 2px;
  display: inline-flex;
}
.nav-tabs .nav-item:focus {
  outline: none;
  box-shadow: none;
}
.nav-tabs .nav-link {
  padding: 10px 12px;
  margin-right: 0.25rem;
  display: inline-flex;
  position: relative;
  font-weight: 700;
  color: #a19eab;
  border-radius: 7px;
}
.theme-dark .nav-tabs .nav-link {
  color: #9AA0A6;
}
.nav-tabs .nav-link:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #9f9ef6;
  border-radius: 7px;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.nav-tabs .nav-link:hover {
  background-color: #f9f9fa;
  color: #3f3dec;
  text-decoration: none;
}
.theme-dark .nav-tabs .nav-link:hover {
  background-color: #0b0d0f;
  color: #9f9ef6;
}
.nav-tabs .nav-link:hover:before {
  opacity: 1;
}
.nav-tabs .nav-link.active {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.theme-dark .nav-tabs .nav-link.active {
  background-color: #080909;
}
.nav-tabs .nav-link.active::before {
  opacity: 0;
}
.nav-tabs .nav-link.disabled {
  color: #c4c3cb;
  background-color: transparent;
  opacity: 0.6;
}
.theme-dark .nav-tabs .nav-link.disabled {
  color: #2E3134;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #a19eab;
  background-color: #fff;
}
.theme-dark .nav-tabs .nav-link.active,
.theme-dark .nav-tabs .nav-item.show .nav-link {
  color: #9AA0A6;
  background-color: #080909;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rui-tag-tabs a {
  margin-right: 0.25rem;
  padding: 0.5rem 1rem;
  display: inline-flex;
  position: relative;
  font-weight: 700;
  color: #a19eab;
  border-radius: 7px;
}
.theme-dark .rui-tag-tabs a {
  color: #9AA0A6;
}
.rui-tag-tabs a:hover, .rui-tag-tabs a:focus {
  text-decoration: none;
}
.rui-tag-tabs a:hover {
  background-color: #e1e0e4;
  text-decoration: none;
}
.theme-dark .rui-tag-tabs a:hover {
  background-color: #202124;
}

.nav-pills .nav-link {
  border-radius: 7px;
  color: #3f3dec;
  font-weight: 500;
}
.theme-dark .nav-pills .nav-link {
  color: #d9d8fb;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #090223;
  background-color: #ececfd;
}
.theme-dark .nav-pills .nav-link.active,
.theme-dark .nav-pills .show > .nav-link {
  color: #E8EAED;
  background-color: #201f76;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .tab-pane .list-unstyled {
  line-height: 2;
}
.tab-content > .active {
  display: block;
}

/* alpha THEME */
.rui-courseheadermenu-container {
  margin-top: 20px;
  font-weight: 500;
  font-size: 0.875rem;
}
.rui-courseheadermenu-container + .page-content {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .rui-courseheadermenu-container.rui-topbar--custom-menu {
    position: relative;
    top: 0;
  }
}
@media (max-width: 1088.98px) {
  .rui-courseheadermenu-container {
    overflow-x: auto;
  }
  .rui-courseheadermenu-container .header-links {
    width: max-content;
  }
}
.rui-courseheadermenu-container .header-link-item {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 5px 16px 5px 0;
  color: #090223;
}
.rui-courseheadermenu-container .header-link-item:last-of-type {
  margin-right: 0;
}
.theme-dark .rui-courseheadermenu-container .header-link-item {
  color: #E8EAED;
}
.rui-courseheadermenu-container .header-link-item .header-link-item-icon {
  opacity: 0.7;
  margin-right: 0.35rem;
}
.rui-courseheadermenu-container .header-link-item:after {
  content: "";
  background-color: #6564f0;
  width: 0%;
  height: 1px;
  position: absolute;
  left: 1px;
  bottom: -6px;
  opacity: 0;
  transition: all 350ms ease;
}
.theme-dark .rui-courseheadermenu-container .header-link-item:after {
  background-color: #c5c5f9;
}
.rui-courseheadermenu-container .header-link-item:hover {
  color: #3f3dec;
  text-decoration: none;
}
.theme-dark .rui-courseheadermenu-container .header-link-item:hover {
  color: #9f9ef6;
}
.rui-courseheadermenu-container .header-link-item:hover:after {
  width: 100%;
  opacity: 1;
}
.rui-courseheadermenu-container .header-link-item.active {
  color: #9f9ef6;
}
.rui-courseheadermenu-container .header-link-item.active:after {
  color: #9f9ef6;
  background-color: #9f9ef6;
  width: 100%;
  opacity: 1;
}

@media (max-width: 1088.98px) {
  .main-nav-container-overflow {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.main-nav-container .header-link-item {
  padding: 0.65rem 0;
  margin-right: 1rem;
}

.nav-column {
  margin: 0;
  padding: 0 20px 0 0;
  border-right: 1px solid #e1e0e4;
}
.theme-dark .nav-column {
  border-right: 1px solid #2E3134;
}
@media (max-width: 767.98px) {
  .nav-column {
    padding: 0;
    border-right: none;
  }
}
.nav-column li a {
  padding: 16px 0;
  display: block;
  border-bottom: 1px solid #e1e0e4;
  color: #090223;
  font-weight: 500;
  position: relative;
}
.theme-dark .nav-column li a {
  border-bottom: 1px solid #2E3134;
  color: #E8EAED;
}
@media (max-width: 767.98px) {
  .nav-column li a {
    padding: 16px;
  }
}
.nav-column li a.active, .nav-column li a:hover {
  color: #3f3dec;
  border-color: #3f3dec;
}
.theme-dark .nav-column li a.active, .theme-dark .nav-column li a:hover {
  color: #c5c5f9;
  border-color: #c5c5f9;
}
.nav-column li a.active:before, .nav-column li a:hover:before {
  content: "";
  background-color: rgba(63, 61, 236, 0.05);
  position: absolute;
  z-index: -1;
  width: calc(100% + 12px);
  top: 4px;
  bottom: 4px;
  left: -6px;
  border-radius: 7px;
}
.theme-dark .nav-column li a.active:before, .theme-dark .nav-column li a:hover:before {
  background-color: rgba(63, 61, 236, 0.1);
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.40625rem;
  padding-bottom: 0.40625rem;
  margin-right: 25px;
  font-size: 1.125rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.125rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 319.98px) {
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 320px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1088.98px) {
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1089px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1359.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1360px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1899.98px) {
  .navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1900px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.editing .block_with_controls {
  min-height: 320px;
}

.card {
  margin-bottom: 40px;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.card:last-of-type {
  margin-bottom: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
}
.card-title {
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #a19eab;
  text-transform: uppercase;
}
.theme-dark .card-title {
  color: #9AA0A6;
}

.card-subtitle {
  margin-top: -0.625rem;
  margin-bottom: 0;
}

.card-text {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .card-text {
  color: #BDC1C6;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 1.25rem 1.25rem;
  margin-bottom: 0;
}
.card-header:first-child {
  border-radius: 6px 6px 0 0;
}

.card-footer {
  padding: 1.25rem 1.25rem;
  border-top: 1px solid #e1e0e4;
}
.theme-dark .card-footer {
  border-top: 1px solid #2E3134;
}
.card-footer:last-child {
  border-radius: 0 0 6px 6px;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -1.25rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: 6px;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 320px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 320px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 1.25rem;
}
@media (min-width: 320px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.block_html {
  padding: 0;
  border: none;
  border-radius: 0;
}
.block_html .card-body {
  padding: 0;
}

.rui-breadcrumbs {
  margin-top: 16px;
  margin-left: 4px;
}
@media (min-width: 1089px) {
  .pagelayout-incourse .rui-breadcrumbs, .pagelayout-course .rui-breadcrumbs {
    margin-left: 60px;
  }
  .pagelayout-incourse.drawer-courseindex--open .rui-breadcrumbs, .pagelayout-course.drawer-courseindex--open .rui-breadcrumbs {
    margin-left: 0;
  }
}

.breadcrumb,
.coursefilesbreadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2px;
  margin: 0;
  z-index: 0;
  font-size: 0.75rem;
  list-style: none;
}
@media (max-width: 1088.98px) {
  .breadcrumb,
.coursefilesbreadcrumb {
    width: max-content;
    justify-content: center;
    margin: 0 auto;
  }
}

@media (min-width: 1089px) {
  .breadcrumbs-container {
    width: 100%;
  }
}
@media (max-width: 1088.98px) {
  .breadcrumbs-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 5px;
    overflow-x: auto;
  }
  .pagelayout-incourse .breadcrumbs-container, .pagelayout-course .breadcrumbs-container {
    width: calc(100% - 100px);
  }
}

.breadcrumb--in-content {
  margin: 0;
}

.breadcrumb-item {
  display: flex;
  color: #b4b2bc;
}
.theme-dark .breadcrumb-item {
  color: #9AA0A6;
}
.breadcrumb-item:first-child a {
  padding-left: 22px;
}
.breadcrumb-item:first-child a:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  background-color: transparent;
  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='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75024 19.2502H17.2502C18.3548 19.2502 19.2502 18.3548 19.2502 17.2502V9.75025L12.0002 4.75024L4.75024 9.75025V17.2502C4.75024 18.3548 5.64568 19.2502 6.75024 19.2502Z'%3E%3C/path%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.74963 15.7493C9.74963 14.6447 10.6451 13.7493 11.7496 13.7493H12.2496C13.3542 13.7493 14.2496 14.6447 14.2496 15.7493V19.2493H9.74963V15.7493Z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 0;
  width: 24px;
  height: 100%;
}
.theme-dark .breadcrumb-item:first-child a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75024 19.2502H17.2502C18.3548 19.2502 19.2502 18.3548 19.2502 17.2502V9.75025L12.0002 4.75024L4.75024 9.75025V17.2502C4.75024 18.3548 5.64568 19.2502 6.75024 19.2502Z'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.74963 15.7493C9.74963 14.6447 10.6451 13.7493 11.7496 13.7493H12.2496C13.3542 13.7493 14.2496 14.6447 14.2496 15.7493V19.2493H9.74963V15.7493Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.breadcrumb-item .text-truncate, .breadcrumb-item .block_private_files [id^=private_files_tree] a, .block_private_files [id^=private_files_tree] .breadcrumb-item a, .breadcrumb-item .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .breadcrumb-item div, .breadcrumb-item .dropdown .dropdown-item-text, .dropdown .breadcrumb-item .dropdown-item-text {
  max-width: 300px;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-flex;
  align-items: center;
  padding-right: 0.5rem;
  color: #b4b2bc;
  content: "-";
}
.theme-dark .breadcrumb-item + .breadcrumb-item::before {
  color: #3C4043;
}
.breadcrumb--in-content .breadcrumb-item {
  max-width: 300px;
}
.breadcrumb--in-content .breadcrumb-item a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 18px;
  width: 17px;
  height: 17px;
}
.theme-dark .breadcrumb--in-content .breadcrumb-item a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #a19eab;
}
.theme-dark .breadcrumb-item.active {
  color: #9AA0A6;
}
.breadcrumb-item .breadcrumbs-textonly {
  margin: 0.25rem 0;
  display: grid;
}
.breadcrumb-item a {
  position: relative;
  display: inline-flex;
  z-index: 1;
  margin: 0.25rem 0;
  color: #b4b2bc;
  font-weight: 500;
}
.theme-dark .breadcrumb-item a {
  color: #9AA0A6;
}
.breadcrumb-item a .text-truncate, .breadcrumb-item a .block_private_files [id^=private_files_tree] a, .block_private_files [id^=private_files_tree] .breadcrumb-item a a, .breadcrumb-item a .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .breadcrumb-item a div, .breadcrumb-item a .dropdown .dropdown-item-text, .dropdown .breadcrumb-item a .dropdown-item-text {
  display: inline-block;
  max-width: 200px;
}
.breadcrumb-item a:hover {
  text-decoration: none;
}
.breadcrumb-item a:hover:after {
  content: "";
  background-color: #fff;
  border-radius: 7px;
  position: absolute;
  left: -6px;
  top: -5px;
  width: calc(100% + 12px);
  height: calc(100% + 9px);
  z-index: -1;
}
.theme-dark .breadcrumb-item a:hover:after {
  background-color: #E8EAED;
}

.pagination,
.comment-paging {
  margin: 1rem 0;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 7px;
}

.page-link,
.comment-paging a {
  position: relative;
  display: flex;
  padding: 0.5rem 0.75rem;
  margin-left: 1px;
  line-height: 1.5;
  font-weight: 500;
  color: #413c55;
  border-radius: 7px;
}
.theme-dark .page-link,
.theme-dark .comment-paging a {
  color: #BDC1C6;
}
.page-link:hover,
.comment-paging a:hover {
  z-index: 2;
  color: #0642CD;
  text-decoration: none;
  background-color: #EEF8FF;
}
.theme-dark .page-link:hover,
.theme-dark .comment-paging a:hover {
  color: #D4DEF8;
  background-color: #00309F;
}
.page-link:focus,
.comment-paging a:focus {
  z-index: 3;
}

.page-item.active .page-link {
  z-index: 3;
  color: #c4c3cb;
  background-color: #eeedef;
}
.theme-dark .page-item.active .page-link {
  color: #2E3134;
  background-color: #17181B;
}
.page-item.disabled .page-link {
  color: #d3d2d8;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #e1e0e4;
  opacity: 0.3;
}
.theme-dark .page-item.disabled .page-link {
  color: #282A2D;
  background-color: #E8EAED;
  border-color: #202124;
}

.comment-pagination {
  margin-bottom: 1rem;
}

.curpage {
  color: #c4c3cb;
  background-color: #eeedef;
}
.theme-dark .curpage {
  color: #2E3134;
  background-color: #17181B;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.pagination-sm .page-link {
  padding: 10px 10px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.badge {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 40px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
.dir-rtl .badge {
  border: none !important;
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge a {
  color: inherit;
}
.badge + .badge {
  margin-left: 0.35rem;
}
.badge:empty {
  display: none;
}
.badge .bage--remove-icon {
  font-size: 0.6875rem;
}
.badge .icon {
  width: auto;
  height: auto;
  font-size: 0.75rem;
}

.badge-sq {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 7px;
}
.badge-sq a {
  font-weight: 700;
  color: inherit;
  opacity: 0.7;
  margin-left: 0.35rem;
}

.badge-sm {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.3rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 40px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge-sm {
    transition: none;
  }
}
a.badge-sm:hover, a.badge-sm:focus {
  text-decoration: none;
}

.badge-sm a {
  color: inherit;
}
.badge-sm:empty {
  display: none;
}
.badge-sm .bage--remove-icon {
  font-size: 0.6875rem;
}
.badge-sm .icon {
  width: auto;
  height: auto;
  font-size: 0.75rem;
}

.badge-xs {
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 500;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary, .rui-backup-progress .backup_stage.backup_stage_current {
  background-color: #ececfd;
  color: #26258e;
}
.theme-dark .badge-primary, .theme-dark .rui-backup-progress .backup_stage.backup_stage_current, .rui-backup-progress .theme-dark .backup_stage.backup_stage_current {
  background-color: #3f3dec;
  color: #ececfd;
}

.badge-secondary {
  background-color: #f9f9fa;
  color: #413c55;
}
.theme-dark .badge-secondary {
  background-color: #413c55;
  color: #f9f9fa;
}

.badge-success, #page-mod-quiz-edit .numberofquestions {
  background-color: #EAF4DD;
  color: #027654;
}
.theme-dark .badge-success, .theme-dark #page-mod-quiz-edit .numberofquestions, #page-mod-quiz-edit .theme-dark .numberofquestions {
  background-color: #00665F;
  color: #EAF4DD;
}

.badge-danger {
  background-color: #feeded;
  color: #ef1010;
}
.theme-dark .badge-danger {
  background-color: #a50b0b;
  color: #feeded;
}

.badge-warning {
  background-color: #FFF1D5;
  color: #93640A;
}
.theme-dark .badge-warning {
  background-color: #93640A;
  color: #FDF6EA;
}

.badge-info, #page-mod-quiz-edit .quizopeningstatus, .loginfo {
  background-color: #EEF8FF;
  color: #406CD2;
}
.theme-dark .badge-info, .theme-dark #page-mod-quiz-edit .quizopeningstatus, #page-mod-quiz-edit .theme-dark .quizopeningstatus, .theme-dark .loginfo {
  background-color: #406CD2;
  color: #EEF8FF;
}

.badge-light, .rui-backup-progress .backup_stage, .form-defaultinfo {
  background-color: #f9f9fa;
  color: #413c55;
}
.theme-dark .badge-light, .theme-dark .rui-backup-progress .backup_stage, .rui-backup-progress .theme-dark .backup_stage, .theme-dark .form-defaultinfo {
  background-color: #202124;
  color: #BDC1C6;
}

.badge-dark {
  background-color: #000;
  color: #fff;
}
.theme-dark .badge-dark {
  background-color: #000;
  color: #fff;
}

.badge-link, .rui-backup-progress .backup_stage {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.badge-link:hover, .rui-backup-progress .backup_stage:hover {
  text-decoration: none;
}
.badge-link:before, .rui-backup-progress .backup_stage:before {
  display: none;
}
.badge-link a:hover, .rui-backup-progress .backup_stage a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.badge h5 {
  color: inherit;
}

.loginfo {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 40px;
}

#page-badges-mybadges #fgroup_id_searchgroup .col-md-3 {
  display: none;
}

.rui-badge-box {
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 7px;
  border: 1px solid #e1e0e4;
  position: relative;
}
.theme-dark .rui-badge-box {
  border: 1px solid #2E3134;
}
.rui-badge-box:last-child, .rui-badge-box:only-child {
  margin-bottom: 0;
}

.rui-badge-not-available {
  border: 1px solid #f9a3a3;
}

.rui-badge-overview-actions {
  margin: 0 -20px 20px;
  padding: 0 20px 20px;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .rui-badge-overview-actions {
  border-bottom: 1px solid #2E3134;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #090223;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: all 350ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.theme-dark .accordion-button {
  background-color: #E8EAED;
  color: #E8EAED;
}
.accordion-button:not(.collapsed) {
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark .accordion-button:not(.collapsed) {
  color: #ececfd;
  background-color: #26258e;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233f3dec'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.theme-dark .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8EAED'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23090223'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.theme-dark .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8EAED'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #d9d8fb;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 236, 253, 0.25);
}
.theme-dark .accordion-button:focus {
  border-color: #4846ce;
}

.accordion-header {
  margin-bottom: 0;
  line-height: 1.5;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid #e1e0e4;
}
.theme-dark .accordion-item {
  background-color: #E8EAED;
  border: 1px solid #2E3134;
}
.accordion-item:first-of-type {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.alert, #page-mod-choice-view #notice p, .que .validationerror {
  position: relative;
  margin: 1rem 0;
  padding: 0.55rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
}
.alert p, #page-mod-choice-view #notice p p, .que .validationerror p {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.alert p:last-child, #page-mod-choice-view #notice p p:last-child, .que .validationerror p:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.alert label, #page-mod-choice-view #notice p label, .que .validationerror label {
  margin-bottom: 0;
  color: inherit;
}
.alert h1, #page-mod-choice-view #notice p h1, .que .validationerror h1, .alert h2, #page-mod-choice-view #notice p h2, .que .validationerror h2, .alert h3, #page-mod-choice-view #notice p h3, .que .validationerror h3, .alert h4, #page-mod-choice-view #notice p h4, .que .validationerror h4, .alert h5, #page-mod-choice-view #notice p h5, .que .validationerror h5 {
  color: inherit;
}
.alert + .alert, #page-mod-choice-view #notice p + .alert, #page-mod-choice-view #notice .alert + p, #page-mod-choice-view #notice p + p, .que .validationerror + .alert, .que #page-mod-choice-view #notice .validationerror + p, #page-mod-choice-view #notice .que .validationerror + p, .que .alert + .validationerror, .que #page-mod-choice-view #notice p + .validationerror, #page-mod-choice-view #notice .que p + .validationerror, .que .validationerror + .validationerror {
  margin-top: 5px;
}
.alert .close, #page-mod-choice-view #notice p .close, .que .validationerror .close, .alert .yui3-skin-sam .yui3-button.closebutton, #page-mod-choice-view #notice p .yui3-skin-sam .yui3-button.closebutton, .que .validationerror .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .alert .yui3-button.closebutton, .yui3-skin-sam #page-mod-choice-view #notice p .yui3-button.closebutton, #page-mod-choice-view #notice .yui3-skin-sam p .yui3-button.closebutton, .yui3-skin-sam .que .validationerror .yui3-button.closebutton, .que .yui3-skin-sam .validationerror .yui3-button.closebutton {
  background-color: #fff;
}

.alert:first-of-type, #page-mod-choice-view #notice p:first-of-type, .que .validationerror:first-of-type {
  margin-top: 0;
}

h2 + .alert, #page-mod-choice-view #notice h2 + p, .que h2 + .validationerror {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.alert--close {
  padding-right: 40px;
}
.alert--close .close, .alert--close .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .alert--close .yui3-button.closebutton {
  margin: 0;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3.3125rem;
}
.alert-dismissible .close, .alert-dismissible .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .alert-dismissible .yui3-button.closebutton {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.55rem 1.25rem;
  color: inherit;
}

.alert-primary {
  background-color: #EEF8FF;
  color: #032574;
}
.theme-dark .alert-primary {
  background-color: #00309F;
  color: #EEF8FF;
}

.alert-secondary {
  background-color: #f9f9fa;
  color: #090223;
}
.theme-dark .alert-secondary {
  background-color: #0b0d0f;
  color: #E8EAED;
}

.alert-success {
  background-color: #EAF4DD;
  color: #002D47;
}
.theme-dark .alert-success {
  background-color: #002D47;
  color: #EAF4DD;
}

.alert-danger, .que .validationerror {
  background-color: #feeded;
  color: #810909;
}
.theme-dark .alert-danger, .theme-dark .que .validationerror, .que .theme-dark .validationerror {
  background-color: #810909;
  color: #feeded;
}

.alert-warning, #page-mod-choice-view #notice p {
  background-color: #FDF6EA;
  color: #93640A;
}
.theme-dark .alert-warning, .theme-dark #page-mod-choice-view #notice p, #page-mod-choice-view #notice .theme-dark p {
  background-color: #93640A;
  color: #FDF6EA;
}

.alert-info {
  background-color: #EEF8FF;
  color: #032574;
}
.theme-dark .alert-info {
  background-color: #032574;
  color: #EEF8FF;
}
.theme-dark .alert-info a {
  color: #EEF8FF;
}

.alert-light {
  background-color: #f9f9fa;
  color: #090223;
}
.theme-dark .alert-light {
  background-color: #212121;
  color: #E8EAED;
}
.theme-dark .alert-light .icon {
  filter: invert(1);
}

.alert-dark {
  background-color: #090223;
  color: #f9f9fa;
}
.theme-dark .alert-dark {
  background-color: #E8EAED;
  color: #0b0d0f;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 16px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress,
.rui-progress {
  display: flex;
  height: 16px;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #D4DEF8;
  border-radius: 10px;
}
.theme-dark .progress,
.theme-dark .rui-progress {
  background-color: #202124;
}

.rui-progress-bar,
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #406CD2;
  background: linear-gradient(90deg, #406cd2 0%, #5fb86b 100%);
  transition: width 0.6s ease;
  border-radius: 7px;
}
@media (prefers-reduced-motion: reduce) {
  .rui-progress-bar,
.progress-bar {
    transition: none;
  }
}

.progress-bar .sr-only {
  display: block !important;
  width: max-content;
  overflow: initial;
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  clip: auto;
  padding: 6px;
}

.rui-progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
}

.rui-progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .rui-progress-bar-animated {
    animation: none;
  }
}

.rui-progress--value--100 {
  left: auto !important;
  right: 5px;
}

.rui-course-progressbar:hover {
  text-decoration: none;
}

.rui-progress-count {
  margin: 0 0 0 10px;
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #406CD2;
}
.rui-progress-count .rui-progress-count-total {
  margin-left: 0.25rem;
  opacity: 0.6;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.media-details {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .media-details {
  color: #BDC1C6;
}
.media-details a {
  font-weight: 500;
  color: #413c55;
}
.theme-dark .media-details a {
  color: #BDC1C6;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 7px;
}

.list-group-item-action {
  width: 100%;
  color: #090223;
  text-align: inherit;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .list-group-item-action {
  color: #9AA0A6;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #090223;
  text-decoration: none;
  border-bottom: 1px solid #c5c5f9;
}
.theme-dark .list-group-item-action:hover, .theme-dark .list-group-item-action:focus {
  color: #9AA0A6;
  border-bottom: 1px solid #c5c5f9;
}
.list-group-item-action:active {
  color: #090223;
  background-color: #eeedef;
}
.theme-dark .list-group-item-action:active {
  color: #E8EAED;
  background-color: #17181B;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  word-break: keep-all;
}
.list-group-item:last-child {
  border-bottom: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #b4b2bc;
  pointer-events: none;
  background-color: #fff;
}
.theme-dark .list-group-item.disabled, .theme-dark .list-group-item:disabled {
  color: #3C4043;
  background-color: #E8EAED;
}
.list-group-item.active {
  z-index: 2;
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark .list-group-item.active {
  color: #d9d8fb;
  background-color: #201f76;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 7px;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 320px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1089px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1360px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1900px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.close, .yui3-skin-sam .yui3-button.closebutton,
.yui3-button.closebutton {
  position: absolute;
  top: 4px;
  right: 6px;
  margin: 5px;
}

.yui3-button.closebutton {
  margin: 11px;
  background-image: none;
  box-shadow: none;
}
.yui3-button.closebutton [aria-hidden=true] {
  display: none;
}

.close, .yui3-skin-sam .yui3-button.closebutton,
.yui3-button.closebutton {
  padding: 0;
  width: 30px;
  height: 30px;
  background-color: #f9f9fa;
  color: #413c55;
  border-radius: 60px;
  line-height: 1;
  transition: all 0.2s ease-in-out;
}
.theme-dark .close,
.theme-dark .yui3-button.closebutton {
  background-color: #0b0d0f;
  color: #BDC1C6;
}
.close:hover,
.yui3-button.closebutton:hover {
  background-color: #ef1010;
}
.close:hover:before,
.yui3-button.closebutton:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
}
.close:before, .yui3-skin-sam .yui3-button.closebutton:before,
.yui3-button.closebutton:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.theme-dark .close:before,
.theme-dark .yui3-button.closebutton:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
}
.close:hover,
.yui3-button.closebutton:hover {
  color: #413c55;
  text-decoration: none;
}
.theme-dark .close:hover,
.theme-dark .yui3-button.closebutton:hover {
  color: #BDC1C6;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus,
.yui3-button.closebutton:not(:disabled):not(.disabled):hover,
.yui3-button.closebutton:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close, .yui3-skin-sam button.yui3-button.closebutton {
  border: 0;
}

a.close.disabled, .yui3-skin-sam a.disabled.yui3-button.closebutton {
  pointer-events: none;
}

.toast {
  flex-basis: 340px;
  max-width: 340px;
  font-size: 0.875rem;
  color: #090223;
  background-color: #FFF1D5;
  background-clip: padding-box;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 7px;
  position: relative;
}
.theme-dark .toast {
  color: #E8EAED;
  background-color: #C3850C;
}
.toast:not(:last-child) {
  margin-bottom: 16px;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast .close, .toast .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .toast .yui3-button.closebutton {
  color: #090223;
}
.theme-dark .toast .close, .theme-dark .toast .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .theme-dark .toast .yui3-button.closebutton {
  color: #E8EAED;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 16px 16px;
  color: #090223;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.theme-dark .toast-header {
  color: #E8EAED;
}

.toast-body {
  padding: 16px;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog:focus {
  outline: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 12px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .modal-dialog-scrollable .modal-body {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 12px;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  outline: 0;
}
.theme-dark .modal-content {
  background-color: #E8EAED;
  border-color: #2E3134;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.theme-dark .modal-backdrop {
  border-color: #fff;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 16px;
  border-bottom: 1px solid #e1e0e4;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  position: relative;
}
.theme-dark .modal-header {
  border-color: #2E3134;
}

.modal-title {
  max-width: 85%;
  margin-bottom: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  font-weight: 700;
  color: #090223;
  line-height: 1.5;
}
.theme-dark .modal-title {
  color: #E8EAED;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #e1e0e4;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.modal-footer > * {
  margin: 0.25rem;
}
.theme-dark .modal-footer {
  border-color: #2E3134;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 320px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 420px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 1089px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1360px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 10001;
  display: block;
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.theme-dark .bs-tooltip-top .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #fff;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.theme-dark .bs-tooltip-right .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #fff;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.theme-dark .bs-tooltip-bottom .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #fff;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.theme-dark .bs-tooltip-left .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #fff;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 7px;
}
.theme-dark .tooltip-inner {
  color: #080909;
  background-color: #fff;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: block;
  max-width: 276px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  border-radius: 7px;
}
.theme-dark .popover {
  background-color: #E8EAED;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 7px;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #413c55;
}
.theme-dark .bs-popover-top > .arrow::before, .theme-dark .bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: #bdc1c6;
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.theme-dark .bs-popover-top > .arrow::after, .theme-dark .bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #E8EAED;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 7px 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #413c55;
}
.theme-dark .bs-popover-right > .arrow::before, .theme-dark .bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: #bdc1c6;
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.theme-dark .bs-popover-right > .arrow::after, .theme-dark .bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #E8EAED;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #413c55;
}
.theme-dark .bs-popover-bottom > .arrow::before, .theme-dark .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: #bdc1c6;
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.theme-dark .bs-popover-bottom > .arrow::after, .theme-dark .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #E8EAED;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #fff;
}
.theme-dark .bs-popover-bottom .popover-header::before, .theme-dark .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom: 1px solid #E8EAED;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 7px 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #413c55;
}
.theme-dark .bs-popover-left > .arrow::before, .theme-dark .bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: #bdc1c6;
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.theme-dark .bs-popover-left > .arrow::after, .theme-dark .bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #E8EAED;
}

.popover-header {
  padding: 0.95rem 0.95rem 0;
  margin-bottom: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  color: #090223;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.theme-dark .popover-header {
  color: #E8EAED;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.95rem 0.95rem;
  font-size: 0.75rem;
  overflow: hidden;
  color: #090223;
}
.theme-dark .popover-body {
  color: #E8EAED;
}
.popover-body .event-icon {
  margin-bottom: 0.5rem;
  display: block;
}
.popover-body .event-icon .icon {
  width: 40px;
  height: 40px;
}
.popover-body p {
  margin: 0;
}
.popover-body a {
  padding: 3px 6px;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
  border-radius: 7px;
}
.theme-dark .popover-body a {
  color: #E8EAED;
}
.popover-body a:hover {
  text-decoration: none;
}
.popover-body a .icon {
  margin-right: 0.25rem;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.theme-dark .carousel-control-prev,
.theme-dark .carousel-control-next {
  color: #080909;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.theme-dark .carousel-control-prev:hover, .theme-dark .carousel-control-prev:focus,
.theme-dark .carousel-control-next:hover,
.theme-dark .carousel-control-next:focus {
  color: #080909;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.theme-dark .carousel-indicators li {
  background-color: #080909;
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.theme-dark .carousel-caption {
  color: #080909;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid #090223;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: #090223;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.theme-dark .spinner-grow {
  background-color: #E8EAED;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle, .reportbuilder-table td {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary-color-100 {
  background-color: #ececfd !important;
}

a.bg-primary-color-100:hover, a.bg-primary-color-100:focus,
button.bg-primary-color-100:hover,
button.bg-primary-color-100:focus {
  background-color: #bebef8 !important;
}

.bg-primary-color-200 {
  background-color: #d9d8fb !important;
}

a.bg-primary-color-200:hover, a.bg-primary-color-200:focus,
button.bg-primary-color-200:hover,
button.bg-primary-color-200:focus {
  background-color: #acaaf6 !important;
}

.bg-primary-color-300 {
  background-color: #c5c5f9 !important;
}

a.bg-primary-color-300:hover, a.bg-primary-color-300:focus,
button.bg-primary-color-300:hover,
button.bg-primary-color-300:focus {
  background-color: #9797f4 !important;
}

.bg-primary-color-400 {
  background-color: #9f9ef6 !important;
}

a.bg-primary-color-400:hover, a.bg-primary-color-400:focus,
button.bg-primary-color-400:hover,
button.bg-primary-color-400:focus {
  background-color: #716ff2 !important;
}

.bg-primary-color-500 {
  background-color: #6564f0 !important;
}

a.bg-primary-color-500:hover, a.bg-primary-color-500:focus,
button.bg-primary-color-500:hover,
button.bg-primary-color-500:focus {
  background-color: #3736ec !important;
}

.bg-primary-color-600 {
  background-color: #3f3dec !important;
}

a.bg-primary-color-600:hover, a.bg-primary-color-600:focus,
button.bg-primary-color-600:hover,
button.bg-primary-color-600:focus {
  background-color: #1816e0 !important;
}

.bg-primary-color-700 {
  background-color: #26258e !important;
}

a.bg-primary-color-700:hover, a.bg-primary-color-700:focus,
button.bg-primary-color-700:hover,
button.bg-primary-color-700:focus {
  background-color: #1b1a66 !important;
}

.bg-primary-color-800 {
  background-color: #201f76 !important;
}

a.bg-primary-color-800:hover, a.bg-primary-color-800:focus,
button.bg-primary-color-800:hover,
button.bg-primary-color-800:focus {
  background-color: #15144e !important;
}

.bg-primary-color-900 {
  background-color: #131247 !important;
}

a.bg-primary-color-900:hover, a.bg-primary-color-900:focus,
button.bg-primary-color-900:hover,
button.bg-primary-color-900:focus {
  background-color: #08081e !important;
}

.bg-gray-100 {
  background-color: #f9f9fa !important;
}

a.bg-gray-100:hover, a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus {
  background-color: #dddde3 !important;
}

.bg-gray-200 {
  background-color: #eeedef !important;
}

a.bg-gray-200:hover, a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus {
  background-color: #d5d2d7 !important;
}

.bg-gray-300 {
  background-color: #e1e0e4 !important;
}

a.bg-gray-300:hover, a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus {
  background-color: #c7c5cc !important;
}

.bg-gray-400 {
  background-color: #d3d2d8 !important;
}

a.bg-gray-400:hover, a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus {
  background-color: #b8b7c0 !important;
}

.bg-gray-500 {
  background-color: #c4c3cb !important;
}

a.bg-gray-500:hover, a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus {
  background-color: #a9a8b3 !important;
}

.bg-gray-600 {
  background-color: #b4b2bc !important;
}

a.bg-gray-600:hover, a.bg-gray-600:focus,
button.bg-gray-600:hover,
button.bg-gray-600:focus {
  background-color: #9997a4 !important;
}

.bg-gray-700 {
  background-color: #a19eab !important;
}

a.bg-gray-700:hover, a.bg-gray-700:focus,
button.bg-gray-700:hover,
button.bg-gray-700:focus {
  background-color: #878393 !important;
}

.bg-gray-800 {
  background-color: #413c55 !important;
}

a.bg-gray-800:hover, a.bg-gray-800:focus,
button.bg-gray-800:hover,
button.bg-gray-800:focus {
  background-color: #2a2737 !important;
}

.bg-gray-900 {
  background-color: #090223 !important;
}

a.bg-gray-900:hover, a.bg-gray-900:focus,
button.bg-gray-900:hover,
button.bg-gray-900:focus {
  background-color: black !important;
}

.bg-primary {
  background-color: #3f3dec !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #1816e0 !important;
}

.bg-secondary {
  background-color: #b4b2bc !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #9997a4 !important;
}

.bg-success {
  background-color: #3f3dec !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1816e0 !important;
}

.bg-info {
  background-color: #406CD2 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #2b54b4 !important;
}

.bg-warning {
  background-color: #F7B742 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #f5a411 !important;
}

.bg-danger {
  background-color: #ef1010 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bf0d0d !important;
}

.bg-light {
  background-color: #b4b2bc !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #9997a4 !important;
}

.bg-dark {
  background-color: #090223 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: black !important;
}

.bg-white {
  background-color: #fff !important;
}
.theme-dark .bg-white {
  background-color: #E8EAED !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #e1e0e4 !important;
}

.border-top {
  border-top: 1px solid #e1e0e4 !important;
}

.border-right {
  border-right: 1px solid #e1e0e4 !important;
}

.border-bottom {
  border-bottom: 1px solid #e1e0e4 !important;
}

.border-left {
  border-left: 1px solid #e1e0e4 !important;
}

.theme-dark .border {
  border: 1px solid #2E3134 !important;
}
.theme-dark .border-top {
  border-top: 1px solid #2E3134 !important;
}
.theme-dark .border-right {
  border-right: 1px solid #2E3134 !important;
}
.theme-dark .border-bottom {
  border-bottom: 1px solid #2E3134 !important;
}
.theme-dark .border-left {
  border-left: 1px solid #2E3134 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary-color-100 {
  border-color: #ececfd !important;
}

.border-primary-color-200 {
  border-color: #d9d8fb !important;
}

.border-primary-color-300 {
  border-color: #c5c5f9 !important;
}

.border-primary-color-400 {
  border-color: #9f9ef6 !important;
}

.border-primary-color-500 {
  border-color: #6564f0 !important;
}

.border-primary-color-600 {
  border-color: #3f3dec !important;
}

.border-primary-color-700 {
  border-color: #26258e !important;
}

.border-primary-color-800 {
  border-color: #201f76 !important;
}

.border-primary-color-900 {
  border-color: #131247 !important;
}

.border-gray-100 {
  border-color: #f9f9fa !important;
}

.border-gray-200 {
  border-color: #eeedef !important;
}

.border-gray-300 {
  border-color: #e1e0e4 !important;
}

.border-gray-400 {
  border-color: #d3d2d8 !important;
}

.border-gray-500 {
  border-color: #c4c3cb !important;
}

.border-gray-600 {
  border-color: #b4b2bc !important;
}

.border-gray-700 {
  border-color: #a19eab !important;
}

.border-gray-800 {
  border-color: #413c55 !important;
}

.border-gray-900 {
  border-color: #090223 !important;
}

.border-primary {
  border-color: #3f3dec !important;
}

.border-secondary {
  border-color: #b4b2bc !important;
}

.border-success {
  border-color: #3f3dec !important;
}

.border-info {
  border-color: #406CD2 !important;
}

.border-warning {
  border-color: #F7B742 !important;
}

.border-danger {
  border-color: #ef1010 !important;
}

.border-light {
  border-color: #b4b2bc !important;
}

.border-dark {
  border-color: #090223 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 3px !important;
}

.rounded {
  border-radius: 7px !important;
}

.rounded-top {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}

.rounded-right {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.rounded-bottom {
  border-bottom-right-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.rounded-left {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.rounded-lg {
  border-radius: 40px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 320px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1089px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1360px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1900px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 320px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1089px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1360px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1900px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 320px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1089px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1360px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1900px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}

.shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;
}

.shadow-lg {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.875rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.875rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.875rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.875rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.875rem !important;
}

.m-5 {
  margin: 2.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 2.5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 2.5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 2.5rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 2.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6,
.my-6 {
  margin-top: 3rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 3rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 3rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.875rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.875rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.875rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.875rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.875rem !important;
}

.p-5 {
  padding: 2.5rem !important;
}

.pt-5,
.py-5 {
  padding-top: 2.5rem !important;
}

.pr-5,
.px-5 {
  padding-right: 2.5rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 2.5rem !important;
}

.pl-5,
.px-5 {
  padding-left: 2.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6,
.py-6 {
  padding-top: 3rem !important;
}

.pr-6,
.px-6 {
  padding-right: 3rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 3rem !important;
}

.pl-6,
.px-6 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.875rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.875rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.875rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.875rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.875rem !important;
}

.m-n5 {
  margin: -2.5rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -2.5rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -2.5rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -2.5rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -2.5rem !important;
}

.m-n6 {
  margin: -3rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -3rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -3rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -3rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 320px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.875rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.875rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.875rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.875rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.875rem !important;
  }
  .m-sm-5 {
    margin: 2.5rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 2.5rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 2.5rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 2.5rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .mt-sm-6,
.my-sm-6 {
    margin-top: 3rem !important;
  }
  .mr-sm-6,
.mx-sm-6 {
    margin-right: 3rem !important;
  }
  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-6,
.mx-sm-6 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.875rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.875rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.875rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.875rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.875rem !important;
  }
  .p-sm-5 {
    padding: 2.5rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 2.5rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 2.5rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .pt-sm-6,
.py-sm-6 {
    padding-top: 3rem !important;
  }
  .pr-sm-6,
.px-sm-6 {
    padding-right: 3rem !important;
  }
  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-6,
.px-sm-6 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.875rem !important;
  }
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.875rem !important;
  }
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.875rem !important;
  }
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.875rem !important;
  }
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.875rem !important;
  }
  .m-sm-n5 {
    margin: -2.5rem !important;
  }
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -2.5rem !important;
  }
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -2.5rem !important;
  }
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -2.5rem !important;
  }
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -2.5rem !important;
  }
  .m-sm-n6 {
    margin: -3rem !important;
  }
  .mt-sm-n6,
.my-sm-n6 {
    margin-top: -3rem !important;
  }
  .mr-sm-n6,
.mx-sm-n6 {
    margin-right: -3rem !important;
  }
  .mb-sm-n6,
.my-sm-n6 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n6,
.mx-sm-n6 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.875rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.875rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.875rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.875rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.875rem !important;
  }
  .m-md-5 {
    margin: 2.5rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 2.5rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 2.5rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 2.5rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .mt-md-6,
.my-md-6 {
    margin-top: 3rem !important;
  }
  .mr-md-6,
.mx-md-6 {
    margin-right: 3rem !important;
  }
  .mb-md-6,
.my-md-6 {
    margin-bottom: 3rem !important;
  }
  .ml-md-6,
.mx-md-6 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.875rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.875rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.875rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.875rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.875rem !important;
  }
  .p-md-5 {
    padding: 2.5rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 2.5rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 2.5rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 2.5rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .pt-md-6,
.py-md-6 {
    padding-top: 3rem !important;
  }
  .pr-md-6,
.px-md-6 {
    padding-right: 3rem !important;
  }
  .pb-md-6,
.py-md-6 {
    padding-bottom: 3rem !important;
  }
  .pl-md-6,
.px-md-6 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.875rem !important;
  }
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.875rem !important;
  }
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.875rem !important;
  }
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.875rem !important;
  }
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.875rem !important;
  }
  .m-md-n5 {
    margin: -2.5rem !important;
  }
  .mt-md-n5,
.my-md-n5 {
    margin-top: -2.5rem !important;
  }
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -2.5rem !important;
  }
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -2.5rem !important;
  }
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -2.5rem !important;
  }
  .m-md-n6 {
    margin: -3rem !important;
  }
  .mt-md-n6,
.my-md-n6 {
    margin-top: -3rem !important;
  }
  .mr-md-n6,
.mx-md-n6 {
    margin-right: -3rem !important;
  }
  .mb-md-n6,
.my-md-n6 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n6,
.mx-md-n6 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1089px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.875rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.875rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.875rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.875rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.875rem !important;
  }
  .m-lg-5 {
    margin: 2.5rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 2.5rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 2.5rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 2.5rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .mt-lg-6,
.my-lg-6 {
    margin-top: 3rem !important;
  }
  .mr-lg-6,
.mx-lg-6 {
    margin-right: 3rem !important;
  }
  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-6,
.mx-lg-6 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.875rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.875rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.875rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.875rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.875rem !important;
  }
  .p-lg-5 {
    padding: 2.5rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 2.5rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 2.5rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .pt-lg-6,
.py-lg-6 {
    padding-top: 3rem !important;
  }
  .pr-lg-6,
.px-lg-6 {
    padding-right: 3rem !important;
  }
  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-6,
.px-lg-6 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.875rem !important;
  }
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.875rem !important;
  }
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.875rem !important;
  }
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.875rem !important;
  }
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.875rem !important;
  }
  .m-lg-n5 {
    margin: -2.5rem !important;
  }
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -2.5rem !important;
  }
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -2.5rem !important;
  }
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -2.5rem !important;
  }
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -2.5rem !important;
  }
  .m-lg-n6 {
    margin: -3rem !important;
  }
  .mt-lg-n6,
.my-lg-n6 {
    margin-top: -3rem !important;
  }
  .mr-lg-n6,
.mx-lg-n6 {
    margin-right: -3rem !important;
  }
  .mb-lg-n6,
.my-lg-n6 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n6,
.mx-lg-n6 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1360px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.875rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.875rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.875rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.875rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.875rem !important;
  }
  .m-xl-5 {
    margin: 2.5rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 2.5rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 2.5rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 2.5rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .mt-xl-6,
.my-xl-6 {
    margin-top: 3rem !important;
  }
  .mr-xl-6,
.mx-xl-6 {
    margin-right: 3rem !important;
  }
  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-6,
.mx-xl-6 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.875rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.875rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.875rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.875rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.875rem !important;
  }
  .p-xl-5 {
    padding: 2.5rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 2.5rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 2.5rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .pt-xl-6,
.py-xl-6 {
    padding-top: 3rem !important;
  }
  .pr-xl-6,
.px-xl-6 {
    padding-right: 3rem !important;
  }
  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-6,
.px-xl-6 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.875rem !important;
  }
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.875rem !important;
  }
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.875rem !important;
  }
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.875rem !important;
  }
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.875rem !important;
  }
  .m-xl-n5 {
    margin: -2.5rem !important;
  }
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -2.5rem !important;
  }
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -2.5rem !important;
  }
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -2.5rem !important;
  }
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -2.5rem !important;
  }
  .m-xl-n6 {
    margin: -3rem !important;
  }
  .mt-xl-n6,
.my-xl-n6 {
    margin-top: -3rem !important;
  }
  .mr-xl-n6,
.mx-xl-n6 {
    margin-right: -3rem !important;
  }
  .mb-xl-n6,
.my-xl-n6 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n6,
.mx-xl-n6 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1900px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
.my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
.mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
.my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
.mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
.my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
.mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
.my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
.mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
.my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
.mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
.my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
.mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
.my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
.mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
.my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
.mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.875rem !important;
  }
  .mt-xxl-4,
.my-xxl-4 {
    margin-top: 1.875rem !important;
  }
  .mr-xxl-4,
.mx-xxl-4 {
    margin-right: 1.875rem !important;
  }
  .mb-xxl-4,
.my-xxl-4 {
    margin-bottom: 1.875rem !important;
  }
  .ml-xxl-4,
.mx-xxl-4 {
    margin-left: 1.875rem !important;
  }
  .m-xxl-5 {
    margin: 2.5rem !important;
  }
  .mt-xxl-5,
.my-xxl-5 {
    margin-top: 2.5rem !important;
  }
  .mr-xxl-5,
.mx-xxl-5 {
    margin-right: 2.5rem !important;
  }
  .mb-xxl-5,
.my-xxl-5 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xxl-5,
.mx-xxl-5 {
    margin-left: 2.5rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .mt-xxl-6,
.my-xxl-6 {
    margin-top: 3rem !important;
  }
  .mr-xxl-6,
.mx-xxl-6 {
    margin-right: 3rem !important;
  }
  .mb-xxl-6,
.my-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-6,
.mx-xxl-6 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
.py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
.px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
.py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
.px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
.py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
.px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
.py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
.px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
.py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
.px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
.py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
.px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
.py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
.px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
.py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
.px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.875rem !important;
  }
  .pt-xxl-4,
.py-xxl-4 {
    padding-top: 1.875rem !important;
  }
  .pr-xxl-4,
.px-xxl-4 {
    padding-right: 1.875rem !important;
  }
  .pb-xxl-4,
.py-xxl-4 {
    padding-bottom: 1.875rem !important;
  }
  .pl-xxl-4,
.px-xxl-4 {
    padding-left: 1.875rem !important;
  }
  .p-xxl-5 {
    padding: 2.5rem !important;
  }
  .pt-xxl-5,
.py-xxl-5 {
    padding-top: 2.5rem !important;
  }
  .pr-xxl-5,
.px-xxl-5 {
    padding-right: 2.5rem !important;
  }
  .pb-xxl-5,
.py-xxl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xxl-5,
.px-xxl-5 {
    padding-left: 2.5rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .pt-xxl-6,
.py-xxl-6 {
    padding-top: 3rem !important;
  }
  .pr-xxl-6,
.px-xxl-6 {
    padding-right: 3rem !important;
  }
  .pb-xxl-6,
.py-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-6,
.px-xxl-6 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
.my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
.mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
.my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
.mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
.my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
.mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
.my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
.mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
.my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
.mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
.my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
.mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.875rem !important;
  }
  .mt-xxl-n4,
.my-xxl-n4 {
    margin-top: -1.875rem !important;
  }
  .mr-xxl-n4,
.mx-xxl-n4 {
    margin-right: -1.875rem !important;
  }
  .mb-xxl-n4,
.my-xxl-n4 {
    margin-bottom: -1.875rem !important;
  }
  .ml-xxl-n4,
.mx-xxl-n4 {
    margin-left: -1.875rem !important;
  }
  .m-xxl-n5 {
    margin: -2.5rem !important;
  }
  .mt-xxl-n5,
.my-xxl-n5 {
    margin-top: -2.5rem !important;
  }
  .mr-xxl-n5,
.mx-xxl-n5 {
    margin-right: -2.5rem !important;
  }
  .mb-xxl-n5,
.my-xxl-n5 {
    margin-bottom: -2.5rem !important;
  }
  .ml-xxl-n5,
.mx-xxl-n5 {
    margin-left: -2.5rem !important;
  }
  .m-xxl-n6 {
    margin: -3rem !important;
  }
  .mt-xxl-n6,
.my-xxl-n6 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n6,
.mx-xxl-n6 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n6,
.my-xxl-n6 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n6,
.mx-xxl-n6 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
.my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
.mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
.my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
.mx-xxl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate, .block_private_files [id^=private_files_tree] a, .block_private_files .ygtvcontent div, .dropdown .dropdown-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 320px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1089px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1360px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1900px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary-color-100 {
  color: #ececfd !important;
}

a.text-primary-color-100:hover, a.text-primary-color-100:focus {
  color: #a7a7f6 !important;
}

.text-primary-color-200 {
  color: #d9d8fb !important;
}

a.text-primary-color-200:hover, a.text-primary-color-200:focus {
  color: #9593f4 !important;
}

.text-primary-color-300 {
  color: #c5c5f9 !important;
}

a.text-primary-color-300:hover, a.text-primary-color-300:focus {
  color: #8080f2 !important;
}

.text-primary-color-400 {
  color: #9f9ef6 !important;
}

a.text-primary-color-400:hover, a.text-primary-color-400:focus {
  color: #5a58f0 !important;
}

.text-primary-color-500 {
  color: #6564f0 !important;
}

a.text-primary-color-500:hover, a.text-primary-color-500:focus {
  color: #201ee9 !important;
}

.text-primary-color-600 {
  color: #3f3dec !important;
}

a.text-primary-color-600:hover, a.text-primary-color-600:focus {
  color: #1614c9 !important;
}

.text-primary-color-700 {
  color: #26258e !important;
}

a.text-primary-color-700:hover, a.text-primary-color-700:focus {
  color: #161551 !important;
}

.text-primary-color-800 {
  color: #201f76 !important;
}

a.text-primary-color-800:hover, a.text-primary-color-800:focus {
  color: #100f39 !important;
}

.text-primary-color-900 {
  color: #131247 !important;
}

a.text-primary-color-900:hover, a.text-primary-color-900:focus {
  color: #03030a !important;
}

.text-gray-100 {
  color: #f9f9fa !important;
}

a.text-gray-100:hover, a.text-gray-100:focus {
  color: #cfcfd7 !important;
}

.text-gray-200 {
  color: #eeedef !important;
}

a.text-gray-200:hover, a.text-gray-200:focus {
  color: #c8c5cb !important;
}

.text-gray-300 {
  color: #e1e0e4 !important;
}

a.text-gray-300:hover, a.text-gray-300:focus {
  color: #b9b7c0 !important;
}

.text-gray-400 {
  color: #d3d2d8 !important;
}

a.text-gray-400:hover, a.text-gray-400:focus {
  color: #aba9b4 !important;
}

.text-gray-500 {
  color: #c4c3cb !important;
}

a.text-gray-500:hover, a.text-gray-500:focus {
  color: #9c9aa7 !important;
}

.text-gray-600 {
  color: #b4b2bc !important;
}

a.text-gray-600:hover, a.text-gray-600:focus {
  color: #8c8998 !important;
}

.text-gray-700 {
  color: #a19eab !important;
}

a.text-gray-700:hover, a.text-gray-700:focus {
  color: #797587 !important;
}

.text-gray-800 {
  color: #413c55 !important;
}

a.text-gray-800:hover, a.text-gray-800:focus {
  color: #1f1c28 !important;
}

.text-gray-900 {
  color: #090223 !important;
}

a.text-gray-900:hover, a.text-gray-900:focus {
  color: black !important;
}

.text-primary {
  color: #3f3dec !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #1614c9 !important;
}

.text-secondary {
  color: #b4b2bc !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #8c8998 !important;
}

.text-success {
  color: #3f3dec !important;
}

a.text-success:hover, a.text-success:focus {
  color: #1614c9 !important;
}

.text-info {
  color: #406CD2 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #264aa0 !important;
}

.text-warning {
  color: #F7B742 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #e3960a !important;
}

.text-danger {
  color: #ef1010 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a70b0b !important;
}

.text-light {
  color: #b4b2bc !important;
}

a.text-light:hover, a.text-light:focus {
  color: #8c8998 !important;
}

.text-dark {
  color: #090223 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: black !important;
}

.text-body {
  color: #090223 !important;
}

.text-muted, .block .minicalendar td.weekend {
  color: #a19eab !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/**
 * Bootstrap overrides for RTL
 *
 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
 * moodle scss should be placed immediately after the definition of the ltr rule.
 */
.dir-rtl .custom-select {
  background-position: 0.75rem center;
}

/*rtl:raw:
.dropdown-menu {
    right: auto;
    left: 0;
    text-align: right;
}
*/
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(-0.9375rem);
}

/**
 * Moodle variables
 *
 * Variables written for Moodle specific components
 *
 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
 * preset files instead.
 */
/* core.less */
/* TODO: #region-main {
    overflow-x: auto;
    overflow-y: visible;
} */
.sticky-header-settings-menu {
  position: fixed;
  top: 77px;
  right: 45px;
  z-index: 1030;
}
@media (max-width: 1088.98px) {
  .sticky-header-settings-menu {
    top: 72px;
    right: 16px;
  }
}
.sticky-header-settings-menu .dropdown-btn {
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  transition: all 0.2s ease-in-out;
}
.sticky-header-settings-menu .dropdown-btn:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.notloggedin .header-settings-menu {
  display: none !important;
}

@media (min-width: 320px) and (max-width: 1088.98px) {
  .header-settings-menu {
    padding: 4px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1019;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 7px;
  }
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  .scrolled .header-settings-menu {
    right: 65px;
    left: auto;
  }
}
@media (max-width: 767.98px) {
  .scrolled .header-settings-menu {
    right: 65px;
    left: 5px;
  }
}
@media (min-width: 320px) {
  .context-header-settings-menu,
.region-main-settings-menu {
    float: right;
    width: auto;
    max-width: 4em;
    height: 2em;
    display: block;
    margin-top: 4px;
  }
}
@media (max-width: 767.98px) {
  .context-header-settings-menu,
.region-main-settings-menu {
    display: flex;
    justify-content: flex-end;
  }
}
/** Prevent user notifications overlapping with region main settings menu */
#user-notifications {
  display: block;
  overflow: hidden;
  margin: 10px 0;
}
#user-notifications:empty {
  margin: 0;
}
#user-notifications .alert, #user-notifications #page-mod-choice-view #notice p, #page-mod-choice-view #notice #user-notifications p, #user-notifications .que .validationerror, .que #user-notifications .validationerror {
  margin-bottom: 0;
}
#user-notifications .alert + .alert, #user-notifications #page-mod-choice-view #notice p + .alert, #page-mod-choice-view #notice #user-notifications p + .alert, #user-notifications #page-mod-choice-view #notice .alert + p, #page-mod-choice-view #notice #user-notifications .alert + p, #user-notifications #page-mod-choice-view #notice p + p, #page-mod-choice-view #notice #user-notifications p + p, #user-notifications .que .validationerror + .alert, #user-notifications .que #page-mod-choice-view #notice .validationerror + p, #page-mod-choice-view #notice #user-notifications .que .validationerror + p, .que #user-notifications .validationerror + .alert, .que #user-notifications #page-mod-choice-view #notice .validationerror + p, #page-mod-choice-view #notice .que #user-notifications .validationerror + p, #user-notifications .que .alert + .validationerror, #user-notifications .que #page-mod-choice-view #notice p + .validationerror, #page-mod-choice-view #notice #user-notifications .que p + .validationerror, .que #user-notifications .alert + .validationerror, .que #user-notifications #page-mod-choice-view #notice p + .validationerror, #page-mod-choice-view #notice .que #user-notifications p + .validationerror, #user-notifications .que .validationerror + .validationerror, .que #user-notifications .validationerror + .validationerror {
  margin-top: 0.35rem;
}

/** Page layout CSS starts **/
.layout-option-noheader .page-header-content,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #s-page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
  display: none;
}

/** Page layout CSS ends **/
.mdl-left {
  text-align: left;
}

.mdl-right {
  text-align: right;
}

/*rtl:ignore*/
.text-ltr {
  direction: ltr !important; /* stylelint-disable-line declaration-no-important */
}

#add,
#remove,
.centerpara,
.mdl-align {
  text-align: center;
}

#page-admin-report-questioninstances-index .centerpara {
  text-align: left;
}

a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a {
  color: #a19eab;
}
.theme-dark a.dimmed,
.theme-dark a.dimmed:link,
.theme-dark a.dimmed:visited,
.theme-dark a.dimmed_text,
.theme-dark a.dimmed_text:link,
.theme-dark a.dimmed_text:visited,
.theme-dark .dimmed_text,
.theme-dark .dimmed_text a,
.theme-dark .dimmed_text a:link,
.theme-dark .dimmed_text a:visited,
.theme-dark .usersuspended,
.theme-dark .usersuspended a,
.theme-dark .usersuspended a:link,
.theme-dark .usersuspended a:visited,
.theme-dark .dimmed_category,
.theme-dark .dimmed_category a {
  color: #9AA0A6;
}

.aalink:focus:hover,
#s-page-footer a:not([class]):focus:hover,
.arrow_link:focus:hover,
a:not([class]):focus:hover,
.activityinstance > a:focus:hover {
  text-decoration: none;
}

.aabtn:focus:hover,
.btn-link:focus:hover,
[data-fieldtype=submit] a:focus:hover,
.cancel a:focus:hover,
#page-mod-quiz-report .gradetheselink:focus:hover,
.nav-link:focus:hover,
.atto_link_button:focus:hover,
[role=button]:focus:hover,
.list-group-item-action:focus:hover,
input[type=checkbox]:focus:hover,
input[type=radio]:focus:hover,
input[type=file]:focus:hover,
input[type=image]:focus:hover,
.sr-only-focusable:focus:hover,
a.dropdown-toggle:focus:hover,
.modal-dialog[tabindex="0"]:focus:hover,
.moodle-dialogue-base .closebutton:focus:hover,
button.close:focus:hover,
.yui3-skin-sam button.yui3-button.closebutton:focus:hover,
.form-autocomplete-selection:focus:hover {
  text-decoration: none;
}

.safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
.safari input[type=radio].focus,
.safari input[type=radio]:focus {
  outline: auto;
}

.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.activity,
.section li.movehere,
.tabtree li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.section li.movehere a {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #413c55;
}

.editing .course-content .hidden.sectionname {
  visibility: hidden;
  display: none;
}

.inline,
.inline-list li {
  display: inline-flex;
}

.notifytiny {
  font-size: 0.75rem;
}

.notifytiny li,
.notifytiny td {
  font-size: 100%;
}

.red,
.notifyproblem {
  color: #ef1010;
}

.green,
.notifysuccess {
  color: #3f3dec;
}

.highlight {
  padding: 0 4px;
  font-weight: 700;
  color: #6564f0;
  position: relative;
}
.highlight:before {
  content: "";
  background-color: #c5c5f9;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.theme-dark .highlight {
  color: #9f9ef6;
}
.theme-dark .highlight:before {
  background-color: #9f9ef6;
}

.fitem.advanced .text-info {
  font-weight: 700;
}

.text-info {
  color: #406CD2;
}

.reportlink {
  text-align: right;
}

a.autolink.glossary:hover {
  cursor: help;
}

/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
  white-space: nowrap;
  min-height: 1.5rem;
}

.collapsibleregioncaption a {
  width: 100%;
  display: block;
  padding: 0.85rem 30px;
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px);
  border-bottom: 1px solid #e1e0e4;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
  text-align: left;
}
.theme-dark .collapsibleregioncaption a {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  border-color: #2E3134;
  color: #f9f9fa;
}
.collapsibleregioncaption a:hover {
  text-decoration: none;
  background-color: #ececfd;
  border-color: #6564f0;
  color: #6564f0;
}
.theme-dark .collapsibleregioncaption a:hover {
  background-color: #0b0d0f;
  border-color: #2E3134;
  color: #E8EAED;
}
.collapsed .collapsibleregioncaption a {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .collapsed .collapsibleregioncaption a {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.collapsibleregioncaption a img {
  display: none;
}

.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
  cursor: pointer;
}

.pagelayout-mydashboard #region-main {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-top: -1px;
}

@media (max-width: 767.98px) {
  .pagelayout-mydashboard #region-main-box,
.pagelayout-login #region-main-box {
    padding-left: 0;
    padding-right: 0;
  }
}
.collapsibleregioncaption img {
  vertical-align: middle;
}

.jsenabled .hiddenifjs {
  display: none;
}

.visibleifjs {
  display: none;
}

.jsenabled .visibleifjs {
  display: inline;
}

.collapsibleregion {
  margin: 0.5rem 0;
  width: 100%;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  overflow: hidden;
  box-sizing: content-box;
}
.theme-dark .collapsibleregion {
  border-color: #2E3134;
}

.collapsibleregioninner {
  padding: 20px 30px;
}
.collapsibleregioninner .form-check {
  padding: 5px 0;
}
.collapsibleregioninner .form-check .form-check-input {
  margin-right: 10px;
}

.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden;
}

.collapsible-actions {
  display: none;
  text-align: right;
}

.jsenabled .collapsible-actions {
  display: block;
  margin-bottom: 10px;
}

.collapsible-actions .collapseexpand {
  padding-right: 35px;
  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='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px);
}
.theme-dark .collapsible-actions .collapseexpand {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

.collapsible-actions .collapse-all {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
}
.theme-dark .collapsible-actions .collapse-all {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
}

.yui-overlay .yui-widget-bd {
  background-color: #ffee69;
  border: 1px solid #a6982b;
  border-top-color: #d4c237;
  color: #000;
  left: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1;
}

.adminsettings .clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 10px 0 !important;
  padding: 0 !important;
}
.block .clearer {
  display: none;
}

.bold,
.warning,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
  font-weight: 700;
}

img.resize {
  height: 1em;
  width: 1em;
}

.action-menu .dropdown-toggle {
  text-decoration: none;
}

.action-menu {
  white-space: nowrap;
}

.block img.resize {
  height: 0.9em;
  width: 0.8em;
}

/* Icon styles */
img.activityicon {
  height: 40px;
  width: 40px;
}
@media (max-width: 767.98px) {
  img.activityicon {
    height: 30px;
    width: 30px;
  }
}

.headermain {
  font-weight: 700;
}

#maincontent {
  display: block;
  overflow: hidden;
}

img.uihint {
  cursor: help;
}

#addmembersform table {
  margin-left: auto;
  margin-right: auto;
}
#addmembersform table tr, #addmembersform table td {
  border: none;
}
#addmembersform table td {
  padding: 10px !important;
  vertical-align: top;
}

table.flexible .emptyrow {
  display: none;
}

form.popupform,
form.popupform div {
  display: inline;
}

.arrow_button input {
  overflow: hidden;
}

.no-overflow {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
.no-overflow::-webkit-scrollbar {
  width: 12px;
}
.no-overflow::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.no-overflow::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.no-overflow::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .no-overflow {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .no-overflow::-webkit-scrollbar {
  width: 12px;
}
.theme-dark .no-overflow::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark .no-overflow::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark .no-overflow::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}

.no-overflow > .generaltable, .no-overflow > .rolecap {
  position: relative;
  min-width: 100%;
  width: max-content;
}

.accesshide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: none !important;
}

span.hide,
div.hide,
.hidden {
  display: none;
}

a.skip-block,
a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
  text-decoration: none;
}

a.skip-block:focus,
a.skip-block:active,
a.skip:focus,
a.skip:active {
  position: static;
  display: block;
}

.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden;
}

.addbloglink {
  margin: 1rem 0 2rem;
}

.blog_entry .audience {
  text-align: right;
  padding-right: 4px;
}

.blog_entry .tags {
  margin-top: 15px;
}

.blog_entry .content {
  margin-left: 43px;
}

#doc-contents h1 {
  margin: 1em 0 0 0;
}

#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%;
}

#doc-contents ul li {
  list-style-type: none;
}

.groupmanagementtable td {
  vertical-align: top;
}

.groupmanagementtable #existingcell,
.groupmanagementtable #potentialcell {
  width: 42%;
  vertical-align: top;
}
.groupmanagementtable #existingcell p,
.groupmanagementtable #potentialcell p {
  margin: 0;
}

.groupmanagementtable #buttonscell {
  width: 16%;
}

.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
  display: block;
}

.groupmanagementtable #removeselect_wrapper,
.groupmanagementtable #addselect_wrapper {
  width: 100%;
}

.groupmanagementtable #removeselect_wrapper label,
.groupmanagementtable #addselect_wrapper label {
  font-weight: normal;
}

#group-usersummary {
  width: 14em;
}

.groupselector {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}
.rui-forum-buttons .groupselector {
  margin: 10px 0;
  display: block;
  font-weight: 700;
}

.groupselector label {
  display: inline-block;
}

.login-page [name=username] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.login-page [type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#page-notes-edit.path-notes .main-content {
  width: 100%;
}

.notepost .userpicture {
  float: left;
  margin-right: 1rem;
}

.notepost .content,
.notepost .footer {
  clear: both;
}

.notesgroup {
  padding: 1rem;
  margin: 1rem 0 2rem;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .notesgroup {
  border-color: #2E3134;
}
.notesgroup:empty {
  padding: 0;
  border: none;
}

.notesgroup p {
  margin: 0 0 1rem;
}
.notesgroup p:only-child {
  margin-bottom: 0;
}

.notestitle {
  font-size: 0.875rem;
  font-weight: 500;
  color: #413c55;
  text-decoration: none;
}
.theme-dark .notestitle {
  color: #BDC1C6;
}

.notelist .header {
  display: block;
}
.notelist .header .user {
  font-size: 0.875rem;
  font-weight: 700;
}
.notelist .header .user a {
  display: block !important;
}
.notelist .header .user img {
  border-radius: 7px;
}
.notelist .header .info {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .notelist .header .info {
  color: #BDC1C6;
}

.notepost .content {
  margin: 0.5rem 1rem 1rem 52px;
}

.notepost .footer {
  margin: 0 1rem 1rem 52px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e1e0e4;
}
.notepost .footer a {
  margin: 0;
}

.notepost {
  margin-bottom: 2rem;
}
.notepost:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.notepost:last-child .footer {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.path-my .coursebox {
  margin: 1rem 0;
  padding: 0;
}
.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px;
}

.path-my .coursebox .info {
  float: none;
  margin: 0;
}

table.mod_index {
  width: 100%;
}
table.mod_index .c0 {
  font-size: 1rem;
  text-align: left !important;
}
table.mod_index .c1 a {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
table.mod_index .c1 a:hover {
  color: #9f9ef6;
  text-decoration: none;
}
table.mod_index .c1 a .activityicon {
  margin-right: 0.5rem;
  width: 40px;
  height: 40px;
}
@media (max-width: 767.98px) {
  table.mod_index .c1 a .activityicon {
    width: 30px;
    height: 30px;
  }
}
table.mod_index .c2 {
  font-size: 0.875rem;
}

.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0;
}

.comment-ctrl h5 {
  margin: 0;
  padding: 5px;
}

.comment-pagination,
.comment-area {
  padding-left: 140px;
}
.rui-blocks-area .comment-pagination, #page-mod-assign-grader .comment-pagination,
.rui-blocks-area .comment-area,
#page-mod-assign-grader .comment-area {
  padding-left: 0;
}

.comment-area textarea {
  margin-bottom: 0.35rem;
  width: 100%;
  min-height: 100px;
  overflow: auto;
  background-size: 18px;
}
.comment-area textarea.fullwidth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-area .fd {
  text-align: right;
}
.rui-blocks-area .comment-area .fd {
  width: 100%;
}
.comment-area .fd a {
  margin-left: 0.35rem;
}
.rui-blocks-area .comment-area .fd a {
  margin-left: 0;
  width: 100%;
}
.comment-area .fd span {
  display: none;
}

.comment-meta span {
  color: #413c55;
}
.theme-dark .comment-meta span {
  color: #BDC1C6;
}

.comment-link img {
  vertical-align: text-bottom;
}

.comment-list {
  padding: 0;
  margin: 0;
  overflow: auto;
  list-style: none;
}

.comment-list li {
  padding: 0.25rem;
  margin: 0 0 1rem 0;
  border-radius: 7px;
  list-style: none;
  clear: both;
  position: relative;
}
.comment-list li:hover {
  background-color: #f9f9fa;
}
.theme-dark .comment-list li:hover {
  background-color: #0b0d0f;
}

.comment-list li.first {
  display: none;
}

.comment-message {
  padding-left: 140px;
}
.rui-blocks-area .comment-message {
  padding-left: 0;
}
table .comment-message {
  max-width: 400px;
}
.glossarypost .comment-message {
  max-width: 100%;
}

.comment-message .picture {
  margin-right: 0.5rem;
}
.comment-message .picture img {
  width: 30px;
  height: 30px;
  border-radius: 7px;
}

.comment-message .user {
  font-size: 0.875rem;
  font-weight: 500;
}

.comment-message .time {
  max-width: 110px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #413c55;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
}
.theme-dark .comment-message .time {
  color: #BDC1C6;
}
.rui-blocks-area .comment-message .time {
  max-width: 100%;
  margin-left: 38px;
  position: relative;
  top: auto;
  left: auto;
}

.comment-message-meta {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  color: #413c55;
}
.theme-dark .comment-message-meta {
  color: #413c55;
}
.rui-blocks-area .comment-message-meta {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0 !important;
}
.comment-message-meta a {
  color: #090223;
}
.theme-dark .comment-message-meta a {
  color: #E8EAED;
}

.comment-message .text {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark .comment-message .text {
  color: #BDC1C6;
}

.comment-message .text p {
  padding: 0;
  margin: 0 18px 0 0;
}

.comment-delete {
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 4px;
  margin: 0;
}
.comment-list li:hover .comment-delete {
  opacity: 1;
}
.comment-delete a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 60px;
}
.comment-delete a .rui-icon-container {
  margin: 0;
}
.comment-delete a .rui-icon-container .icon {
  width: 20px;
  height: 20px;
}
.comment-delete a:hover {
  text-decoration: none;
  background-color: #e1e0e4;
}

.comment-report-selectall {
  display: none;
}

.comment-link {
  display: none;
}

.jsenabled .comment-link {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: #090223;
  margin-bottom: 1rem;
}
.jsenabled .comment-link:hover {
  text-decoration: none;
  cursor: pointer;
  color: #9f9ef6;
}

.theme-dark.jsenabled .comment-link {
  color: #E8EAED;
}

.jsenabled .showcommentsnonjs {
  display: none;
}

.jsenabled .comment-report-selectall {
  display: inline;
}

/**
* Completion progress report
*/
.completion-expired {
  color: #F7B742;
}

.completion-expected {
  margin-top: 5px;
  margin-left: 10px;
  color: #406CD2;
  font-weight: 700;
  font-size: 0.75rem;
  text-align: left;
}

.completion-sortchoice,
.completion-identifyfield {
  font-size: 0.75rem;
  vertical-align: bottom;
}

.completion-progresscell {
  text-align: right;
}

.completion-expired .completion-expected {
  font-weight: 700;
}

/**
* Tags
*/
img.user-image {
  height: 100px;
  width: 100px;
}

#tag-search-box {
  margin: 1rem auto 2rem;
}

.path-tag .tagarea .controls::after,
.path-tag .tagarea .taggeditems::after {
  display: block;
  clear: both;
  content: "";
}

.path-tag .tagarea .controls,
.path-tag .tag-backtoallitems {
  text-align: center;
}

.path-tag .tagarea .controls .gotopage.nextpage {
  float: right;
}

.path-tag .tagarea .controls .gotopage.prevpage {
  float: left;
}

.path-tag .tagarea .controls .exclusivemode {
  display: inline-block;
}

.path-tag .tagarea .controls.controls-bottom {
  margin-top: 5px;
}

.path-tag .tagarea .controls .gotopage.nextpage::after {
  padding-right: 5px;
  padding-left: 5px;
  content: "»";
}

.path-tag .tagarea .controls .gotopage.prevpage::before {
  padding-right: 5px;
  padding-left: 5px;
  content: "«";
}

span.flagged-tag,
tr.flagged-tag,
span.flagged-tag a,
tr.flagged-tag a {
  color: #ef1010;
}

.tag-management-table .inplaceeditable.inplaceeditingon input {
  width: 150px;
}

.path-tag .tag-relatedtags {
  margin: 1rem 0;
}
.path-tag .tag-relatedtags li a {
  position: relative;
  padding-left: 30px;
}
.path-tag .tag-relatedtags li a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='%23090223'%3E%3C/circle%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px;
  position: absolute;
  top: calc(50% - 6px);
  left: 10px;
}
.theme-dark .path-tag .tag-relatedtags li a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='%23E8EAED'%3E%3C/circle%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.tag-management-form p {
  margin-top: 1rem;
  margin-bottom: 0;
}

.tag_feed {
  margin: 0;
  padding: 0;
}

.tag_feed.media-list .media {
  padding: 0.25rem;
  margin: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 7px;
}
.tag_feed.media-list .media:hover {
  background-color: #f9f9fa;
  text-decoration: none;
}
.theme-dark .tag_feed.media-list .media:hover {
  background-color: #0b0d0f;
}

.tag_feed.media-list .media .itemimage {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tag_feed.media-list .media .itemimage .icon {
  font-size: 30px;
  width: 30px;
  height: 30px;
}

.tag_feed.media-list .media .itemimage img {
  height: 40px;
  width: 40px;
  border-radius: 60px;
}

.tag_feed.media-list .media .media-body {
  padding-right: 10px;
  padding-left: 10px;
}

.tag_feed .media .muted a {
  color: #a19eab;
}
.theme-dark .tag_feed .media .muted a {
  color: #9AA0A6;
}

.tag_cloud {
  margin-top: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.tag_cloud li {
  margin: 0.35rem;
}
.tag_cloud li a {
  padding: 0.35rem 0.45rem;
  position: relative;
  background-color: #f9f9fa;
  border-radius: 7px;
  color: #090223;
}
.theme-dark .tag_cloud li a {
  background-color: #0b0d0f;
  color: #E8EAED;
}
.tag_cloud li a:hover {
  text-decoration: none;
  background-color: #eeedef;
}
.theme-dark .tag_cloud li a:hover {
  background-color: #17181B;
}
.tag_cloud li a:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  background: #94ADE7;
  background: linear-gradient(90deg, #94ade7 0%, #5fb86b 100%);
  border-radius: 10px;
  max-width: calc(100% - 6px);
  height: 3px;
}

.tag_cloud .tag_overflow {
  margin-top: 1em;
  font-style: italic;
}

.tag_cloud .s20:before {
  width: calc(100% - 6px);
}

.tag_cloud .s19:before {
  width: calc(90% - 6px);
}

.tag_cloud .s18:before {
  width: calc(85% - 6px);
}

.tag_cloud .s17:before {
  width: calc(80% - 6px);
}

.tag_cloud .s16:before {
  width: 80px;
}

.tag_cloud .s15:before {
  width: 75px;
}

.tag_cloud .s14:before {
  width: 70px;
}

.tag_cloud .s13:before {
  width: 65px;
}

.tag_cloud .s12:before {
  width: 60px;
}

.tag_cloud .s11:before {
  width: 55px;
}

.tag_cloud .s10:before {
  width: 50px;
}

.tag_cloud .s9:before {
  width: 45px;
}

.tag_cloud .s8:before {
  width: 40px;
}

.tag_cloud .s7:before {
  width: 35px;
}

.tag_cloud .s6:before {
  width: 30px;
}

.tag_cloud .s5:before {
  width: 25px;
}

.tag_cloud .s4:before {
  width: 20px;
}

.tag_cloud .s3:before {
  width: 15px;
}

.tag_cloud .s2:before {
  width: 10px;
}

.tag_cloud .s1:before {
  width: 5px;
}

.tag_cloud .s0:before {
  width: 2px;
}

.tag_list ul {
  display: inline;
}

.tag_list.hideoverlimit .overlimit {
  display: none;
}

.tag_list .tagmorelink {
  display: none;
}

.tag_list.hideoverlimit .tagmorelink {
  display: inline;
}

.tag_list.hideoverlimit .taglesslink {
  display: none;
}

/**
* Web Service
*/
#webservice-doc-generator td {
  text-align: left;
  border: 0 solid black;
}

/**
* Enrol
*/
.userenrolment {
  width: 100%;
  border-collapse: collapse;
}

.userenrolment tr {
  vertical-align: top;
}

.userenrolment td {
  padding: 0;
  height: 41px;
}

.userenrolment .subfield {
  margin-right: 5px;
}

.userenrolment .col_userdetails .subfield {
  margin-left: 40px;
}

.userenrolment .col_userdetails .subfield_picture {
  float: left;
  margin-left: 0;
}

.userenrolment .col_lastseen {
  width: 150px;
}

.userenrolment .col_role {
  width: 262px;
}

.userenrolment .col_role .roles,
.userenrolment .col_group .groups {
  margin-right: 30px;
}

.userenrolment .col_role .role {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
  white-space: nowrap;
}

.userenrolment .col_group .group {
  float: left;
  padding: 3px;
  margin: 3px;
  white-space: nowrap;
}

.userenrolment .col_role .role a,
.userenrolment .col_group .group a {
  margin-left: 3px;
  cursor: pointer;
}

.userenrolment .col_role .addrole,
.userenrolment .col_group .addgroup {
  float: right;
  padding: 3px;
  margin: 3px;
}
.userenrolment .col_role .addrole > a:hover,
.userenrolment .col_group .addgroup > a:hover {
  border-bottom: 1px solid #e1e0e4;
}

.userenrolment .col_role .addrole img,
.userenrolment .col_group .addgroup img {
  vertical-align: baseline;
}

.userenrolment .hasAllRoles .col_role .addrole {
  display: none;
}

.userenrolment .col_enrol .enrolment {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
}

.userenrolment .col_enrol .enrolment a {
  float: right;
  margin-left: 3px;
}

.corelightbox {
  background-color: #e1e0e4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.corelightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
}

.mod-indent-outer {
  display: inline-block;
}

.mod-indent {
  display: table-cell;
}

.label .mod-indent {
  float: left;
  padding-top: 20px;
}

@media (min-width: 768px) {
  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
  .rui-mod-indent--1 {
    margin-left: 60px;
  }
  .rui-mod-indent--2 {
    margin-left: 120px;
  }
  .rui-mod-indent--3 {
    margin-left: 180px;
  }
  .rui-mod-indent--4 {
    margin-left: 240px;
  }
  .rui-mod-indent--5 {
    margin-left: 300px;
  }
  .rui-mod-indent--6 {
    margin-left: 360px;
  }
  .rui-mod-indent--7 {
    margin-left: 420px;
  }
  .rui-mod-indent--8 {
    margin-left: 480px;
  }
  .rui-mod-indent--9 {
    margin-left: 540px;
  }
  .rui-mod-indent--10 {
    margin-left: 600px;
  }
  .rui-mod-indent--11 {
    margin-left: 660px;
  }
  .rui-mod-indent--12 {
    margin-left: 720px;
  }
  .rui-mod-indent--13 {
    margin-left: 780px;
  }
  .rui-mod-indent--14 {
    margin-left: 840px;
  }
  .rui-mod-indent--15 {
    margin-left: 900px;
  }
  .rui-mod-indent--16 {
    margin-left: 960px;
  }
  .rui-mod-indent--huge {
    margin-left: 960px;
  }
}
/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px;
}

.resourcecontent audio.mediaplugin_html5audio {
  width: 600px;
}

/** Large resource images should avoid hidden overflow **/
.resourceimage {
  max-width: 100%;
}

/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
  height: 15px;
  width: 300px;
}

audio.mediaplugin_html5audio {
  width: 300px;
}

.mediaplugin div {
  max-width: 100% !important;
}

/* TinyMCE moodle media preview frame should not have padding */
.core_media_preview.pagelayout-embedded #content {
  padding: 0;
}

.core_media_preview.pagelayout-embedded #maincontent {
  height: 0;
}

body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
  padding: 0;
  margin: 0;
  min-width: 0;
  background: none;
}

.path-rating .ratingtable {
  width: 100%;
  margin-bottom: 1em;
}

.path-rating .ratingtable th.rating {
  width: 100%;
}

.path-rating .ratingtable td.rating,
.path-rating .ratingtable td.time {
  white-space: nowrap;
  text-align: center;
}

/* Moodle Dialogue Settings (moodle-core-dialogue)  */
.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: #000;
}

.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}

.moodle-dialogue-base .hidden,
.moodle-dialogue-base .moodle-dialogue-hidden {
  display: none;
}

.no-scrolling {
  overflow: hidden;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
  left: 0;
  top: 0;
  right: 0;
  bottom: -50px;
  position: fixed;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  outline: 0;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap {
  background-color: #E8EAED;
  border-color: #2E3134;
}
.moodle-dialogue-base .moodle-dialogue-wrap:focus {
  outline: 0;
}

.modal.show {
  display: block;
}

.moodle-dialogue-hd h5 {
  margin-bottom: 0;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
  display: flex;
  padding: 15px 16px;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
  border-color: #2E3134;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  padding: 0;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  background: initial;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  color: initial;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h2, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3 {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  color: initial;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1, .theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h2, .theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3 {
  color: #E8EAED;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 1rem !important;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd label {
  font-size: 0.875rem;
  font-weight: 500;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li {
  margin-bottom: 0.25rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li:last-child {
  margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
  background-color: #f9f9fa;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
  background-color: #0e1013;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0;
  border: 0;
}

.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: 700;
}

.moodle-dialogue-exception .param-stacktrace label {
  background-color: #f9f9fa;
  border: 1px solid #e1e0e4;
  border-bottom-width: 0;
}
.theme-dark .moodle-dialogue-exception .param-stacktrace label {
  background-color: #0b0d0f;
  border-color: #2E3134;
}

.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid #e1e0e4;
  background-color: #fff;
}
.theme-dark .moodle-dialogue-exception .param-stacktrace pre {
  background-color: #E8EAED;
  border-color: #2E3134;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: navy;
  font-size: 0.875rem;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: #F7B742;
  font-size: 0.875rem;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: #333;
  font-size: 90%;
  border-bottom: 1px solid #e1e0e4;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
  display: none;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
  background: initial;
}

.moodle-dialogue-confirm .confirmation-message {
  margin: 0 0 1rem 0;
}

.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px;
}

.moodle-dialogue-exception .moodle-exception-message {
  padding: 1rem;
  max-height: 300px;
  overflow: auto;
  background-color: #f9f9fa;
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  color: #413c55;
  word-break: break-word;
}
.theme-dark .moodle-dialogue-exception .moodle-exception-message {
  background-color: #0b0d0f;
  color: #BDC1C6;
}

.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: 0.5em;
}

.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px;
}

.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-left: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  text-align: center;
  padding: 10% 0;
}

/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
  max-height: 300px;
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto;
}

/**
 * Chooser Dialogues (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
/* Hide the dialog and it's title */
.chooserdialoguebody,
.choosertitle {
  display: none;
}

.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0;
}

.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background-color: #f9f9fa;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.theme-dark .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  background-color: #0b0d0f;
}

/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
  padding: 0.7em 0;
  text-align: right;
}

/* Fixed for safari browser on iPhone4S with ios7@mixin */
@media (max-height: 639px) {
  .ios .choosercontainer #chooseform .submitbuttons {
    padding: 45px 0;
  }
}
.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 0.5em;
}

/* Various settings for the options area */
.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .choosercontainer #chooseform .options {
  border-color: #2E3134;
}

/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 240px;
}
.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
  display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
  display: inline-block;
  width: 55%;
}

/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em;
}

.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: 0.4em;
  margin-bottom: 0.5rem;
  font-size: 100%;
}

.choosercontainer #chooseform .option .typename,
.choosercontainer #chooseform .nonoption .typename {
  padding: 0 0 0 0.5em;
}

.choosercontainer #chooseform .modicon + .typename {
  padding-left: 0;
}

.choosercontainer #chooseform .option input[type=radio],
.choosercontainer #chooseform .option span.typename {
  vertical-align: middle;
}

.choosercontainer #chooseform .option label {
  display: block;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .choosercontainer #chooseform .option label {
  border-color: #2E3134;
}

.choosercontainer #chooseform .option .icon {
  margin: 0;
  padding: 0 1rem;
}

.choosercontainer #chooseform .nonoption {
  padding-left: 2.7em;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}

.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 1.6em 0 3.2em;
}

.choosercontainer #chooseform .subtype .typename {
  margin: 0 0 0 0.2em;
}

/* The instruction/help area */
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
  margin: 0;
  padding: 20px;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.875rem;
}
.theme-dark .jschooser .choosercontainer #chooseform .instruction,
.theme-dark .jschooser .choosercontainer #chooseform .typesummary {
  background-color: #E8EAED;
}

/* Selected option settings */
.jschooser .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
  display: block;
}

.choosercontainer #chooseform .selected {
  background-color: #fff;
  margin-top: -1px;
  padding-top: 1px;
}
.theme-dark .choosercontainer #chooseform .selected {
  background-color: #E8EAED;
}

@media (max-width: 319.98px) {
  .jsenabled .choosercontainer #chooseform .alloptions {
    max-width: 100%;
  }
  .jsenabled .choosercontainer #chooseform .instruction,
.jsenabled .choosercontainer #chooseform .typesummary {
    position: static;
  }
}
/**
 * Module chooser dialogue (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
.modchooser .modal-body {
  padding: 0;
  overflow-y: auto;
  min-height: 640px;
  display: flex;
  flex-direction: column;
}
.modchooser .modal-body .searchresultitemscontainer-wrapper {
  min-height: 495px;
}
.modchooser .modal-body .carousel-item.active {
  display: flex;
}
.modchooser .modal-body .chooser-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.modchooser .modal-body .loading-icon {
  opacity: 1;
}
.modchooser .modal-body .loading-icon .icon {
  display: block;
  font-size: 3em;
  height: 1em;
  width: 1em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
  margin: 1em auto;
}

.modchooser .modal-footer {
  background: #fff;
}
.theme-dark .modchooser .modal-footer {
  background: #E8EAED;
}
.modchooser .modal-footer .moodlenet-logo .icon {
  padding: 0;
  margin: 0;
  height: 2.5rem;
  width: 6rem;
}

.modchoosercontainer.noscroll {
  overflow-y: hidden;
}

.optionaction.text-primary {
  background-color: #D1ECC0;
  color: #a19eab;
}

.modchoosercontainer .optionscontainer,
.modchoosercontainer .searchresultitemscontainer {
  overflow-x: hidden;
}
.modchoosercontainer .optionscontainer .option,
.modchoosercontainer .searchresultitemscontainer .option {
  flex-basis: calc(50% - 0.5rem);
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction,
.modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
  cursor: pointer;
  color: #b4b2bc;
}
.theme-dark .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
.theme-dark .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
  color: #3C4043;
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
.modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
  margin: 0;
}
.modchoosercontainer .optionscontainer .option .optioninfo a,
.modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
  color: #a19eab;
}
.theme-dark .modchoosercontainer .optionscontainer .option .optioninfo a,
.theme-dark .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
  color: #9AA0A6;
}
.modchoosercontainer .optionscontainer .option .optioninfo a:hover,
.modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
  text-decoration: none;
}

.modchooser .modal-body .optionsummary {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  height: 640px;
}
.theme-dark .modchooser .modal-body .optionsummary {
  background-color: #E8EAED;
}
.modchooser .modal-body .optionsummary .content {
  overflow-y: auto;
}
.modchooser .modal-body .optionsummary .content .heading .rui-summary-activity-title {
  width: 100%;
  font-size: 1rem;
  color: #090223;
}
.theme-dark .modchooser .modal-body .optionsummary .content .heading .rui-summary-activity-title {
  color: #E8EAED;
}
.modchooser .modal-body .optionsummary .content .heading .icon {
  height: 50px;
  width: 50px;
  font-size: 50px;
  padding: 0;
  margin-right: 0.35rem;
}
.modchooser .modal-body .optionsummary .actions {
  border-top: 1px solid #e1e0e4;
  background-color: #fff;
}
.theme-dark .modchooser .modal-body .optionsummary .actions {
  border-color: #e1e0e4;
  background-color: #fff;
}

@media (max-width: 319.98px) {
  .path-course-view .modal-dialog.modal-lg,
.path-course-view .modal-content,
.modchooser .modal-body,
.modchooser .modal-body .carousel,
.modchooser .modal-body .carousel-inner,
.modchooser .modal-body .carousel-item,
.modchooser .modal-body .optionsummary,
.modchoosercontainer,
.optionscontainer,
.searchresultitemscontainer {
    min-height: auto;
    height: 100%;
    overflow-y: auto;
  }
  .path-course-view .modal-dialog.modal-lg {
    margin: 0;
  }
  .modchooser .modal-body .searchresultitemscontainer-wrapper {
    min-height: auto;
  }
}
@media (min-width: 1089px) {
  .modchoosercontainer .optionscontainer .option,
.modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(33.3333333333% - 0.5rem);
  }
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  .modchoosercontainer .optionscontainer .option,
.modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(50% - 0.5rem);
  }
}
@media (max-width: 767.98px) {
  .modchoosercontainer .optionscontainer .option,
.modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(100% - 0.5rem);
  }
}

/* Form element: listing */
.formlistingradio {
  padding-bottom: 25px;
  padding-right: 10px;
}

.formlistinginputradio {
  float: left;
}

.formlistingmain {
  min-height: 225px;
}

.formlisting {
  position: relative;
  margin: 15px 0;
  padding: 1px 19px 14px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.formlistingmore {
  position: absolute;
  cursor: pointer;
  bottom: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  background-color: whitesmoke;
  border: 1px solid #ddd;
  color: #9da0a4;
  border-radius: 4px 0 4px 0;
}

.formlistingall {
  margin: 15px 0;
  padding: 0;
  border-radius: 4px;
}

.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #e1e1e8;
  border-left: 1px solid #e1e1e8;
  border-right: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  border-radius: 0 0 4px 4px;
  padding: 6px;
  top: 50%;
  left: 50%;
  min-height: 34px;
  float: left;
  width: 150px;
}

body.jsenabled .formlistingradio {
  display: none;
}

body.jsenabled .formlisting {
  display: block;
}

a.criteria-action {
  padding: 0 3px;
  float: right;
}

div.criteria-description {
  padding: 0 0 0 20px;
  margin: 10px 0 5px;
  border-left: 1px solid #e1e0e4;
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark div.criteria-description {
  color: #BDC1C6;
  border-color: #2E3134;
}

ul.badges {
  margin: 0;
  padding: 0;
  list-style: none;
}

.badges li {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0.35rem;
}
.badges li:last-child {
  margin-bottom: 0;
}
.badges li a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.badges li .badge-name {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
  text-align: left;
  line-height: 1.4;
}
.theme-dark .badges li .badge-name {
  color: #E8EAED;
}
.badges li .badge-name:hover {
  color: #9f9ef6;
}

.badges li .badge-image {
  padding: 7px;
  background-color: transparent;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
}
.theme-dark .badges li .badge-image {
  border-color: #2E3134;
  background-color: #000;
}

.badges li .badge-actions {
  position: relative;
}

.badges li .expireimage {
  width: 100px;
  height: 100px;
  left: 25px;
  top: 0;
  position: absolute;
  z-index: 10;
  opacity: 0.85;
}

#badge-image {
  background-color: transparent;
  padding: 0;
  position: relative;
  min-width: 100px;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-top: 17px;
  margin-bottom: 20px;
}
#badge-image .expireimage {
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  opacity: 0.85;
  position: absolute;
  z-index: 10;
}
#badge-image .singlebutton {
  padding-top: 5px;
  display: block;
}
#badge-image .singlebutton button {
  margin-left: 4px;
}

#badge-details {
  display: inline-block;
  width: 79%;
}

#badge-overview dl,
#badge-details dl {
  margin: 0;
}
#badge-overview dl dt,
#badge-overview dl dd,
#badge-details dl dt,
#badge-details dl dd {
  vertical-align: top;
  padding: 3px 0;
}
#badge-overview dl dt,
#badge-details dl dt {
  clear: both;
  display: inline-block;
  width: 20%;
  min-width: 100px;
}
#badge-overview dl dd,
#badge-details dl dd {
  display: inline-block;
  width: 79%;
  margin-left: 1%;
}

.badge-profile {
  vertical-align: top;
}

.connected {
  color: #3f3dec;
}

.notconnected {
  color: #ef1010;
}

.connecting {
  color: #F7B742;
}

#page-badges-award .recipienttable tr td {
  vertical-align: top;
}

#page-badges-award .recipienttable tr td.actions .actionbutton {
  margin: 0.3em 0;
  padding: 0.5em 0;
  width: 100%;
}

#page-badges-award .recipienttable tr td.existing,
#page-badges-award .recipienttable tr td.potential {
  width: 42%;
}

#issued-badge-table .activatebadge {
  display: inline-block;
}

.statusbox.active {
  background-color: #EAF4DD;
  color: #004B57;
}

.statusbox.inactive {
  background-color: #FDF6EA;
  color: #C3850C;
}

.statusbox {
  width: 100%;
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0.5rem;
  padding: 0.55rem 1.25rem;
  border-radius: 7px;
}

.statusbox .activatebadge {
  display: inline-block;
}

.statusbox .activatebadge input[type=submit] {
  margin: 3px;
}

.activatebadge {
  margin: 0;
  text-align: left;
  vertical-align: middle;
}

img#persona_signin {
  cursor: pointer;
}

.addcourse {
  float: right;
}

.invisiblefieldset {
  display: inline;
  padding: 0;
  border-width: 0;
}

/** Page header */
.page-header-content .logo {
  margin: 1rem 0;
}
.page-header-content .logo img {
  max-height: 75px;
}

ul.dragdrop-keyboard-drag {
  margin: 0;
  padding: 0;
}
ul.dragdrop-keyboard-drag li {
  width: 100%;
  list-style-type: none;
}
ul.dragdrop-keyboard-drag li a {
  display: block;
  padding: 10px 16px;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 7px;
  border-width: 2px;
  border-color: #e1e0e4;
  border-style: dashed;
  word-break: break-word;
}
ul.dragdrop-keyboard-drag li a:hover {
  border-color: #9f9ef6;
  border-style: solid dashed solid solid;
  color: #9f9ef6;
  cursor: pointer;
}

a.disabled:hover,
a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: #808080;
}

body.lockscroll {
  height: 100%;
  overflow: hidden;
}

.rui-progressbar_container {
  margin: 1rem auto;
  padding: 10px;
  background-color: #ececfd;
  border-radius: 7px;
}
.theme-dark .rui-progressbar_container {
  background-color: #0b0d0f;
}
.rui-progressbar_container .rui-progressbar-estimate {
  font-size: 0.875rem;
  font-weight: 500;
  color: #3f3dec;
}
.theme-dark .rui-progressbar_container .rui-progressbar-estimate {
  color: #E8EAED;
}
.rui-progressbar_container .rui-progressbar-estimate:empty {
  display: none;
}
.rui-progressbar_container .rui-progressbar-status {
  font-size: 0.875rem;
  font-weight: 500;
  color: #3f3dec;
  margin-bottom: 0.5rem;
}
.theme-dark .rui-progressbar_container .rui-progressbar-status {
  color: #E8EAED;
}
.rui-progressbar_container .rui-progressbar-status:empty {
  display: none;
}
.rui-progressbar_container .rui-progress {
  width: 100%;
}

/* IE10 only fix for calendar titling */
.ie10 .yui3-calendar-header-label {
  display: inline-block;
}

dd:before,
dd:after {
  display: block;
  content: " ";
}

dd:after {
  clear: both;
}

.nav-tabs > .active > a[href],
.nav-tabs > .active > a[href]:hover,
.nav-tabs > .active > a[href]:focus {
  cursor: pointer;
}

.inplaceeditable.inplaceeditingon {
  position: relative;
}
.inplaceeditable.inplaceeditingon .editinstructions {
  font-size: 0.75rem;
  font-weight: 500;
  position: absolute;
  top: -18px;
  white-space: nowrap;
}
@media (min-width: 320px) {
  .inplaceeditable.inplaceeditingon input {
    width: 330px;
    vertical-align: text-bottom;
    margin-bottom: 0;
  }
}
.inplaceeditable.inplaceeditingon select {
  margin-bottom: 0;
}
.inplaceeditable .ignoredirty.form-control {
  width: auto;
  display: inline-block;
}
.inplaceeditable .quickeditlink {
  color: inherit;
  text-decoration: inherit;
}
.theme-dark .inplaceeditable .quickeditlink .icon {
  filter: invert(1);
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
  display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
  display: block;
}

h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
  top: -35px;
}

/** Chart area. */
.chart-area .chart-table-data {
  display: none;
}
.chart-area .chart-table {
  /** When accessible, we display the table only. */
}
.chart-area .chart-table .chart-output-htmltable caption {
  white-space: nowrap;
  font-size: 0.875rem;
}
.chart-area .chart-table.accesshide .chart-table-expand {
  display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
  display: block;
}

ul {
  padding-left: 1rem;
}

/* YUI 2 Tree View */
/*rtl:raw:
.ygtvtn,
.ygtvtm,
.ygtvtmh,
.ygtvtmhh,
.ygtvtp,
.ygtvtph,
.ygtvtphh,
.ygtvln,
.ygtvlm,
.ygtvlmh,
.ygtvlmhh,
.ygtvlp,
.ygtvlph,
.ygtvlphh,
.ygtvdepthcell,
.ygtvok,
.ygtvok:hover,
.ygtvcancel,
.ygtvcancel:hover {
    background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
}
*/
.ygtvtn {
  background: url("[[pix:theme|y/tn]]") 0 0 no-repeat;
}

.ygtvln {
  background: url("[[pix:theme|y/lnl]]") no-repeat;
  background-position-x: 7px;
  background-position-y: -22px;
}

.ygtvtp,
.ygtvtph {
  background: url("[[pix:theme|y/tn_c]]") 7px 0 no-repeat;
}

.ygtvtmh,
.ygtvtm {
  background: url("[[pix:theme|y/tn_e]]") 7px 0 no-repeat;
}

.ygtvdepthcell {
  background: url("[[pix:theme|y/vline]]") no-repeat;
}

.hover-tooltip-container {
  position: relative;
}
.hover-tooltip-container .hover-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  /*rtl:ignore*/
  left: 50%;
  top: calc(-50% - 5px);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
  transition: opacity 0.15s, visibility 0.15s;
  z-index: 1000;
}
.hover-tooltip-container .hover-tooltip:before {
  content: "";
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
}
.hover-tooltip-container .hover-tooltip:after {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 7px);
  z-index: 2;
}
.hover-tooltip-container:hover .hover-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}

#region-flat-nav {
  padding-right: 0;
  padding-left: 0;
}
#region-flat-nav .nav {
  margin-right: 15px;
  background-color: #fff;
}
@media (max-width: 767.98px) {
  #region-flat-nav .nav {
    margin-top: 30px;
    margin-right: 0;
  }
}

.sitelink img {
  width: 112px;
}

.competency-tree ul {
  padding-left: 1.5rem;
}

.rui-competencies-box {
  margin-bottom: 0.5rem;
  padding: 1rem;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
}

.rui-user-course-nav {
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
}

/* TODO: find solution to display icon only when you set up more then teacher rols users to display
.rui-user-manager,
.rui-user-admin {
    position: relative;

    &:before {
        content: '';
        background-color: $container-bg;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E ");
        background-repeat: no-repeat;
        background-size: 14px;
        background-position: center;

        width: 14px;
        height: 14px;

        border-radius: $border-radius;

        position: absolute;
        top: -3px;
        left: -4px;
    }
}
*/
.sr-only-focusable:active, .sr-only-focusable:focus {
  z-index: 1031;
  position: fixed;
  background: #fff;
  padding: 7px;
  left: 0;
  top: 0;
}

.jsenabled #course-category-listings #course-listing .listitem .drag-handle,
.moodle-core-dragdrop-draghandle {
  margin: 0 40px 0 10px;
  cursor: move;
  touch-action: none;
  background-color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle .icon,
.moodle-core-dragdrop-draghandle .icon {
  width: auto;
  height: auto;
  font-size: 0.875rem;
  color: #090223;
}

.clickable {
  cursor: pointer;
}

.overlay-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
  height: 30px;
  width: 30px;
  font-size: 30px;
}

.w-auto {
  width: auto;
}

.bg-pulse-grey {
  animation: bg-pulse-grey 2s infinite linear;
}
.theme-dark .bg-pulse-grey {
  animation: bg-pulse-grey-dark 2s infinite linear;
}

@keyframes bg-pulse-grey {
  0% {
    background-color: #f9f9fa;
  }
  50% {
    background-color: #ebebee;
  }
  100% {
    background-color: #f9f9fa;
  }
}
@keyframes bg-pulse-grey-dark {
  0% {
    background-color: #202124;
  }
  50% {
    background-color: #141517;
  }
  100% {
    background-color: #202124;
  }
}
.line-height-0 {
  line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-1 {
  line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-2 {
  line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-3 {
  line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-4 {
  line-height: 1.875rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-5 {
  line-height: 2.5rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-6 {
  line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
}

.dir-rtl .dir-rtl-hide {
  display: none;
}

.dir-ltr .dir-ltr-hide {
  display: none;
}

.paged-content-page-container {
  min-height: 3.125rem;
}

body.h5p-embed #page-content {
  display: inherit;
}
body.h5p-embed #maincontent {
  display: none;
}
body.h5p-embed .h5pmessages {
  min-height: 230px;
}

#coolh5peditor .rui-main-content-title--h2 {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1088.98px) {
  #coolh5peditor .rui-main-content-title--h2 {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
  }
}

.text-decoration-none {
  text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
}

.colour-inherit {
  color: inherit !important; /* stylelint-disable-line declaration-no-important */
}

.position-right {
  right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.overflow-hidden {
  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
}

.text-break {
  overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
}

.z-index-0 {
  z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.z-index-1 {
  z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
}

.float-left {
  float: left !important; /* stylelint-disable-line declaration-no-important */
}

.float-right {
  float: right !important; /* stylelint-disable-line declaration-no-important */
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

input[disabled] {
  cursor: not-allowed;
}

.custom-select {
  width: auto;
}

.fade.in {
  opacity: 1;
}

.clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.word-break-all {
  word-break: break-all;
}

.matchtext {
  background-color: #D4DEF8;
  color: #0642CD;
  height: 1.5rem;
}

.border-radius {
  border-radius: 7px;
}

.emoji-picker {
  background-color: #fff;
  width: calc(100% - 30px);
  margin: 0 15px;
  height: 400px;
}
.emoji-picker .category-name {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 40px;
}
.emoji-picker .category-button {
  padding: 0.375rem 0;
  height: 100%;
  width: 11.1%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
  border-bottom: 2px solid #3f3dec;
}
.emoji-picker .emojis-container,
.emoji-picker .search-results-container {
  min-width: 280px;
}
.emoji-picker .picker-row {
  height: 60px;
}
.emoji-picker .picker-row .emoji-button {
  margin: 0;
  height: calc(40px - 5px);
  width: calc(40px - 5px);
  border-radius: 50%;
  font-size: 20px;
  overflow: hidden;
  display: inline-flex;
  align-content: center;
  justify-content: center;
}
.emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
  color: inherit;
  text-decoration: none;
}
.emoji-picker .emoji-preview {
  height: 60px;
  font-size: 60px;
  line-height: 60px;
  display: inline-flex;
  align-content: center;
}
.emoji-picker .emoji-short-name {
  line-height: 30px;
}
@media (max-width: 319.98px) {
  .emoji-picker {
    width: 320px;
  }
}

.emoji-auto-complete {
  height: 60px;
}
.emoji-auto-complete .emoji-button {
  margin-right: 0.5rem;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  background-color: transparent;
  border: none;
  border-radius: 50%;
}
.emoji-auto-complete .emoji-button.active {
  background-color: #eeedef;
}

.toast-wrapper {
  max-width: 340px;
  max-height: 0;
  z-index: 1051;
}
.toast-wrapper > :first-child {
  margin-top: 1rem;
}

.alert-primary-color-100 a {
  color: #62626a;
}

.alert-primary-color-200 a {
  color: #595868;
}

.alert-primary-color-300 a {
  color: #4f4f65;
}

.alert-primary-color-400 a {
  color: #3f3e61;
}

.alert-primary-color-500 a {
  color: #262559;
}

.alert-primary-color-600 a {
  color: #161553;
}

.alert-primary-color-700 a {
  color: #090921;
}

.alert-primary-color-800 a {
  color: #060515;
}

.alert-primary-color-900 a {
  color: black;
}

.alert-gray-100 a {
  color: #686868;
}

.alert-gray-200 a {
  color: #626262;
}

.alert-gray-300 a {
  color: #5c5b5d;
}

.alert-gray-400 a {
  color: #555456;
}

.alert-gray-500 a {
  color: #4d4c50;
}

.alert-gray-600 a {
  color: #454448;
}

.alert-gray-700 a {
  color: #3b3a3e;
}

.alert-gray-800 a {
  color: #0b0a0e;
}

.alert-gray-900 a {
  color: black;
}

.alert-primary a {
  color: #161553;
}

.alert-secondary a {
  color: #454448;
}

.alert-success a {
  color: #161553;
}

.alert-info a {
  color: #152446;
}

.alert-warning a, #page-mod-choice-view #notice p a {
  color: #584117;
}

.alert-danger a, .que .validationerror a {
  color: #4c0505;
}

.alert-light a {
  color: #454448;
}

.alert-dark a {
  color: black;
}

.alert a, #page-mod-choice-view #notice p a, .que .validationerror a {
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .mform {
    width: 100%;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  .custom-select {
    max-width: 100%;
  }
  .page-header-content .card {
    border: 0;
  }
  .page-header-content .card .card-body {
    padding: 0;
  }
  .nav-tabs,
.nav-pills {
    margin: 0;
    border: 0;
    padding: 0.125rem;
    background-color: #eeedef;
  }
  .nav-tabs .nav-item,
.nav-pills .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-tabs .nav-link,
.nav-pills .nav-link {
    background-color: #fff;
    border: 0;
    margin: 0.125rem;
  }
  .nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    color: #b4b2bc;
    border-color: #b4b2bc;
    border-color: #b4b2bc;
  }
  .nav-tabs .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
    color: #090223;
    background-color: #b4b2bc;
    border-color: #b4b2bc;
  }
  .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
    box-shadow: 0 0 0 0.2rem rgba(180, 178, 188, 0.5);
  }
  .nav-tabs .nav-link.active.disabled, .nav-tabs .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
    color: #b4b2bc;
    background-color: transparent;
  }
  .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs .nav-link.active.dropdown-toggle,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-pills .nav-link.active.dropdown-toggle {
    color: #090223;
    background-color: #b4b2bc;
    border-color: #b4b2bc;
  }
  .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-pills .nav-link.active.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(180, 178, 188, 0.5);
  }
}
@media (max-width: 320px) and (max-height: 320px) {
  div#page {
    margin-top: 0;
  }
  .rui-topbar.fixed-top {
    position: relative;
    z-index: inherit;
  }
}
.link-underline {
  text-decoration: underline;
}
.link-underline:focus {
  text-decoration: none;
}

.alert.cta .icon, #page-mod-choice-view #notice p.cta .icon, .que .cta.validationerror .icon {
  padding: 0.3rem;
}
.alert.cta .icon.fa, #page-mod-choice-view #notice p.cta .icon.fa, .que .cta.validationerror .icon.fa {
  border-radius: 50%;
  border-style: solid;
  border-width: 0.125rem;
}

.core_payment_gateways_modal .custom-control-label::before,
.core_payment_gateways_modal .custom-control-label::after {
  top: 45%;
}

/* Page customization */
[data-region=managecompetencies] div,
[data-region=managetemplates] div {
  margin-bottom: 1rem;
}
[data-region=managecompetencies] h2,
[data-region=managetemplates] h2 {
  display: inline-flex;
  align-items: center;
}

#page-admin-grade-edit-letter-index .main-content .mdl-align {
  text-align: left;
}
#page-admin-grade-edit-letter-index .main-content .mdl-align .btn {
  width: 100%;
}

#page-backup-restorefile .main-content div + .rui-title-container {
  margin-top: 30px;
  margin-bottom: 10px;
}
#page-backup-restorefile .main-content div + .rui-title-container .rui-main-content-title {
  font-size: 1rem;
}

#page-admin-grade-edit-letter-index .main-content .form-control {
  margin: 0 0.25rem;
}
#page-admin-grade-edit-letter-index .main-content .mform .form-inline .form-group {
  margin: 0;
}

.otherusersdesc {
  margin: 1rem 0;
}

#page-admin-tool-task-scheduledtasks .task-class {
  margin-bottom: 2rem;
}
#page-admin-tool-task-scheduledtasks .task-class + div {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
}

.data-registry .context-tree {
  height: auto;
  overflow-y: auto;
  border-right: 1px solid #e1e0e4;
}
.theme-dark .data-registry .context-tree {
  border-color: #2E3134;
}

.data-registry > .top-nav > * {
  margin-right: 0;
}

.contextname {
  margin-bottom: 1rem !important;
}
.contextname a {
  color: #090223;
}
.contextname a:hover {
  color: #9f9ef6;
}
.theme-dark .contextname a {
  color: #E8EAED;
}

#page-admin-roles-usersroles .main-content .generalbox ul {
  margin-bottom: 0;
}
#page-admin-roles-usersroles .main-content .generalbox ul li {
  margin: 1rem 0;
  padding: 1rem 0;
  list-style: none;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark #page-admin-roles-usersroles .main-content .generalbox ul li {
  border-color: #2E3134;
}
#page-admin-roles-usersroles .main-content .generalbox ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
#page-admin-roles-usersroles .main-content .generalbox ul li p {
  margin-bottom: 0.35rem;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a .icon {
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-roles-usersroles .main-content .generalbox ul li a .icon {
  background-color: #17181B;
  color: #BDC1C6;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a:hover {
  text-decoration: none;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a:hover .icon {
  background-color: #D4DEF8;
  color: #0642CD;
}

#core-cache-definition-summaries {
  margin-top: 2rem;
  overflow: auto;
}
#core-cache-definition-summaries .generaltable, #core-cache-definition-summaries .rolecap {
  min-width: max-content;
  width: 100%;
}
#core-cache-definition-summaries .definition {
  max-width: 400px;
}

#core-cache-plugin-summaries,
#core-cache-store-summaries,
#core-cache-mode-mappings {
  margin-top: 2rem;
}

#core-cache-lock-summary {
  margin: 2rem 0;
}

#core-cache-store-summaries .generaltable .lastcol, #core-cache-store-summaries .rolecap .lastcol {
  width: 120px;
}
#core-cache-store-summaries .generaltable .lastcol i, #core-cache-store-summaries .rolecap .lastcol i, #core-cache-store-summaries .generaltable .lastcol a, #core-cache-store-summaries .rolecap .lastcol a {
  display: inline-flex;
  align-items: center;
}

.tour-actions {
  margin-top: 1rem;
}
.tour-actions > ul {
  margin: 0;
  padding: 0;
  text-align: left;
}

.tour-actions > ul > li {
  display: inline-flex;
  margin: 0.35rem;
  width: auto;
  height: auto;
  border: 0;
}
.tour-actions > ul > li a .icon {
  width: 30px;
  height: auto;
  margin-right: 0.35rem;
}

.downloadreport ul {
  display: block;
  margin: 1rem 0 0;
}

#page-cohort-assign #existingcell,
#page-cohort-assign #potentialcell {
  width: 40%;
  vertical-align: top;
}
#page-cohort-assign #existingcell p,
#page-cohort-assign #potentialcell p {
  margin: 0;
}
#page-cohort-assign #existingcell p label,
#page-cohort-assign #potentialcell p label {
  font-weight: 700;
}

body#page-user-preferences .main-content .card-text a {
  display: block;
  margin: 0 -20px;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #e1e0e4;
  color: #413c55;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}
body#page-user-preferences .main-content .card-text a:hover {
  text-decoration: none;
  color: #9f9ef6;
  border-color: #9f9ef6;
}
body#page-user-preferences .main-content .card-text div:last-of-type a {
  padding-bottom: 0;
  border-bottom: none;
}

body#page-user-preferences.theme-dark .main-content .card-text a {
  border-color: #2E3134;
  color: #BDC1C6;
}
body#page-user-preferences.theme-dark .main-content .card-text a:hover {
  color: #9f9ef6;
  border-color: #9f9ef6;
}

.eupopup-container-bottom {
  left: 30px;
  right: 30px;
  bottom: 30px;
  width: calc(100% - 60px);
  max-width: 600px;
  text-align: left;
}

.eupopup-container {
  padding: 1rem 4rem 1rem 1.25rem;
  margin: 0;
  position: fixed;
  left: 30px;
  bottom: 20px;
  z-index: 10001;
  background-color: #090223;
  max-width: 500px !important;
  border-radius: 7px;
  border: none;
  box-shadow: none;
  font-size: 0.875rem;
  color: #f9f9fa;
  line-height: 1.5;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .eupopup-container {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    left: 20px;
  }
}
.eupopup-container a {
  color: #e1e0e4;
  font-weight: 500;
}
.eupopup-container a:before {
  background-color: #d3d2d8;
}
.eupopup-container a:hover {
  color: #d3d2d8;
}
.eupopup-container .eupopup-closebutton {
  opacity: 1;
  padding: 9px;
  margin-left: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #413c55;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 7px;
  font-size: 0.875rem;
  color: #f9f9fa;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.eupopup-container .eupopup-closebutton:hover {
  background-color: #c5c5f9;
  color: #131247;
}
.eupopup-container .eupopup-closebutton i {
  padding: 4px;
  margin: 0;
}
.eupopup-container .eupopup-button {
  margin: 0 10px 0 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 7px;
  padding: 0.65rem 1.15rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 180%;
  background-color: #413c55;
}
.eupopup-container .eupopup-button:hover {
  background-color: #c5c5f9;
  color: #131247;
  text-decoration: none;
}
.eupopup-container .eupopup-button:empty {
  display: none;
}
.eupopup-container .eupopup-body ul {
  margin: 10px 0;
}
.eupopup-container .eupopup-head:empty {
  display: none;
}

#page-mod-scorm-report .scormattemptcounts {
  margin: 1rem 0 1rem 0;
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 7px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #ececfd;
  color: #3f3dec;
  text-align: left;
}
@media (prefers-reduced-motion: reduce) {
  #page-mod-scorm-report .scormattemptcounts {
    transition: none;
  }
}

.mediaplugin.mediaplugin_videojs {
  background-color: #000;
  padding: 10px;
  margin: 5px 0;
  border-radius: 7px;
}
.mediaplugin.mediaplugin_videojs div[style*=max-width] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100% !important;
}

@media (min-width: 320px) and (max-width: 767.98px) {
  .page-content--maintenance {
    overflow: auto;
  }
}

.uninstallresultmessage {
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark .uninstallresultmessage {
  color: #BDC1C6;
}
.uninstallresultmessage h2 {
  padding-top: 0.5rem;
  padding-left: 40px;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  margin-bottom: 1rem;
  background-color: #feeded;
  background-image: url([[pix:theme|alpha/icon-alert-circle]]);
  background-size: 16px;
  background-position: 13px;
  background-repeat: no-repeat;
  border-radius: 7px;
  position: relative;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 0.875rem;
  color: #090223;
}

.uninstalldelete em {
  padding: 0.15rem 0.45rem;
  background-color: #feeded;
  border-radius: 7px;
  font-style: normal;
  font-weight: 700;
  color: #ef1010;
}
.theme-dark .uninstalldelete em {
  background-color: #a50b0b;
  color: #fbc8c8;
}
.uninstalldelete em:empty {
  display: none;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

.video-js .vjs-big-play-button {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  top: calc(50% - 45px);
  left: calc(50% - 45px);
  border: none;
  background-color: rgba(0, 0, 0, 0.7);
}
.video-js .vjs-big-play-button:hover {
  background-color: rgba(197, 197, 249, 0.7);
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: calc(50% - 22px);
  border: 0 !important;
}

.page-content-header--img {
  display: flex;
  align-items: center;
}
.page-content-header--img .page-header-image {
  margin-right: 0.35rem;
}
.page-content-header--img .page-header-image img {
  border-radius: 7px;
  width: 47px;
  height: 47px;
}
.page-content-header--img .rui-page-title {
  margin-bottom: 0;
  border-radius: 7px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  color: #090223;
}
@media (min-width: 768px) {
  .page-content-header--img .rui-page-title {
    padding: 10px;
  }
}
@media (max-width: 767.98px) {
  .page-content-header--img .rui-page-title {
    padding: 10px 0 0;
  }
}
.theme-dark .page-content-header--img .rui-page-title {
  color: #E8EAED;
}
.page-content-header--img .rui-page-title:empty {
  display: none;
}
.page-content-header--img .rui-page-title a {
  color: #b4b2bc;
}
.theme-dark .page-content-header--img .rui-page-title a {
  color: #3C4043;
}

.pagelayout-mypublic .page-header-content,
.path-user.pagelayout-incourse .page-header-content,
#page-blog-index .page-header-content,
#page-mod-forum-user .page-header-content,
#page-course-search .page-header-content,
#page-search-index .page-header-content,
#page-contentbank .page-header-content,
#page-contentbank-edit .page-header-content,
#page-group-overview .page-header-content {
  margin-bottom: 0;
}

.rui-main-content-title {
  width: 100%;
  margin: 0;
  display: inline-flex;
  align-items: center;
  word-break: break-word;
}
.rui-main-content-title + #adminsettings, .rui-main-content-title + p, .rui-main-content-title + div, .rui-main-content-title + .singlebutton {
  margin-top: 1rem;
}
.rui-main-content-title .activatebadge {
  margin-right: 0.5rem;
}
.rui-main-content-title + .mform, .rui-main-content-title + form {
  margin-top: 30px;
}

.rui-main-content-title--h1 {
  font-size: 2.5rem;
}
@media (max-width: 767.98px) {
  .rui-main-content-title--h1 {
    font-size: 2rem;
  }
}

.rui-main-content-title--h2 {
  font-size: 2rem;
}
@media (max-width: 767.98px) {
  .rui-main-content-title--h2 {
    font-size: 1.5rem;
  }
}

.rui-main-content-title--h3 {
  font-size: 1.5rem;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .rui-main-content-title--h3 {
    font-size: 1.25rem;
  }
}

.rui-main-content-title--h4 {
  font-size: 1.25rem;
}
@media (max-width: 767.98px) {
  .rui-main-content-title--h4 {
    font-size: 1rem;
  }
}

#page-mod-forum-user .page-header-content,
#page-grade-report-overview-index .page-header-content {
  display: block;
}

.wiki_right {
  margin-top: 30px;
}

#frontpage-category-names,
#frontpage-category-combo {
  margin: 30px auto 0;
  max-width: 860px !important;
}
@media (max-width: 1088.98px) {
  #frontpage-category-names,
#frontpage-category-combo {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  #frontpage-category-names .collapsible-actions .aabtn,
#frontpage-category-combo .collapsible-actions .aabtn {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #frontpage-category-names .collapsible-actions .aabtn,
#frontpage-category-combo .collapsible-actions .aabtn {
    position: absolute;
    top: -50px;
    right: 0;
  }
}

.visual-scroll-x {
  scrollbar-width: thin;
  scrollbar-color: #3f3dec #f7f7fe;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.visual-scroll-x::-webkit-scrollbar {
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
}
.visual-scroll-x::-webkit-scrollbar-thumb {
  background-color: #3f3dec;
  border-right: 1px solid #fff;
}
.visual-scroll-x::-webkit-scrollbar-track {
  background-color: #f7f7fe;
  border-right: 1px solid #fff;
}

body.dragging .drop-zone {
  border: 1px dashed #090223;
}
body.dragging .drop-up {
  border-top: 1px solid #090223;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.dragging .drop-down {
  border-bottom: 1px solid #090223;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.dragging .dragging {
  opacity: 0.6;
}

.dragicon {
  visibility: hidden;
}

.draggable:hover .dragicon {
  visibility: visible;
  cursor: move;
}

.waitstate {
  display: none;
}

.stateready .waitstate {
  display: inherit;
}
.stateready .whilenostate {
  display: none;
}

.collapse-list .collapse-list-item {
  padding: 0.5rem 1rem;
}
.collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
  background-color: #e8edfa;
  border-color: #cad6f2;
}
.collapse-list .collapse-list-item-content .collapse-list-item {
  padding-left: calc(1rem * 3);
}

.drawers .block_myoverview {
  border: 0;
}
.drawers .block_myoverview > .card-body {
  padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.icon {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}
.sup .icon {
  width: 16px;
  height: 16px;
}
.icon.itemicon {
  margin-right: 0.25rem;
}
.icon.spacer {
  display: none;
}
.icon.iconsize-big {
  width: 60px;
  height: 60px;
  font-size: 60px;
}

.iconlarge {
  font-size: 40px;
  width: 40px;
  height: 40px;
}

h2 .icon.iconlarge {
  margin-right: 0.5rem;
}

.action-menu-item a:first-of-type > .icon {
  margin-left: 0.5rem;
}

.action-menu-item a:hover {
  text-decoration: none;
}

.ygtvcell .icon {
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.block_navigation .tree_item .icon,
.block_settings .tree_item .icon {
  margin-left: 0;
}

[data-action=toggle-drawer] .icon {
  margin: 0;
}

.icon-no-spacing a > .icon {
  margin: 0;
}

.icon-no-margin .icon {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.icon-large > .icon {
  width: 40px;
  height: 40px;
}

.icon-size-0 .icon {
  height: 0 !important; /* stylelint-disable-line declaration-no-important */
  width: 0 !important; /* stylelint-disable-line declaration-no-important */
  font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-1 .icon {
  height: 5px !important; /* stylelint-disable-line declaration-no-important */
  width: 5px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 5px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-2 .icon {
  height: 10px !important; /* stylelint-disable-line declaration-no-important */
  width: 10px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-3 .icon {
  height: 20px !important; /* stylelint-disable-line declaration-no-important */
  width: 20px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 20px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-4 .icon {
  height: 30px !important; /* stylelint-disable-line declaration-no-important */
  width: 30px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-5 .icon {
  height: 40px !important; /* stylelint-disable-line declaration-no-important */
  width: 40px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-6 .icon {
  height: 50px !important; /* stylelint-disable-line declaration-no-important */
  width: 50px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 50px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-7 .icon {
  height: 60px !important; /* stylelint-disable-line declaration-no-important */
  width: 60px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 60px !important; /* stylelint-disable-line declaration-no-important */
}

.helplink .icon {
  margin-right: 0.5rem;
}

.action-icon + a {
  margin-left: 0.5rem;
}

.icon-req {
  padding: 4px;
  position: relative;
  top: 0;
  width: auto;
  height: auto;
  background: #feeded;
  border-radius: 7px;
  font-size: 8px;
  color: #ef1010 !important;
}
.fdescription .icon-req {
  background-color: transparent;
  color: #F4A614;
}

.icon-info {
  padding: 7px;
}

.rui-icon-container {
  display: initial;
}

.icons-collapse-expand {
  display: flex;
  align-items: center;
}
.theme-dark .icons-collapse-expand img {
  filter: invert(1);
}
.icons-collapse-expand .expanded-icon {
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.icons-collapse-expand .collapsed-icon {
  display: none;
}
.icons-collapse-expand.collapsed .expanded-icon {
  display: none;
}
.icons-collapse-expand.collapsed .collapsed-icon {
  display: flex;
  align-items: center;
}

/* admin.less */
/* Sticky admin nav */
.rui-list-admin-links {
  margin-top: 3px;
  font-size: 1rem;
}
.rui-list-admin-links a {
  color: #090223;
}
.theme-dark .rui-list-admin-links a {
  color: #E8EAED;
}
.rui-list-admin-links ul li a {
  color: #a19eab;
}
.theme-dark .rui-list-admin-links ul li a {
  color: #9AA0A6;
}

@media (max-width: 1088.98px) {
  .rui-nav--admin-container {
    overflow-x: auto;
  }
}
.rui-nav--admin {
  padding: 0 10px;
  width: max-content;
  font-size: 0.875rem;
}
@media (min-width: 1089px) {
  .rui-nav--admin {
    height: calc(100vh - 260px);
    overflow-y: auto;
    position: sticky;
    top: 30px;
    display: block;
    min-width: 180px;
    max-width: 300px;
    height: 90vh;
    overflow-y: auto;
  }
}
@media (max-width: 1088.98px) {
  .rui-nav--admin {
    display: inline-flex;
  }
  .rui-nav--admin .nav-link {
    padding: 16px;
  }
}

.rui-settings-container {
  margin-top: 12px;
}
@media (max-width: 1088.98px) {
  .rui-settings-container {
    padding: 0;
  }
}

.formtable tbody th {
  font-weight: normal;
  text-align: right;
}

.path-admin .admintable .leftalign {
  text-align: left;
}

.environmenttable .warn,
.environmenttable .error,
.environmenttable .ok {
  padding: 0.5rem 1.25rem;
}
.environmenttable .warn {
  background-color: #FFF1D5;
  font-size: 0.875rem;
  color: #090223;
}
.environmenttable .error {
  background-color: #feeded;
  font-size: 0.875rem;
  color: #090223;
}
.environmenttable .ok {
  background-color: #EAF4DD;
  font-size: 0.875rem;
  color: #090223;
}

.path-admin .admintable.environmenttable .name,
.path-admin .admintable.environmenttable .info,
.path-admin #assignrole .admintable .role,
.path-admin #assignrole .admintable .userrole,
.path-admin #assignrole .admintable .roleholder {
  white-space: nowrap;
}

.path-admin .incompatibleblockstable td.c0 {
  font-weight: 700;
}

#page-admin-course-category .addcategory {
  padding: 10px;
}

#page-admin-course-index .editcourse {
  margin: 20px auto;
}

#page-admin-course-index .editcourse th,
#page-admin-course-index .editcourse td {
  padding-left: 10px;
  padding-right: 10px;
}

.timewarninghidden {
  display: none;
}

#page-admin-report-capability-index #capabilitysearch {
  width: 30em;
}

#page-admin-qtypes #qtypes div,
#page-admin-qtypes #qtypes form,
#page-admin-qbehaviours #qbehaviours div,
#page-admin-qbehaviours #qbehaviours form {
  display: inline;
}

#page-admin-qtypes #qtypes img.spacer,
#page-admin-qbehaviours #qbehaviours img.spacer {
  width: 16px;
}

#page-admin-qbehaviours .cell.c3,
#page-admin-qtypes .cell.c3 {
  font-size: 0.875rem;
}

#page-admin-lang .generalbox,
#page-admin-course-index .singlebutton,
#page-admin-course-index .addcategory,
#page-course-index .buttons,
#page-admin-course-category .addcategory,
#page-admin-stickyblocks .generalbox,
#page-admin-maintenance .buttons,
#page-admin-course-index .buttons,
#page-admin-course-category .buttons,
#page-admin-index .copyright,
#page-admin-index .copyrightnotice,
#page-admin-index .adminerror .singlebutton,
#page-admin-index .adminwarning .singlebutton,
#page-admin-index #layout-table .singlebutton {
  margin: 30px 0 0;
}

#page-course-index-category .buttons {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  #page-course-index-category .buttons {
    display: block;
  }
  #page-course-index-category .buttons .singlebutton {
    margin: 0.35rem 0;
    width: 100%;
  }
  #page-course-index-category .buttons .singlebutton .btn {
    width: 100%;
  }
}

.path-admin-roles .capabilitysearchui {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#page-admin-roles-define .topfields {
  margin: 1em 0 2em;
}

#page-admin-roles-define .capdefault {
  background-color: rgba(0, 0, 0, 0.075);
}

#page-filter-manage .backlink,
.path-admin-roles .backlink {
  margin-top: 1em;
}
#page-filter-manage .backlink p,
.path-admin-roles .backlink p {
  margin-top: 1rem;
  margin-bottom: 0;
}

#page-admin-roles-explain #chooseuser h3,
#page-admin-roles-usersroles .contextname {
  margin-top: 0;
}

#page-admin-roles-explain #chooseusersubmit {
  margin-top: 0;
  text-align: center;
}

#page-admin-roles-usersroles p {
  margin: 0;
}

#page-admin-roles-override .cell.c1,
#page-admin-roles-assign .cell.c3,
#page-admin-roles-assign .cell.c1 {
  padding-top: 0.75em;
}

#page-admin-roles-override .overridenotice,
#page-admin-roles-define .definenotice {
  margin: 1em 10% 2em 10%;
  text-align: left;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
  display: block;
}

#page-admin-index .updateplugin div {
  margin-bottom: 0.5em;
}

#page-admin-user-user_bulk #users .fgroup {
  white-space: nowrap;
}

#page-admin-report-stats-index .graph {
  text-align: center;
  margin-bottom: 1em;
}

#page-admin-report-courseoverview-index .graph {
  text-align: center;
  margin-bottom: 1em;
}

#page-admin-lang .translator {
  border-width: 1px;
  border-style: solid;
}

.path-enrol .enroloptions,
.path-admin .enroloptions {
  padding: 10px;
  margin: 10px 0;
  border-radius: 7px;
  background-color: #eeedef;
}
.theme-dark .path-enrol .enroloptions,
.theme-dark .path-admin .enroloptions {
  background-color: #17181B;
}
.path-enrol .enroloptions select,
.path-admin .enroloptions select {
  width: 100%;
}
.path-enrol .enroloptions p,
.path-admin .enroloptions p {
  margin: 0 0 0.75rem !important;
}
.path-enrol .enroloptions p:last-of-type,
.path-admin .enroloptions p:last-of-type {
  margin: 0 !important;
}
.path-enrol .enroloptions label,
.path-admin .enroloptions label {
  font-size: 0.75rem;
  font-weight: 500;
}
.path-enrol .roleassigntable,
.path-admin .roleassigntable {
  width: 100%;
}
.path-enrol .roleassigntable tr,
.path-admin .roleassigntable tr {
  background-color: transparent !important;
}
.path-enrol .roleassigntable tr:hover,
.path-admin .roleassigntable tr:hover {
  box-shadow: none;
}
.path-enrol .roleassigntable td,
.path-admin .roleassigntable td {
  vertical-align: top;
  padding: 10px 0;
}
.path-enrol .roleassigntable p,
.path-admin .roleassigntable p {
  text-align: left;
  margin: 0.2em 0;
}
.path-enrol .roleassigntable #existingcell,
.path-enrol .roleassigntable #potentialcell,
.path-admin .roleassigntable #existingcell,
.path-admin .roleassigntable #potentialcell {
  width: 42%;
}
.path-enrol .roleassigntable #existingcell p > label:first-child,
.path-enrol .roleassigntable #potentialcell p > label:first-child,
.path-admin .roleassigntable #existingcell p > label:first-child,
.path-admin .roleassigntable #potentialcell p > label:first-child {
  font-weight: 700;
}
.path-enrol .roleassigntable #buttonscell,
.path-admin .roleassigntable #buttonscell {
  width: 16%;
  padding: 10px;
}
.path-enrol .roleassigntable #buttonscell #assignoptions,
.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: 0.875rem;
}
.path-enrol .roleassigntable #removeselect_wrapper,
.path-enrol .roleassigntable #addselect_wrapper,
.path-admin .roleassigntable #removeselect_wrapper,
.path-admin .roleassigntable #addselect_wrapper {
  width: 100%;
}
.path-enrol table.rolecap tr.rolecap th,
.path-admin table.rolecap tr.rolecap th {
  text-align: left;
  font-weight: normal;
}
.path-enrol .rolecap .hiddenrow,
.path-admin .rolecap .hiddenrow {
  display: none;
}
.path-enrol #defineroletable .rolecap .inherit,
.path-enrol #defineroletable .rolecap .allow,
.path-enrol #defineroletable .rolecap .prevent,
.path-enrol #defineroletable .rolecap .prohibit,
.path-admin #defineroletable .rolecap .inherit,
.path-admin #defineroletable .rolecap .allow,
.path-admin #defineroletable .rolecap .prevent,
.path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em;
}
.path-enrol .rolecap .cap-name,
.path-enrol .rolecap .note,
.path-admin .rolecap .cap-name,
.path-admin .rolecap .note {
  display: block;
  font-size: 0.875rem;
  white-space: nowrap;
  font-weight: normal;
}
.path-enrol .rolecap label,
.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin: 0;
}

.plugincheckwrapper {
  width: 100%;
}

.environmentbox {
  margin-top: 1em;
}

#mnetconfig table {
  margin-left: auto;
  margin-right: auto;
}

.environmenttable .cell {
  padding: 0.15em 0.5em;
}

#trustedhosts .generaltable, #trustedhosts .rolecap {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

#trustedhosts .standard {
  width: auto;
}

#adminsettings legend {
  display: none;
}

#adminsettings fieldset.error {
  margin: 0.2em 0 0.5em 0;
}

#adminsettings fieldset.error legend {
  display: block;
}

#adminsettings fieldset .rui-title-container {
  margin: 0;
}
#adminsettings fieldset h3 {
  margin: 0.25rem 0;
}
#adminsettings fieldset h3 a {
  width: 100%;
  display: block;
  padding: 1rem 1.5rem;
  color: inherit;
  background-color: #f9f9fa;
  background-size: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px);
  border-radius: 7px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 0.9rem;
}
.theme-dark #adminsettings fieldset h3 a {
  background-color: #0b0d0f;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
#adminsettings fieldset h3 a:hover {
  background-color: #ececfd;
  text-decoration: none;
}
.theme-dark #adminsettings fieldset h3 a:hover {
  background-color: #201f76;
}

.rui-setting-heading {
  display: flex;
  position: relative;
  z-index: 1;
  font-size: 1.875rem;
}
.rui-setting-heading .rui-admin-no {
  background-color: #090223;
  color: #f9f9fa;
  border-radius: 60px;
  justify-content: center;
}
.theme-dark .rui-setting-heading .rui-admin-no {
  background-color: #E8EAED;
  color: #0b0d0f;
}

.rui-setting-desc {
  position: relative;
  z-index: 1;
  font-size: 0.875rem;
  color: #413c55;
}
.rui-setting-desc p {
  margin-bottom: 2px;
}
.theme-dark .rui-setting-desc {
  color: #BDC1C6;
}

.rui-main-content-title + .adminsettings {
  margin-bottom: 20px;
}

#admin-spelllanguagelist textarea,
#page-admin-setting-editorsettingstinymce .form-textarea textarea {
  /* rtl:ignore */
  text-align: left;
  /* rtl:ignore */
  direction: ltr;
}

/* Styles for flags on admin settings */
.adminsettingsflags {
  float: right;
}

.adminsettingsflags label {
  margin-right: 7px;
}

.form-description pre,
.formsettingheading pre {
  /*rtl:ignore*/
  direction: ltr;
  padding: 10px;
  background-color: #f9f9fa;
  border-radius: 7px;
  white-space: pre-wrap;
}
.theme-dark .form-description pre,
.theme-dark .formsettingheading pre {
  background-color: #0b0d0f;
}

.formsettingheading {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.formsettingheading .form-horizontal {
  color: #a19eab;
}
.theme-dark .formsettingheading .form-horizontal {
  color: #9AA0A6;
}

.form-item .form-setting .form-htmlarea {
  display: inline;
}

.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block;
}

.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}

.form-item .form-setting .defaultsnext {
  display: inline;
}

.form-item .form-setting .locked-checkbox {
  margin-right: 0.2em;
  margin-left: 0.5em;
  display: inline;
}

.form-item .form-setting .form-password .unmask {
  display: inline-block;
}

.form-item .form-setting .form-defaultinfo {
  max-width: 100%;
  max-height: 120px;
  text-align: left;
  overflow-y: auto;
}

#admin-emoticons td input {
  width: 8em;
}

#admin-emoticons td.c0 input {
  width: 4em;
}

#adminthemeselector .selectedtheme td.c0 {
  border: 2px solid #406CD2;
  border-right-width: 0;
}

#adminthemeselector .selectedtheme td.c1 {
  border: 2px solid #406CD2;
  border-left-width: 0;
}

#adminthemeselector img {
  max-width: 300px;
  border-radius: 7px;
}

.admin_colourpicker,
.admin_colourpicker_preview {
  display: none;
}

.jsenabled .admin_colourpicker_preview {
  display: inline;
}

@media (min-width: 768px) {
  .jsenabled .admin_colourpicker {
    display: block;
    height: 102px;
    width: 410px;
    margin-bottom: 10px;
    box-sizing: content-box;
  }
  .admin_colourpicker .colourdialogue {
    float: left;
    border: 1px solid #e1e0e4;
  }
  .admin_colourpicker .previewcolour {
    border: 1px solid #e1e0e4;
    margin-left: 301px;
  }
  .admin_colourpicker .currentcolour {
    border: 1px solid #e1e0e4;
    margin-left: 301px;
    border-top-width: 0;
  }
}
@media (max-width: 767.98px) {
  .admin_colourpicker .colourdialogue {
    max-width: 100%;
  }
  .jsenabled .admin_colourpicker {
    height: 150px;
    margin-bottom: 10px;
    display: block;
    position: relative;
  }
  .admin_colourpicker .previewcolour {
    display: none;
  }
  .admin_colourpicker .currentcolour {
    position: absolute;
    border: 1px solid #e1e0e4;
    top: 100px;
    left: 0;
  }
  .theme-dark .admin_colourpicker .currentcolour {
    border: 1px solid #2E3134;
  }
}
.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-left: auto;
}

#page-admin-index #notice .checkforupdates {
  text-align: center;
}

#page-admin-plugins #plugins-overview-panel .info {
  display: inline-block;
  margin: 1rem 1.5rem 1rem 0;
}
#page-admin-plugins #plugins-overview-panel .info a {
  font-weight: 700;
  color: inherit;
}
#page-admin-plugins #plugins-overview-panel .info a:hover {
  text-decoration: none;
}
#page-admin-plugins .checkforupdates {
  margin: 10px 0;
}
#page-admin-plugins .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .checkforupdates .singlebutton div,
#page-admin-plugins .checkforupdates .singlebutton input {
  margin: 0 3px 0 0;
}
#page-admin-plugins .updateavailableinstallall {
  margin: 0.5rem 1rem 0.5rem 0;
  padding: 0;
}
#page-admin-plugins .updateavailableinstallall div,
#page-admin-plugins .updateavailableinstallall input {
  margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .action-icon {
  margin: 0 0.35rem;
}
#page-admin-plugins #plugins-control-panel .status-missing {
  background-color: #feeded;
  border: 2px solid #ef1010;
}
#page-admin-plugins #plugins-control-panel .displayname {
  display: inline-flex;
  align-items: center;
}
#page-admin-plugins #plugins-control-panel .displayname .icon.spacer {
  display: inline-flex;
  width: 38px;
  margin-right: 13px;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
  margin-left: 52px;
  font-size: 0.875rem;
  color: #a19eab;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
  font-size: 0.875rem;
  color: #a19eab;
}
#page-admin-plugins #plugins-control-panel .uninstall a {
  width: max-content;
  color: #ef1010;
}
#page-admin-plugins #plugins-control-panel .settings a {
  width: max-content;
  display: block;
}
#page-admin-plugins #plugins-control-panel .notes .label {
  margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #b4b2bc;
}
.theme-dark #page-admin-plugins #plugins-control-panel .notes .requiredby {
  background-color: #3C4043;
}

#plugins-check-page #plugins-check .status-missing td,
#plugins-check-page #plugins-check .status-downgrade td {
  font-weight: 700;
}
#plugins-check-page #plugins-check .status-missing tr,
#plugins-check-page #plugins-check .status-downgrade tr {
  background-color: #feeded;
  border: 2px solid #ef1010;
}

#plugins-check-page .pluginupdateinfo,
#plugins-control-panel .pluginupdateinfo {
  margin: 0.5rem 0;
  padding: 1rem;
  border: 2px dashed #406CD2;
  font-size: 0.875rem;
  border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo .version,
#plugins-control-panel .pluginupdateinfo .version {
  font-weight: 500;
}
#plugins-check-page .pluginupdateinfo .infos,
#plugins-control-panel .pluginupdateinfo .infos {
  margin-top: 0.5rem;
}
#plugins-check-page .pluginupdateinfo.maturity50,
#plugins-control-panel .pluginupdateinfo.maturity50 {
  background-color: #feeded;
}
#plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
#plugins-control-panel .pluginupdateinfo.maturity100,
#plugins-control-panel .pluginupdateinfo.maturity150 {
  background-color: #FFF1D5;
}
#plugins-check-page .pluginupdateinfo .info,
#plugins-control-panel .pluginupdateinfo .info {
  display: inline-block;
}
#plugins-check-page .pluginupdateinfo .separator:after,
#plugins-control-panel .pluginupdateinfo .separator:after {
  content: " | ";
}
#plugins-check-page .pluginupdateinfo .singlebutton,
#plugins-control-panel .pluginupdateinfo .singlebutton {
  width: 100%;
  margin: 1rem 0 0;
  padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton .btn,
#plugins-control-panel .pluginupdateinfo .singlebutton .btn {
  width: 100%;
}
#plugins-check-page .pluginupdateinfo .singlebutton div,
#plugins-check-page .pluginupdateinfo .singlebutton input,
#plugins-control-panel .pluginupdateinfo .singlebutton div,
#plugins-control-panel .pluginupdateinfo .singlebutton input {
  margin: 0 3px 0 0;
}

.plugins-management-confirm-buttons > div {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.plugins-management-confirm-buttons .continue {
  padding: 0;
}
.plugins-management-confirm-buttons .continue div,
.plugins-management-confirm-buttons .continue input {
  margin: 0;
}

#page-admin-index .upgradepluginsinfo {
  text-align: center;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
  content: " | ";
}

/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: 0.875rem;
}

#core-cache-plugin-summaries table,
#core-cache-store-summaries table {
  width: 100%;
}

#core-cache-lock-summary table,
#core-cache-definition-summaries table,
#core-cache-mode-mappings table {
  margin: 0 auto;
}

#core-cache-store-summaries .default-store td {
  font-style: italic;
}

#core-cache-rescan-definitions,
#core-cache-mode-mappings .edit-link,
#core-cache-lock-additional-actions .new-instance {
  margin-top: 0.5em;
  text-align: left;
}

.maintenancewarning {
  position: fixed;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1100;
}

.modal.modal-in-page {
  padding: 0 !important;
  z-index: 0;
}
.modal.modal-in-page div {
  padding: 0 !important;
  border: none;
}
.modal.modal-in-page .modal-footer {
  margin-top: 1rem;
}
.modal.modal-in-page .singlebutton:first-of-type {
  float: right;
  margin-left: 0.5rem;
}

.modal.modal-in-page .modal-content {
  padding: 20px !important;
}

.adminpagetitle {
  margin-bottom: 0;
  border-bottom: none;
}

.adminpagepath {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0 1.25rem;
  padding: 0.5rem 1.5rem;
  border: 1px solid #e1e0e4;
  color: #413c55;
  border-radius: 7px;
  font-size: 0.75rem;
  list-style: none;
}
.theme-dark .adminpagepath {
  border: 1px solid #2E3134;
  color: #BDC1C6;
}
.adminpagepath li + li:before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "-";
}

@media (min-width: 576px) {
  .container {
    overflow-wrap: break-word;
    width: auto;
  }
}
#page-admin-tasklogs .task-class {
  font-size: 0.875rem;
  color: #b4b2bc;
}
.theme-dark #page-admin-tasklogs .task-class {
  background-color: #3C4043;
}

.path-admin-tool-uploaduser .uuwarning {
  background-color: #FFF1D5;
}
.path-admin-tool-uploaduser .uuerror {
  background-color: #feeded;
}
.path-admin-tool-uploaduser .uuinfo {
  background-color: #EAF4DD;
}

[data-region=plans] {
  margin-top: 30px;
}

#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
  padding: 0;
}

.helplinkpopup {
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
}
.helplinkpopup .iconhelp {
  margin-right: 0.35rem;
}
.theme-dark .helplinkpopup .iconhelp {
  filter: invert(1);
}
.theme-dark .helplinkpopup {
  color: #E8EAED;
}

.plugin-install-console {
  padding: 1rem;
  background-color: #000;
  color: #fff;
  border-radius: 7px;
}

#adminsettings .form-group {
  margin: 0;
}
#adminsettings .form-group .custom-select {
  margin: 0.15rem;
}

#page-admin-tool-installaddon-index #installfromrepobox {
  text-align: left;
}

.pagelayout-maintenance h2 + .alert, .pagelayout-maintenance #page-mod-choice-view #notice h2 + p, #page-mod-choice-view #notice .pagelayout-maintenance h2 + p, .pagelayout-maintenance .que h2 + .validationerror, .que .pagelayout-maintenance h2 + .validationerror {
  margin-top: 30px;
}

.actions a {
  font-weight: 500;
}
.actions a .badge {
  margin-left: 0.5rem;
}

#page-admin-report-log-index .main-content .rui-main-content-title--h2,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title--h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
#page-admin-report-log-index .main-content .rui-main-content-title--h4,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title--h4 {
  margin-top: 30px;
  margin-bottom: 10px;
}
#page-admin-report-log-index .main-content .rui-main-content-title + a,
#page-admin-report-log-index .main-content .rui-main-content-title + form,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title + a,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title + form {
  margin: 1rem 0;
}
#page-admin-report-log-index .main-content div,
#page-admin-tool-monitor-managerules .main-content div {
  margin-top: 10px;
}

#livelogs-pause-button {
  margin-bottom: 30px;
}

#intro:empty {
  display: none;
}

#plugins-check-info .actions {
  margin-top: 30px;
}
#plugins-check-info .actions a {
  font-weight: 500;
}
#plugins-check-info .actions .badge {
  margin-left: 10px;
}

#page-admin-tool-langimport-index .langimport {
  margin: 30px 0 0;
  padding: 0;
}

.rui-admin-desc--small {
  font-size: 0.875rem;
  font-weight: 500;
}

@media (min-width: 1089px) {
  .rui-setting-heading-wrapper--special {
    margin-left: 60px;
    position: relative;
  }
}
.rui-settings-item + .rui-setting-heading-wrapper {
  margin-top: 30px;
}

.rui-setting-heading-wrapper {
  position: relative;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper {
  margin-left: 60px;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 20px 0;
  border-top: 1px solid #e1e0e4;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper .rui-setting-heading {
  font-size: 1.25rem;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper:hover {
  cursor: pointer;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper:hover:after {
  content: "";
  opacity: 1;
  width: calc(100% + 30px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: -15px;
  z-index: 0;
  background-color: #f9f9fa;
  border-radius: 7px;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 1;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper {
  border-color: #2E3134;
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper:hover:after, #page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper.active:after {
  background-color: #0b0d0f;
}

.rui-settings-item {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #e1e0e4;
}
@media (min-width: 1089px) {
  #page-admin-setting-themesettingalpha .rui-settings-item {
    padding-left: 60px;
  }
}
.rui-settings-item:last-of-type {
  border-bottom: none;
}
.theme-dark .rui-settings-item {
  border-bottom: 1px solid #2E3134;
}

.rui-settings-label {
  margin-bottom: 15px;
  position: relative;
}
.rui-settings-label label {
  position: relative;
  font-size: 1.125rem;
  flex-wrap: wrap;
}
#theme_alpha_scb .rui-settings-label label {
  width: 180px;
}

.rui-settings-shortname {
  background-color: #f9f9fa;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 0.75rem;
  color: #b4b2bc;
}
.theme-dark .rui-settings-shortname {
  background-color: #0b0d0f;
  color: #3C4043;
}

#page-admin-setting-themesettingalpha .rui-sticky-btns {
  margin-left: 220px;
}
@media (max-width: 767.98px) {
  #page-admin-setting-themesettingalpha .rui-sticky-btns {
    margin-left: 0;
  }
}

#theme_alpha_scb .rui-settings-item {
  width: calc(100% - 60px);
  margin: 0 0 0 60px;
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  #theme_alpha_scb .rui-settings-item {
    width: 100%;
    margin: 30px;
  }
}
#theme_alpha_scb .rui-settings-item .rui-settings-label {
  margin: 0 1rem 0 0;
  min-width: 350px;
  display: flex;
  align-items: center;
}
#theme_alpha_scb .rui-settings-item .form-item .form-label label {
  margin: 0 1rem 0 0;
}
#theme_alpha_scb .rui-settings-item .form-description {
  margin: 0 !important;
}

@media (min-width: 1089px) {
  [data-settings-name=theme_alpha_scb] {
    margin-top: 35px;
    position: relative;
  }
  [data-settings-name=theme_alpha_scb]:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='%23a19eab' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='%23a19eab' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='%23a19eab' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='%23a19eab' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%23a19eab' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='%23a19eab' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='%23a19eab' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='%23a19eab' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='%23a19eab' /%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    position: absolute;
    top: -22px;
    left: -6px;
  }
  .theme-dark [data-settings-name=theme_alpha_scb]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='%239AA0A6' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='%239AA0A6' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='%239AA0A6' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='%239AA0A6' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%239AA0A6' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='%239AA0A6' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='%239AA0A6' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='%239AA0A6' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='%239AA0A6' /%3E%3C/svg%3E");
  }
}
.rui-admin-no {
  margin-right: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 0.875rem;
  font-weight: 700;
  color: #090223;
  border-right: 1px solid #e1e0e4;
}
.theme-dark .rui-admin-no {
  border-color: #e1e0e4;
  color: #E8EAED;
}

textarea[id$=introtitle],
textarea[id$=introcontent],
textarea[id$=footercontent] {
  height: 85px;
}

.editor_atto_content.form-control[id$=htmlcontenteditable] {
  min-height: max-content !important;
}

.rui-settings-item[id^=admin-block4q],
#admin-fontheadings,
#admin-fontbody,
#admin-fontweightregular,
#admin-fontweightmedium,
#admin-fontweightbold {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

#admin-fontweightheadings,
#admin-fontweightregular,
#admin-fontweightmedium,
#admin-fontweightbold,
#admin-loginlogooutside,
#admin-customdmlogo,
#admin-customsidebardmlogo {
  padding-left: 110px !important;
  position: relative;
}
#admin-fontweightheadings:before,
#admin-fontweightregular:before,
#admin-fontweightmedium:before,
#admin-fontweightbold:before,
#admin-loginlogooutside:before,
#admin-customdmlogo:before,
#admin-customsidebardmlogo:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 60px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%23a19eab' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px -17px;
  background-size: 20px;
}
.theme-dark #admin-fontweightheadings:before,
.theme-dark #admin-fontweightregular:before,
.theme-dark #admin-fontweightmedium:before,
.theme-dark #admin-fontweightbold:before,
.theme-dark #admin-loginlogooutside:before,
.theme-dark #admin-customdmlogo:before,
.theme-dark #admin-customsidebardmlogo:before {
  background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%239AA0A6' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
}

[id^=admin-displayblock] {
  display: inline-flex;
  width: 100%;
}
[id^=admin-displayblock] .rui-settings-shortname {
  display: none !important;
}
[id^=admin-displayblock] .rui-settings-label {
  margin-top: 7px;
  margin-bottom: 0;
  margin-right: 30px;
}

[id^=theme_alpha_block1] a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rui--turnedon {
  position: relative;
}
.rui--turnedon:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
}
.rui--turnedon .small {
  max-width: 120px;
}

.type-expand:hover,
.component-expand:hover {
  color: #9f9ef6;
  text-decoration: none;
}

#page-admin-index .checkforupdates {
  margin: 1rem 0 0 !important;
}
#page-admin-index .checkforupdates .singlebutton {
  margin-bottom: 1rem;
}
#page-admin-index .copyright {
  font-size: 0.875rem;
}

.sqcolor {
  width: 60px;
  height: 60px;
  border-radius: 7px;
  position: relative;
}
.sqcolor:before {
  content: "";
  position: absolute;
  padding: 2px 5px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background-color: #000;
  border-radius: 7px;
}

.bg-primary-100 {
  background-color: #ececfd;
}
.bg-primary-100:before {
  content: "100";
}

.bg-primary-200 {
  background-color: #d9d8fb;
}
.bg-primary-200:before {
  content: "200";
}

.bg-primary-300 {
  background-color: #c5c5f9;
}
.bg-primary-300:before {
  content: "300";
}

.bg-primary-400 {
  background-color: #9f9ef6;
}
.bg-primary-400:before {
  content: "400";
}

.bg-primary-500 {
  background-color: #6564f0;
}
.bg-primary-500:before {
  content: "500";
}

.bg-primary-600 {
  background-color: #3f3dec;
}
.bg-primary-600::after {
  content: "";
  border: 4px solid rgba(63, 61, 236, 0.2);
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 8px;
}
.bg-primary-600:before {
  content: "* 600";
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.bg-primary-700 {
  background-color: #26258e;
}
.bg-primary-700:before {
  content: "700";
}

.bg-primary-800 {
  background-color: #201f76;
}
.bg-primary-800:before {
  content: "800";
}

.bg-primary-900 {
  background-color: #131247;
}
.bg-primary-900:before {
  content: "900";
}

.bg-gray-100 {
  background-color: #f9f9fa;
}
.bg-gray-100:before {
  content: "100";
}

.bg-gray-200 {
  background-color: #eeedef;
}
.bg-gray-200:before {
  content: "200";
}

.bg-gray-300 {
  background-color: #e1e0e4;
}
.bg-gray-300:before {
  content: "300";
}

.bg-gray-400 {
  background-color: #d3d2d8;
}
.bg-gray-400:before {
  content: "400";
}

.bg-gray-500 {
  background-color: #c4c3cb;
}
.bg-gray-500:before {
  content: "500";
}

.bg-gray-600 {
  background-color: #b4b2bc;
}
.bg-gray-600::after {
  content: "";
  border: 4px solid rgba(180, 178, 188, 0.3);
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 8px;
}
.bg-gray-600:before {
  content: "* 600";
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.bg-gray-700 {
  background-color: #a19eab;
}
.bg-gray-700:before {
  content: "700";
}

.bg-gray-800 {
  background-color: #413c55;
}
.bg-gray-800:before {
  content: "800";
}

.bg-gray-900 {
  background-color: #090223;
}
.bg-gray-900:before {
  content: "900";
}

[id^=admin-string] textarea {
  height: 90px;
}

#badge-overview h3 {
  margin: 0.5rem 0;
  font-size: 1.25rem;
}
#badge-overview dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark #badge-overview dl {
  border-bottom: 1px solid #2E3134;
}
#badge-overview ul {
  margin: 0.5rem 0.25rem;
}
#badge-overview .activatebadge {
  margin: 1rem 0;
}

.badge.number {
  background-color: #EEF8FF;
  color: #406CD2;
}
.theme-dark .badge.number {
  background-color: #406CD2;
  color: #EEF8FF;
}

.criteria-header a .icon {
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .criteria-header a .icon {
  background-color: #17181B;
  color: #BDC1C6;
}
.criteria-header a .icon.fa-trash, .criteria-header a .icon.fa-eye-slash {
  background-color: #feeded;
  color: #ef1010;
}
.criteria-header a .icon.fa-eye {
  background-color: #EAF4DD;
  color: #027654;
}
.criteria-header a:hover {
  text-decoration: none;
}
.criteria-header a:hover:before {
  display: none;
}
.criteria-header a:hover .icon {
  background-color: #D4DEF8;
  color: #0642CD !important;
}
.criteria-header a:hover .icon.fa-trash {
  background-color: #ef1010;
  color: #feeded !important;
}

.rui-badge-name {
  margin: 2rem 0 1rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: #090223;
}
.theme-dark .rui-badge-name {
  color: #E8EAED;
}

.rui-badge-expires-info {
  width: 100%;
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .rui-badge-expires-info {
  color: #BDC1C6;
}

.rui-badge-alert {
  margin: 30px 0;
  padding: 2px 2px 2px 20px;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
  font-size: 0.875rem;
}
.theme-dark .rui-badge-alert {
  border-bottom: 2px dashed #2E3134;
}
.rui-badge-alert .btn {
  margin: 5px;
  padding: 8px 16px;
  font-size: 0.875rem;
}
.rui-badge-alert .activatebadge {
  margin: 0 0 0 auto;
}
.rui-badge-alert.inactive .activatebadge .btn {
  color: #027654;
  background-color: #EAF4DD;
}
.rui-badge-alert.inactive .activatebadge .btn:hover {
  background: #D1ECC0;
}
.rui-badge-alert.active .activatebadge .btn {
  color: #ef1010;
  background-color: #feeded;
}
.rui-badge-alert.active .activatebadge .btn:hover {
  background: #fbc8c8;
}

.rui-badge-comment {
  background-color: #FDF6EA;
}

.rui-main-content-title .activatebadge {
  margin: 0 1rem 0 0;
  padding: 10px;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .rui-main-content-title .activatebadge {
  border: 1px solid #2E3134;
}

.rui-list-group li {
  position: relative;
  width: 100%;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.125);
}
.rui-list-group li:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.rui-list-group li:last-child {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-width: 1px;
}
.rui-list-group li:only-child {
  border-radius: 7px;
  border-width: 1px;
}
.rui-list-group li .badge-name {
  margin: 0 0.35rem;
  font-size: 0.875rem;
}

#page-badges-backpacks .text-danger {
  margin: 30px auto 0;
  padding: 2rem;
  background-color: #feeded;
  border-radius: 7px;
  font-size: 0.75rem;
  color: #ca0d0d;
}
#page-badges-backpacks .text-danger .icon {
  margin-right: 7px;
  filter: invert(13%) sepia(89%) saturate(4751%) hue-rotate(356deg) brightness(86%) contrast(96%);
  width: 15px;
  height: 15px;
}

span.status {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0.5rem;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 40px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  span.status {
    transition: none;
  }
}
span.status.ready {
  background-color: #EAF4DD;
  color: #027654;
}
span.status.draft {
  background-color: #FDF6EA;
  color: #C3850C;
}

#sidepreopen-control .dropdown-menu,
[data-region=blocks-column] .dropdown-menu {
  min-width: 245px;
}
#sidepreopen-control .dropdown-menu .dropdown-item,
[data-region=blocks-column] .dropdown-menu .dropdown-item {
  white-space: initial;
}
#sidepreopen-control .card-block .content h3,
[data-region=blocks-column] .card-block .content h3 {
  font-size: 1.143rem;
  font-weight: 600;
  text-transform: uppercase;
  border-top: 1px dashed #090223;
  padding-top: 4px;
  margin-top: 10px;
}

#sidepreopen-control {
  background-color: #fff;
  position: fixed;
  right: 0;
  top: calc(50% - 20px);
  width: 40px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #413c55;
  cursor: pointer;
  z-index: 1041;
  box-shadow: rgba(50, 50, 93, 0.12) -7px 2px 15px -9px, rgba(0, 0, 0, 0.03) -12px 2px 13px -1px;
}
#sidepreopen-control:hover {
  box-shadow: rgba(50, 50, 93, 0.25) -7px 2px 15px -9px, rgba(0, 0, 0, 0.06) -12px 2px 13px -1px;
}
.theme-dark #sidepreopen-control {
  background-color: #000;
  color: #BDC1C6;
}
#sidepreopen-control[aria-expanded=true] {
  background-color: #f9f9fa;
  border-radius: 7px;
}
#sidepreopen-control[aria-expanded=true]:hover {
  width: 40px;
}
#sidepreopen-control[aria-expanded=false] {
  border-radius: 7px 0 0 7px;
}
#sidepreopen-control[aria-expanded=false]:hover {
  width: 40px;
  box-shadow: rgba(50, 50, 93, 0.25) -7px 2px 15px -9px, rgba(0, 0, 0, 0.06) -12px 2px 13px -1px;
}
.dir-rtl #sidepreopen-control svg {
  transform: rotate(180deg);
}

#sidepre-blocks {
  width: 280px;
  height: 100%;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: all 0.2s ease-in-out;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
#sidepre-blocks::-webkit-scrollbar {
  width: 12px;
}
#sidepre-blocks::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
#sidepre-blocks::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
#sidepre-blocks::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark #sidepre-blocks {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar {
  width: 12px;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
@media (min-width: 320px) and (max-width: 1359.98px) {
  #sidepre-blocks {
    width: 300px;
    height: calc(100vh - 74px);
    overflow-y: auto;
    position: fixed;
    padding: 16px;
    background-color: #f9f9fa;
    border: 10px solid #fff;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  }
}
@media (min-width: 1089px) and (max-width: 1359.98px) {
  #sidepre-blocks {
    height: calc(100vh - 145px);
    top: 125px;
    right: 35px;
  }
  #page-my-index #sidepre-blocks {
    top: 80px;
    height: calc(100vh - 105px);
  }
}
@media (max-width: 1088.98px) {
  #sidepre-blocks {
    height: calc(100vh - 127px);
    top: 120px;
    right: 7px;
  }
}
#sidepre-blocks .card:only-of-type {
  margin-bottom: 0;
}

body.drawer-open-right #sidepreopen-control {
  position: sticky;
  border-radius: 7px;
}
@media (min-width: 1089px) {
  body.drawer-open-right #sidepreopen-control {
    right: 315px;
  }
}
@media (max-width: 1088.98px) {
  body.drawer-open-right #sidepreopen-control {
    right: 285px;
  }
}
@media (min-width: 320px) and (max-width: 1359.98px) {
  body.drawer-open-right #sidepreopen-control {
    position: fixed;
    z-index: 1060;
  }
}
body.drawer-open-right #sidepreopen-control svg {
  transform: rotate(180deg);
}
body.drawer-open-right #sidepre-blocks {
  display: flex;
  z-index: 1040;
  opacity: 1;
}
body.drawer-open-right #sidepre-blocks aside.block {
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1360px) {
  body.drawer-open-right #sidepre-blocks {
    margin-top: 50px;
  }
}
body.drawer-open-right #sidepre-blocks aside.block {
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

body.drawer-open-right.dir-rtl #sidepreopen-control svg {
  transform: rotate(0deg);
}

.blockmovetarget {
  display: block;
  padding: 5px 10px;
  background-color: #3f3dec;
  border-radius: 7px;
  font-size: 0.75rem;
  color: #ececfd;
}
.blockmovetarget .accesshide {
  position: relative;
  left: initial;
  word-break: break-all;
}

.block_calendar_upcoming .calendarwrapper {
  margin-top: 2rem;
}

.block:target {
  padding-top: 0 !important; /* stylelint-disable declaration-no-important */
  margin-top: 0 !important;
}

.block_search_forums .searchform {
  /* Override plugin's default. */
  text-align: left;
}

.block .block-controls {
  padding: 3px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.block .block-controls .moodle-core-dragdrop-draghandle {
  margin: 2px 4px 2px 2px;
}
.block .block-controls .dropdown-toggle {
  /* So that the caret takes the colour of the icon. */
  color: #090223;
}

/* We put an absolutely positioned div in a relatively positioned div so it takes up no alpha */
@media (min-width: 768px) {
  #region-main-settings-menu {
    position: relative;
    float: left;
    width: 100%;
  }
  #region-main-settings-menu > div {
    position: fixed;
    top: 70px;
    right: 10px;
    z-index: 1120;
  }
}
@media (max-width: 767.98px) {
  #region-main-settings-menu .menubar {
    justify-content: flex-end;
  }
}
.header-action #region-main-settings-menu {
  position: unset;
  float: none;
  width: auto;
}
.header-action #region-main-settings-menu > div {
  position: unset;
  right: auto;
  margin: 0;
}

.block .empty-placeholder-image-lg {
  height: 5rem;
}

.block .block-cards .course-info-container {
  padding: 0.8rem;
}
.block .block-cards .rui-progress {
  height: 0.5rem;
}
.block .block-cards .course-summaryitem {
  border: 1px solid #e1e0e4;
  background-color: #f9f9fa;
}
.theme-dark .block .block-cards .course-summaryitem {
  border: 1px solid #2E3134;
  background-color: #0e1013;
}
.block .block-cards .icon {
  margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
  margin-top: -0.5rem;
}
.block .block-cards a.coursename,
.block .block-cards span.categoryname,
.block .block-cards .btn-link,
.block .block-cards [data-fieldtype=submit] a,
[data-fieldtype=submit] .block .block-cards a,
.block .block-cards .cancel a,
.cancel .block .block-cards a,
.block .block-cards #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .block .block-cards .gradetheselink {
  color: inherit;
}
.block .block-cards .multiline {
  white-space: normal;
}
.block .block-cards .btn.btn-link.btn-icon, .block .block-cards [data-fieldtype=submit] a.btn.btn-icon, [data-fieldtype=submit] .block .block-cards a.btn.btn-icon,
.block .block-cards .cancel a.btn.btn-icon,
.cancel .block .block-cards a.btn.btn-icon,
.block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink,
#page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink {
  height: 36px;
  width: 36px;
  padding: 0;
  border-radius: 50%;
}
.block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards [data-fieldtype=submit] a.btn.btn-icon:hover, [data-fieldtype=submit] .block .block-cards a.btn.btn-icon:hover,
.block .block-cards .cancel a.btn.btn-icon:hover,
.cancel .block .block-cards a.btn.btn-icon:hover,
.block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:hover,
#page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards [data-fieldtype=submit] a.btn.btn-icon:focus, [data-fieldtype=submit] .block .block-cards a.btn.btn-icon:focus,
.block .block-cards .cancel a.btn.btn-icon:focus,
.cancel .block .block-cards a.btn.btn-icon:focus,
.block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:focus,
#page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink:focus {
  background-color: #eeedef;
}
.theme-dark .block .block-cards .btn.btn-link.btn-icon:hover, .theme-dark .block .block-cards [data-fieldtype=submit] a.btn.btn-icon:hover, [data-fieldtype=submit] .theme-dark .block .block-cards a.btn.btn-icon:hover,
.theme-dark .block .block-cards .cancel a.btn.btn-icon:hover,
.cancel .theme-dark .block .block-cards a.btn.btn-icon:hover,
.theme-dark .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:hover,
#page-mod-quiz-report .theme-dark .block .block-cards .btn.btn-icon.gradetheselink:hover, .theme-dark .block .block-cards .btn.btn-link.btn-icon:focus, .theme-dark .block .block-cards [data-fieldtype=submit] a.btn.btn-icon:focus, [data-fieldtype=submit] .theme-dark .block .block-cards a.btn.btn-icon:focus,
.theme-dark .block .block-cards .cancel a.btn.btn-icon:focus,
.cancel .theme-dark .block .block-cards a.btn.btn-icon:focus,
.theme-dark .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:focus,
#page-mod-quiz-report .theme-dark .block .block-cards .btn.btn-icon.gradetheselink:focus {
  background-color: #17181B;
}

.dashboard-card-deck.one-row {
  padding-bottom: 1rem;
  flex-flow: nowrap;
  overflow-x: scroll;
}

.summaryimage {
  height: 5rem;
  width: 5rem;
  background-position: center;
  background-size: cover;
}

.dashboard-card-deck .dashboard-card {
  margin-bottom: 30px;
  flex-basis: auto;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.dashboard-card-deck .dashboard-card .dashboard-card-img {
  height: 150px;
  background-position: center;
  background-size: cover;
}
.dashboard-card-deck .dashboard-card .dashboard-card-footer {
  padding: 0.8rem;
}
@media (min-width: 320px) {
  .dashboard-card-deck.fixed-width-cards .dashboard-card {
    width: 300px;
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
    width: calc(33.333% - 30px);
    margin-bottom: 0;
  }
}

.rui-dashboard-card {
  background-color: #fff;
  border-radius: 7px;
  transition: all 0.2s ease-in-out;
}
.rui-dashboard-card:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  text-decoration: none;
}

@media (min-width: 576px) {
  .block-region-dtopblocks .block-recentlyaccesseditems .rui-dashboard-card {
    margin-right: 2rem;
    width: calc(20% - 30px);
  }
  .block-region-dtopblocks .block-recentlyaccesseditems .rui-dashboard-card:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767.98px) {
  .block_recentlyaccessedcourses {
    padding-bottom: 60px;
  }
}
.block_recentlyaccessedcourses .paging-bar-container {
  position: absolute;
  z-index: 3;
  left: calc(50% - 40px);
  bottom: -35px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination {
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 30px;
  box-shadow: 2px 3px 30px 0 rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-item.disabled .page-link {
  background-color: rgba(255, 255, 255, 0.1);
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-link {
  padding: 0.5rem;
  border-radius: 30px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-link:hover {
  background-color: #3f3dec;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .icon {
  filter: invert(1);
}

#block-region-side-pre {
  width: 100%;
}
#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
  margin-top: 0;
}

.block_recentlyaccesseditems .activityiconcontainer .icon {
  height: 40px;
  width: 40px;
  margin-right: 6px;
}

.block_settings .block_tree [aria-expanded=true],
.block_settings .block_tree [aria-expanded=true].emptybranch,
.block_settings .block_tree [aria-expanded=false],
.block_settings .block_tree li[aria-selected=false] p,
.block_navigation .block_tree [aria-expanded=true],
.block_navigation .block_tree [aria-expanded=true].emptybranch,
.block_navigation .block_tree [aria-expanded=false] {
  background-image: none;
}

.block_settings .block_tree [aria-expanded=true]:before,
.block_navigation .block_tree [aria-expanded=true] a:before,
.block_navigation .block_tree [aria-expanded=true] p:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: left;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 4px;
  top: 6px;
  color: #a19eab;
}
.theme-dark .block_settings .block_tree [aria-expanded=true]:before,
.theme-dark .block_navigation .block_tree [aria-expanded=true] a:before,
.theme-dark .block_navigation .block_tree [aria-expanded=true] p:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
  color: #9AA0A6;
}

.block_settings .block_tree [aria-expanded=false] a:before,
.block_navigation .block_tree [aria-expanded=false] a:before,
.block_settings .block_tree [aria-expanded=false] p:before,
.block_navigation .block_tree [aria-expanded=false] p:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: left;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 4px;
  top: calc(50% - 10px);
  color: #a19eab;
}
.theme-dark .block_settings .block_tree [aria-expanded=false] a:before,
.theme-dark .block_navigation .block_tree [aria-expanded=false] a:before,
.theme-dark .block_settings .block_tree [aria-expanded=false] p:before,
.theme-dark .block_navigation .block_tree [aria-expanded=false] p:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  color: #9AA0A6;
}

.dir-rtl .block_settings .block_tree [aria-expanded=false]:before,
.dir-rtl .block_navigation .block_tree [aria-expanded=false]:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .dir-rtl .block_settings .block_tree [aria-expanded=false]:before,
.theme-dark .dir-rtl .block_navigation .block_tree [aria-expanded=false]:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

.block_navigation .block_tree p.hasicon,
.block_settings .block_tree p.hasicon {
  text-indent: -3px;
}
.block_navigation .block_tree p.hasicon .icon,
.block_settings .block_tree p.hasicon .icon {
  display: inline-flex;
  margin-right: 10px;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.7;
}
.block_navigation .block_tree p.hasicon .item-content-wrap,
.block_settings .block_tree p.hasicon .item-content-wrap {
  display: inline-flex;
}

.block.invisibleblock .card-title {
  color: #a19eab;
}
.theme-dark .block.invisibleblock .card-title {
  color: #9AA0A6;
}

.block_social_activities li a.movehere,
.block_site_main_menu li a.movehere {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #413c55;
  margin: 4px 0;
}
.theme-dark .block_social_activities li a.movehere,
.theme-dark .block_site_main_menu li a.movehere {
  border: 2px dashed #BDC1C6;
}

/* Blocks Mods */
.block_admin_bookmarks .list li a {
  display: block;
  font-weight: 500;
  line-height: 2.5;
}
.block_admin_bookmarks .footer:not(:empty) {
  margin-top: 1rem;
}

/* Editing UI */
.block-region.yui3-dd-drop {
  padding: 5px;
  min-height: 120px;
  background-color: #ececfd;
  border: 2px dashed #c5c5f9;
  border-radius: 7px;
}
.block-region.yui3-dd-drop .pagelayout-maintenance {
  display: none;
}
.block-region.yui3-dd-drop .card {
  border-color: #c5c5f9;
}
.theme-dark .block-region.yui3-dd-drop .card {
  border-color: #26258e;
}

.editing #block-region-dtopblocks,
.editing #block-region-dbottomblocks,
.editing #block-region-content,
.editing #block-region-ctopbl,
.editing #block-region-cbottombl,
.editing #block-region-cstopbl,
.editing #block-region-csbottombl,
.editing #block-region-side-pre,
.editing #block-region-sidebartopblocks,
.editing #block-region-sidebarbottomblocks {
  position: relative;
}
.editing #block-region-dtopblocks:before,
.editing #block-region-dbottomblocks:before,
.editing #block-region-content:before,
.editing #block-region-ctopbl:before,
.editing #block-region-cbottombl:before,
.editing #block-region-cstopbl:before,
.editing #block-region-csbottombl:before,
.editing #block-region-side-pre:before,
.editing #block-region-sidebartopblocks:before,
.editing #block-region-sidebarbottomblocks:before {
  padding: 5px 10px;
  background-color: #ececfd;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #c5c5f9;
  top: -3px;
  left: 3px;
}
.theme-dark .editing #block-region-dtopblocks:before,
.theme-dark .editing #block-region-dbottomblocks:before,
.theme-dark .editing #block-region-content:before,
.theme-dark .editing #block-region-ctopbl:before,
.theme-dark .editing #block-region-cbottombl:before,
.theme-dark .editing #block-region-cstopbl:before,
.theme-dark .editing #block-region-csbottombl:before,
.theme-dark .editing #block-region-side-pre:before,
.theme-dark .editing #block-region-sidebartopblocks:before,
.theme-dark .editing #block-region-sidebarbottomblocks:before {
  background-color: #201f76;
  color: #d9d8fb;
}
.editing #block-region-content:before {
  content: "Blocks: Main Moodle Area";
}
.editing #block-region-dtopblocks:before {
  content: "Blocks: Dashboard (Top)";
}
.editing #block-region-dbottomblocks:before {
  content: "Blocks: Dashboard (Bottom)";
}
.editing #block-region-ctopbl:before {
  content: "Blocks: Course Page (Top)";
}
.editing #block-region-cbottombl:before {
  content: "Blocks: Course Page (Bottom)";
}
.editing #block-region-cstopbl:before {
  content: "Blocks: Course Page - Sections (Top)";
}
.editing #block-region-csbottombl:before {
  content: "Blocks: Course Page - Sections (Bottom)";
}
.editing #block-region-side-pre:before {
  content: "Blocks: Hidden Sidebar";
}
.editing #block-region-sidebartopblocks:before {
  content: "Blocks: Sidebar Top Blocks";
}
.editing #block-region-sidebarbottomblocks:before {
  content: "Blocks: Sidebar Bottom Blocks";
}

/* Block Customization */
.block_course_list li a,
.block_community li a,
.block_admin_bookmarks li a,
.block_activity_modules li a {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  position: relative;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .block_course_list li a,
.theme-dark .block_community li a,
.theme-dark .block_admin_bookmarks li a,
.theme-dark .block_activity_modules li a {
  color: #BDC1C6;
}
.block_course_list li a:hover,
.block_community li a:hover,
.block_admin_bookmarks li a:hover,
.block_activity_modules li a:hover {
  color: #9f9ef6;
  text-decoration: none;
}
.block_course_list li a:hover:before,
.block_community li a:hover:before,
.block_admin_bookmarks li a:hover:before,
.block_activity_modules li a:hover:before {
  background-color: #9f9ef6;
}
.block_course_list li a:before,
.block_community li a:before,
.block_admin_bookmarks li a:before,
.block_activity_modules li a:before {
  content: "";
  background-color: #e1e0e4;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.theme-dark .block_course_list li a:before,
.theme-dark .block_community li a:before,
.theme-dark .block_admin_bookmarks li a:before,
.theme-dark .block_activity_modules li a:before {
  background-color: #2E3134;
}
.block_course_list li a .icon,
.block_community li a .icon,
.block_admin_bookmarks li a .icon,
.block_activity_modules li a .icon {
  margin-right: 0.5rem;
  width: 30px;
  height: 30px;
}
.theme-dark .block_course_list li a .icon,
.theme-dark .block_community li a .icon,
.theme-dark .block_admin_bookmarks li a .icon,
.theme-dark .block_activity_modules li a .icon {
  filter: invert(1);
}
.block_course_list li:last-child a,
.block_community li:last-child a,
.block_admin_bookmarks li:last-child a,
.block_activity_modules li:last-child a {
  padding-bottom: 0;
}
.block_course_list li:last-child a:before,
.block_community li:last-child a:before,
.block_admin_bookmarks li:last-child a:before,
.block_activity_modules li:last-child a:before {
  display: none;
}

.block_rss_client .list li {
  padding: 6px ​0 !important;
  border-color: #e1e0e4;
}
.theme-dark .block_rss_client .list li {
  border-color: #2E3134;
}
.block_rss_client .list li .link a {
  display: inline-flex;
  padding-left: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23090223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .block_rss_client .list li .link a {
  color: #BDC1C6;
}

.block_online_users .info {
  margin-bottom: 1rem;
}
.block_online_users .list .listentry {
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.block_online_users .list .listentry .userinitials,
.block_online_users .list .listentry img.userpicture {
  margin-right: 0.5rem;
  width: 30px;
  height: 30px;
  border-radius: 7px;
}
.block_online_users .list .listentry .user a {
  width: 170px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: #090223;
}
.theme-dark .block_online_users .list .listentry .user a {
  color: #E8EAED;
}
.block_online_users .list .listentry .uservisibility a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  right: 0;
  border-radius: 50%;
}
.block_online_users .list .listentry .uservisibility a:hover {
  text-decoration: none;
}
.block_online_users .list .listentry .uservisibility a[data-action=hide] {
  background-color: #EAF4DD;
}
.block_online_users .list .listentry .uservisibility a[data-action=hide] .icon {
  color: #027654;
}
.block_online_users .list .listentry .uservisibility a[data-action=hide]:hover {
  background-color: #D1ECC0;
}
.block_online_users .list .listentry .uservisibility a[data-action=show] {
  background-color: #feeded;
}
.block_online_users .list .listentry .uservisibility a[data-action=show] .icon {
  color: #ef1010;
}
.block_online_users .list .listentry .uservisibility a[data-action=show]:hover {
  background-color: #fbc8c8;
}
.block_online_users .list .listentry .uservisibility a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin: 0;
}
.block_online_users .list .listentry .message a {
  background-color: #ececfd;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  right: 0;
  border-radius: 50%;
}
.block_online_users .list .listentry .message a:hover {
  background-color: #d9d8fb;
  text-decoration: none;
}
.block_online_users .list .listentry .message a:before {
  display: none;
}
.block_online_users .list .listentry .message a .icon {
  color: #fff;
  font-size: 12px;
  margin: 0;
}

.block_news_items .newlink a {
  font-weight: 500;
}
.block_news_items .post {
  margin: 1rem -15px 0;
  padding: 1rem 15px;
  border-top: 2px dashed #e1e0e4;
}
.theme-dark .block_news_items .post {
  border-top: 2px dashed #2E3134;
}
.block_news_items .post .head .date {
  font-size: 0.875rem;
}
.block_news_items .post .head .date,
.block_news_items .post .head .name {
  font-weight: 500;
  color: #a19eab;
}
.theme-dark .block_news_items .post .head .date,
.theme-dark .block_news_items .post .head .name {
  color: #9AA0A6;
}
.block_news_items .post .head .name {
  font-size: 0.8rem;
}
.block_news_items .post .info {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.block_news_items .post .info a {
  display: block;
  color: #090223;
  line-height: 1.4;
}
.theme-dark .block_news_items .post .info a {
  color: #E8EAED;
}

.block_private_files [id*=private_files_tree] {
  padding: 1rem;
  border-radius: 7px;
  background-color: #f9f9fa;
  max-height: 200px;
  overflow-y: auto;
}
.theme-dark .block_private_files [id*=private_files_tree] {
  background-color: #0b0d0f;
}
.theme-dark .block_private_files [id*=private_files_tree] img {
  filter: invert(0.9);
}
.block_private_files [id*=private_files_tree] .ygtvitem {
  max-height: 300px;
  overflow-y: auto;
}
.block_private_files td.ygtvcell .icon {
  margin: 0 4px;
  padding: 0.25rem !important;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  border-radius: 7px;
}
.block_private_files .ygtvcontent div {
  max-width: 170px;
}
.block_private_files [id^=private_files_tree] a {
  display: inline-block;
  font-size: 0.75rem;
  color: #413c55;
  max-width: 190px;
}
.theme-dark .block_private_files [id^=private_files_tree] a {
  color: #BDC1C6;
}
.block_private_files [id^=private_files_tree] a .icon {
  margin: 4px;
  padding: 0.25rem !important;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  border-radius: 7px;
}

.block-timeline .rui-event-name-link:hover .rui-event-name {
  color: #9f9ef6;
}
.block-timeline .rui-timeline-list-group {
  padding-top: 20px;
}
.block-timeline .rui-timeline-list-group-item {
  margin-bottom: 20px;
}
.block-timeline .rui-timeline-list-group-item:last-of-type {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .block-timeline .rui-timeline-list-group-item:last-of-type {
  border-bottom: 1px solid #2E3134;
}
.block-timeline .rui-timeline-date {
  padding-left: 3px;
  display: inline-flex;
  align-content: center;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.6;
}
.block-timeline .rui-event-date {
  padding-top: 10px;
  padding-left: 30px;
  display: inline-flex;
  align-content: center;
  background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%23a19eab' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: -13px;
  font-weight: 500;
  color: #090223;
}
.theme-dark .block-timeline .rui-event-date {
  background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%239AA0A6' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
  color: #E8EAED;
}
.block-timeline .rui-event-date .rui-event-user-date {
  margin: 2px 0 0 4px;
}
.block-timeline .rui-timeline-date-txt {
  align-self: center;
}
.block-timeline .rui-event-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #090223;
}
.theme-dark .block-timeline .rui-event-name {
  color: #E8EAED;
}
.block-timeline .rui-event-icon {
  margin: 0 1rem;
}
.block-timeline .rui-event-icon .icon {
  width: 40px;
  height: 40px;
}
.block-timeline .pagination {
  margin: 0;
}

/* Block Navigation */
#settingsnav {
  padding: 0 !important;
}

.block_settings .block_tree .depth_1 > .tree_item.branch a,
.block_navigation .block_tree .depth_1 > .tree_item.branch a {
  padding: 0.35rem 0 0.35rem 30px;
  font-weight: 500;
  color: #090223;
}
.theme-dark .block_settings .block_tree .depth_1 > .tree_item.branch a,
.theme-dark .block_navigation .block_tree .depth_1 > .tree_item.branch a {
  color: #E8EAED;
}
.block_settings .block_tree .depth_1 > .tree_item.branch a:hover,
.block_navigation .block_tree .depth_1 > .tree_item.branch a:hover {
  text-decoration: none;
}

.block_settings .block_tree ul,
.block_navigation .block_tree ul {
  margin-left: 0;
}
.block_settings .block_tree ul a,
.block_navigation .block_tree ul a {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #090223;
}
.theme-dark .block_settings .block_tree ul a,
.theme-dark .block_navigation .block_tree ul a {
  color: #E8EAED;
}
.block_settings .block_tree ul a:hover,
.block_navigation .block_tree ul a:hover {
  color: #3f3dec;
  text-decoration: none;
}
.block_settings .block_tree ul .item_with_icon,
.block_navigation .block_tree ul .item_with_icon {
  color: #413c55;
  border-radius: 7px;
}
.theme-dark .block_settings .block_tree ul .item_with_icon,
.theme-dark .block_navigation .block_tree ul .item_with_icon {
  color: #BDC1C6;
}
.block_settings .block_tree ul .item_with_icon:hover,
.block_navigation .block_tree ul .item_with_icon:hover {
  background-color: #ececfd;
}

.block_settings .block_tree [role=group],
.block_navigation .block_tree [role=group] {
  position: relative;
}
.block_settings .block_tree [role=group] a,
.block_navigation .block_tree [role=group] a {
  padding: 0.35rem 0;
}
.block_settings .block_tree [role=group]:before,
.block_navigation .block_tree [role=group]:before {
  content: "";
  background-color: #e1e0e4;
  position: absolute;
  width: 2px;
  height: 100%;
  border-radius: 2px;
  top: 2px;
  left: 7px;
}
.theme-dark .block_settings .block_tree [role=group]:before,
.theme-dark .block_navigation .block_tree [role=group]:before {
  background-color: #2E3134;
}

.block_settings .block_tree ul {
  margin-left: 0;
}
.block_settings .block_tree ul a {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #090223;
}
.theme-dark .block_settings .block_tree ul a {
  color: #E8EAED;
}
.block_settings .block_tree ul a:hover {
  color: #3f3dec;
  text-decoration: none;
}
.block_settings .block_tree ul .item_with_icon {
  padding: 0;
  color: #413c55;
  border-radius: 7px;
}
.theme-dark .block_settings .block_tree ul .item_with_icon {
  color: #BDC1C6;
}
.block_settings .block_tree ul .item_with_icon:hover {
  background-color: #ececfd;
}

.block_navigation .block_tree .tree_item.branch,
.block_settings .block_tree .tree_item.branch {
  width: 100%;
  display: inline-flex;
  position: relative;
  font-weight: 500;
  color: #090223;
  border-radius: 7px;
}
.theme-dark .block_navigation .block_tree .tree_item.branch,
.theme-dark .block_settings .block_tree .tree_item.branch {
  color: #E8EAED;
}
.block_navigation .block_tree .tree_item.branch span,
.block_settings .block_tree .tree_item.branch span {
  padding: 0.45rem 0;
}
.block_navigation .block_tree .tree_item.branch:hover,
.block_settings .block_tree .tree_item.branch:hover {
  background-color: #ececfd;
}
.theme-dark .block_navigation .block_tree .tree_item.branch:hover,
.theme-dark .block_settings .block_tree .tree_item.branch:hover {
  color: #201f76;
}

.block_navigation .block_tree .tree_item,
.block_settings .block_tree .tree_item {
  margin: 0;
}

.block_navigation .block_tree .active_tree_node,
.block_settings .block_tree .active_tree_node {
  font-weight: 500;
}

.block_navigation .block_tree [aria-expanded=false].loading,
.block_settings .block_tree [aria-expanded=false].loading {
  background-image: url("[[pix:i/loading_small]]");
  background-position: right;
  background-size: 18px;
}

.block_settings .block_tree p.loading {
  background-size: 18px;
  background-position: right;
}

/*TODO:poprawic ikonki*/
.block_settings .simplesearchform {
  margin-top: 20px;
}

.block_settings .block_tree li {
  position: relative;
}

/* ---- Block My Profile */
.block_myoverview .content {
  min-height: 19.35rem;
}
#block-region-dleftblocks .block_myoverview .rui-bmo-nav-sort-selector, #blocks-dashboardrightblock .block_myoverview .rui-bmo-nav-sort-selector {
  width: 100%;
  margin-right: 0 !important;
}
#sidepre-blocks .block_myoverview .btn--title {
  display: none !important;
}

.block_myprofile .myprofileitem.picture img {
  margin-bottom: 0.5rem;
  width: auto;
  height: auto;
}

.block_myprofile .myprofileitem.fullname {
  font-size: 0.875rem;
  color: #090223;
}
.theme-dark .block_myprofile .myprofileitem.fullname {
  color: #E8EAED;
}

.rui-myprofile-card-title {
  font-size: 0.75rem;
  font-weight: 500;
  color: #a19eab;
}
.theme-dark .rui-myprofile-card-title {
  color: #9AA0A6;
}

.rui-mo-progress-icon--done {
  display: none;
  color: #027654;
}
.rui-mo-progress-100 .rui-mo-progress-icon--done {
  display: inline-flex;
}

.rui-mo-progress-100 .small {
  color: #048444;
}

.rui-course-card-shortname {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
}

.pagelayout-embedded .has-fake-blocks {
  padding: 1rem;
  display: flex;
}
.pagelayout-embedded .has-fake-blocks .embedded-main {
  order: 0;
  width: calc(100% - 360px);
  margin-right: 1rem;
}
.pagelayout-embedded .embedded-blocks {
  order: 1;
  width: 360px;
}
@media (max-width: 767.98px) {
  .pagelayout-embedded .has-fake-blocks {
    display: block;
  }
  .pagelayout-embedded .has-fake-blocks .embedded-main {
    width: 100%;
  }
  .pagelayout-embedded .embedded-blocks {
    width: 100%;
  }
}

.block_adminblock {
  background-color: #fff;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 14px 44px 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 20px;
  bottom: 7px;
  z-index: 10001;
}
@media (max-width: 1088.98px) {
  .drawer-open-right .block_adminblock {
    right: 7px;
  }
}
@media (max-width: 767.98px) {
  .drawer-open-right .block_adminblock {
    right: 7px;
  }
}
.block_adminblock .card-body {
  padding: 6px;
  display: inline-flex;
  align-items: center;
}
.block_adminblock .card-title {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  margin-right: 16px;
  margin-left: 12px;
}
.block_adminblock .custom-select {
  margin-right: 0 !important;
  padding: 7px 14px;
  width: 140px;
  height: auto;
  font-size: 12px;
}
.theme-dark .block_adminblock {
  background-color: #E8EAED;
}

/* Dashboard Blocks */
.wrapper-dashboard #region-main-wrapper .alert, .wrapper-dashboard #region-main-wrapper #page-mod-choice-view #notice p, #page-mod-choice-view #notice .wrapper-dashboard #region-main-wrapper p, .wrapper-dashboard #region-main-wrapper .que .validationerror, .que .wrapper-dashboard #region-main-wrapper .validationerror {
  margin: 30px 0 0;
}

/* 
    Course contents block 
    https://github.com/mudrd8mz/moodle-block_course_contents
*/
.block_course_contents .list-group-item {
  padding: 3px 0;
}

/* Block recent activities */
.block_recent_activity .activityhead {
  font-size: 0.75rem;
  color: #413c55;
}
.block_recent_activity .activityhead.mb-3 {
  font-size: 1rem;
  color: #090223;
  font-weight: 700;
}

/* Block Section links */
.block_section_links .unlist li {
  margin-bottom: 0.35rem;
}
.block_section_links .unlist li:last-child {
  margin-bottom: 0;
}
.block_section_links .unlist li a {
  padding: 0.25rem;
  font-weight: 500;
}

/* Block - Recently accessed items */
.rui-block-title--sm {
  margin-bottom: 0.35rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
}

.block_completionstatus td {
  padding: 4px 2px !important;
  font-size: 0.75rem !important;
}

.block-recentlyaccesseditems .card-deck {
  padding: 7px;
  max-height: 220px;
  overflow-y: auto;
  background-color: #eeedef;
  border-radius: 9px;
}
.block-recentlyaccesseditems .card-deck .rui-dashboard-card:last-of-type {
  margin-bottom: 0 !important;
}

.blog_entry .comment-link {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: left;
}
.blog_entry .comment-link .icon {
  display: none;
}
.blog_entry .audience {
  text-align: left;
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .blog_entry .audience {
  color: #9AA0A6;
}
.blog_entry .tags {
  margin-top: 15px;
}
.blog_entry .content {
  margin-left: 43px;
}

.blog {
  width: 100%;
  margin: 1.5rem auto;
  padding: 1.5rem;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  position: relative;
}
.theme-dark .blog {
  border: 1px solid #2E3134;
}
.blog .blog-entry-author {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .blog .blog-entry-author {
  color: #BDC1C6;
}
.blog .blog-entry-author .userpicture {
  margin: 0 0 0 10px;
}
.blog .tag_list {
  margin-top: 0.5rem;
}
.blog .blog-entry-cover {
  overflow: hidden;
  width: 100%;
  margin: 1rem 0;
}
.blog .blog-entry-cover img {
  width: 100%;
}
.blog .blog-entry-topic a {
  display: block;
  margin: 1rem 0;
  font-size: 1.5rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .blog .blog-entry-topic a {
  color: #E8EAED;
}
.blog .blog-entry-date {
  color: #413c55;
}
.theme-dark .blog .blog-entry-date {
  color: #BDC1C6;
}
.blog .blog-entry {
  font-size: 1rem;
}
.blog .blog-entry-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
  border-top: 1px solid #e1e0e4;
}
.theme-dark .blog .blog-entry-footer {
  border-top: 1px solid #2E3134;
}
.blog .comment-link {
  margin-top: 1rem;
}
.blog .attachments {
  margin-top: 1rem;
  width: 100%;
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
}
.blog .attachments a {
  margin: 0;
  font-size: inherit;
}

.navbar {
  max-height: 60px;
}

/* calendar.less */
.calendar_event_category {
  background-color: #D8D0F2;
}
.calendar_event_category .commands a {
  color: #0d5ca1;
}

.calendar_event_course {
  background-color: #f9a3a3;
}
.calendar_event_course .commands a {
  color: #0d5ca1;
}

.calendar_event_site {
  background-color: #D1ECC0;
}
.calendar_event_site .commands a {
  color: #0d5ca1;
}

.calendar_event_group {
  background-color: #F7DAA2;
}
.calendar_event_group .commands a {
  color: #0d5ca1;
}

.calendar_event_user {
  background-color: #BACDF7;
}
.calendar_event_user .commands a {
  color: #0d5ca1;
}

.calendar_event_other {
  background-color: #e1e0e4;
}
.calendar_event_other .commands a {
  color: #0d5ca1;
}

[data-action=filter-event-type] {
  display: flex;
  align-items: center;
}
[data-action=filter-event-type]:focus {
  border-radius: 7px;
}

[data-eventtype-hidden=true] {
  opacity: 0.4;
}

.popover .event-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 3px;
  margin-right: 0.5rem;
  border-radius: 7px;
  background-color: #fff;
  font-weight: 500;
}
.popover .event-icon .icon {
  width: 20px;
  height: 20px;
}

.calendarmonth .day .calendar_event_,
.calendarmonth .day .calendar_event_category,
.calendarmonth .day .calendar_event_course,
.calendarmonth .day .calendar_event_site,
.calendarmonth .day .calendar_event_group,
.calendarmonth .day .calendar_event_user,
.calendarmonth .day .calendar_event_close,
.calendarmonth .day .calendar_event_due {
  border-width: 2px;
  border-style: solid;
  background-color: transparent !important;
}
.calendarmonth .day .calendar_event_due,
.calendarmonth .day .calendar_event_other {
  border-color: #c4c3cb;
}
.theme-dark .calendarmonth .day .calendar_event_due,
.theme-dark .calendarmonth .day .calendar_event_other {
  border-color: #2E3134;
}
.calendarmonth .day .calendar_event_close {
  border-color: #ca0d0d;
}
.calendarmonth .day .calendar_event_category {
  border-color: #D8D0F2;
}
.calendarmonth .day .calendar_event_course {
  border-color: #f9a3a3;
}
.calendarmonth .day .calendar_event_site {
  border-color: #D1ECC0;
}
.calendarmonth .day .calendar_event_group {
  border-color: #F7DAA2;
}
.calendarmonth .day .calendar_event_user,
.calendarmonth .day .calendar_event_ {
  border-color: #BACDF7;
}
.calendarmonth .day .description-content {
  margin-top: 5px;
  font-weight: 400;
}
.calendarmonth .day .description-content img {
  width: 100%;
  max-width: 100%;
}

.description-content {
  padding-right: 30px;
  width: 100%;
  max-height: 204px;
  overflow-y: auto;
}

.modal-sm .calendar_event_ {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #26258e;
}
.calendar_event_ .badge-special {
  background-color: #26258e;
  color: #c5c5f9;
}

.modal-sm .calendar_event_other {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_other:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #c4c3cb;
}
.theme-dark .modal-sm .calendar_event_other:before {
  background-color: #2E3134;
}
.calendar_event_other .badge-special {
  background-color: #c4c3cb;
  color: #090223;
}
.theme-dark .calendar_event_other .badge-special {
  background-color: #2E3134;
  color: #E8EAED;
}

.modal-sm .calendar_event_category {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_category:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #D8D0F2;
}
.calendar_event_category .badge-special {
  background-color: #D8D0F2;
  color: white !important;
}
.calendar_event_category a, .calendar_event_category .modal-title, .calendar_event_category span {
  color: #0f0921 !important;
}

.modal-sm .calendar_event_course {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_course:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #f9a3a3;
}
.calendar_event_course .badge-special {
  background-color: #f9a3a3;
  color: white !important;
}
.calendar_event_course a, .calendar_event_course .modal-title, .calendar_event_course span {
  color: #040000 !important;
}
.theme-dark .calendar_event_course a, .theme-dark .calendar_event_course .modal-title, .theme-dark .calendar_event_course span {
  color: white !important;
}

.modal-sm .calendar_event_site {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_site:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #D1ECC0;
}
.calendar_event_site .badge-special {
  background-color: #D1ECC0;
  color: white !important;
}
.calendar_event_site a, .calendar_event_site .modal-title, .calendar_event_site span {
  color: #090f05 !important;
}

.modal-sm .calendar_event_group {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_group:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #F7DAA2;
}
.calendar_event_group .badge-special {
  background-color: #F7DAA2;
  color: white !important;
}
.calendar_event_group a, .calendar_event_group .modal-title, .calendar_event_group span {
  color: #010100 !important;
}

.modal-sm .calendar_event_user,
.modal-sm .calendar_event_ {
  background-color: transparent;
  padding-left: 50px !important;
  border-radius: 0;
  position: relative;
}
.modal-sm .calendar_event_user:before,
.modal-sm .calendar_event_:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #BACDF7;
}
.calendar_event_user .badge-special,
.calendar_event_ .badge-special {
  background-color: #BACDF7;
  color: white !important;
}
.calendar_event_user a, .calendar_event_user .modal-title, .calendar_event_user span,
.calendar_event_ a,
.calendar_event_ .modal-title,
.calendar_event_ span {
  color: #030916 !important;
}
.theme-dark .calendar_event_user a, .theme-dark .calendar_event_user .modal-title, .theme-dark .calendar_event_user span,
.theme-dark .calendar_event_ a,
.theme-dark .calendar_event_ .modal-title,
.theme-dark .calendar_event_ span {
  color: white !important;
}

.minicalendar.calendartable .calendar_event_category,
.minicalendar.calendartable .calendar_event_course,
.minicalendar.calendartable .calendar_event_site,
.minicalendar.calendartable .calendar_event_group,
.minicalendar.calendartable .calendar_event_other,
.minicalendar.calendartable .calendar_event_user,
.minicalendar.calendartable .calendar_event_ {
  position: relative;
  background-color: transparent !important;
}
.minicalendar.calendartable .calendar_event_category:before,
.minicalendar.calendartable .calendar_event_course:before,
.minicalendar.calendartable .calendar_event_site:before,
.minicalendar.calendartable .calendar_event_group:before,
.minicalendar.calendartable .calendar_event_other:before,
.minicalendar.calendartable .calendar_event_user:before,
.minicalendar.calendartable .calendar_event_:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  top: 1px;
  left: calc(50% - 3px);
}
.minicalendar.calendartable .calendar_event_category:before {
  background-color: #D8D0F2;
}
.minicalendar.calendartable .calendar_event_course:before {
  background-color: #f9a3a3;
}
.minicalendar.calendartable .calendar_event_site:before {
  background-color: #D1ECC0;
}
.minicalendar.calendartable .calendar_event_group:before {
  background-color: #F7DAA2;
}
.minicalendar.calendartable .calendar_event_other:before {
  background-color: #d3d2d8;
}
.theme-dark .minicalendar.calendartable .calendar_event_other:before {
  background-color: #282A2D;
}
.minicalendar.calendartable .calendar_event_user:before,
.minicalendar.calendartable .calendar_event_:before {
  background-color: #BACDF7;
}

.calendarmonth .calendar-event-box {
  position: relative;
}
.eventlist .calendarmonth .calendar-event-box {
  background-color: #fff;
}
.calendarmonth .calendar-event-box.calendar_event_category {
  border: 2px solid #D8D0F2;
}
.calendarmonth .calendar-event-box.calendar_event_category .badge-special {
  background-color: #D8D0F2;
  color: #0f0921 !important;
}
.calendarmonth .calendar-event-box.calendar_event_due, .calendarmonth .calendar-event-box.calendar_event_other {
  border: 2px solid #d3d2d8;
}
.theme-dark .calendarmonth .calendar-event-box.calendar_event_due, .theme-dark .calendarmonth .calendar-event-box.calendar_event_other {
  border: 2px solid #282A2D;
}
.calendarmonth .calendar-event-box.calendar_event_close {
  border: 2px solid #ef1010;
}
.calendarmonth .calendar-event-box.calendar_event_course {
  border: 2px solid #f9a3a3;
}
.calendarmonth .calendar-event-box.calendar_event_site {
  border: 2px solid #D1ECC0;
}
.calendarmonth .calendar-event-box.calendar_event_group {
  border: 2px solid #F7DAA2;
}
.calendarmonth .calendar-event-box.calendar_event_user {
  border: 2px solid #BACDF7;
}
.calendarmonth .calendar-event-box.calendar_event_user .badge-special {
  background-color: #BACDF7;
  color: #030916 !important;
}

a.day {
  color: #090223;
  text-decoration: none;
}
.theme-dark a.day {
  color: #E8EAED;
}
a.day:hover {
  color: #e1e0e4;
  text-decoration: none;
}
.theme-dark a.day:hover {
  color: #202124;
}

td.day.bg-primary {
  background-color: #eeedef !important;
  color: #090223 !important;
}
.theme-dark td.day.bg-primary {
  background-color: #17181B !important;
  color: #E8EAED !important;
}

.dayblank {
  background-image: url([[pix:theme|diagonal-lines]]);
  background-repeat: repeat;
  background-color: transparent;
  background-size: 10px;
}
.theme-dark .dayblank {
  filter: invert(0.9);
}
.minicalendar .dayblank {
  background-size: 5px;
}

td.day [data-toggle=popover] {
  font-weight: 700;
  color: #090223;
}

.calendartable {
  width: auto;
}
.calendartable th,
.calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0;
}

.calendar-controls {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767.98px) {
  .calendar-controls .arrow_link {
    width: 40px;
    height: 40px;
    padding: 0;
    background-position: center !important;
  }
  .calendar-controls .arrow_text {
    display: none;
  }
}
.calendar-controls .previous {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.calendar-controls .current {
  padding: 0 20px;
  line-height: 1.5;
  text-align: center;
  font-size: 0.875rem;
}
.calendar-controls .next {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.calendar-controls .drop-target {
  box-sizing: border-box;
  border: 1px dashed #c5c5f9;
}

.filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.maincalendar {
  vertical-align: top;
  padding: 0;
}
.maincalendar .bottom {
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .maincalendar .bottom {
    width: 100%;
  }
  .maincalendar .bottom .btn {
    width: 100%;
  }
}
.maincalendar .heightcontainer {
  height: 100%;
  position: relative;
}
.maincalendar .calendarmonth {
  width: 100%;
  margin: 1rem auto;
}
.maincalendar .calendarmonth ul {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.maincalendar .calendarmonth ul li {
  padding: 5px;
  margin-bottom: 5px;
  list-style-type: none;
  border-radius: 7px;
}
#block-region-side-pre .maincalendar .calendarmonth ul li {
  padding: 1px;
  width: 4px;
  height: 4px;
}
.maincalendar .calendarmonth ul li > a {
  padding: 5px 10px 8px;
  border-radius: 7px;
  max-width: 100%;
  display: block;
}
#block-region-side-pre .maincalendar .calendarmonth ul li > a {
  width: 10px;
  height: 10px;
  padding: 0;
}
.maincalendar .calendarmonth ul li > a:hover {
  text-decoration: none;
}
#block-region-side-pre .maincalendar .calendarmonth ul li > a > div, #block-region-side-pre .maincalendar .calendarmonth ul li > a span {
  display: none !important;
}
.maincalendar .calendarmonth ul li:last-child {
  margin-bottom: 0;
}
.maincalendar .calendarmonth ul li img {
  max-width: 100%;
  width: 100%;
  margin: 0.25rem 0 0;
  border-radius: 7px;
}
.maincalendar .calendarmonth ul li .icon {
  margin: 0 0.25rem 0 0;
  padding: 5px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-color: #f9f9fa;
  border-radius: 7px;
  color: #413c55;
}
.theme-dark .maincalendar .calendarmonth ul li .icon {
  background-color: #0b0d0f;
  color: #BDC1C6;
}
.maincalendar .calendarmonth ul li span {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .maincalendar .calendarmonth ul li span {
  color: #E8EAED;
}
.maincalendar .calendarmonth td {
  padding: 5px;
  height: 40px;
  border: 1px solid #e1e0e4;
  font-size: 0.875rem;
  transition: all 0.2s ease-in-out;
}
.theme-dark .maincalendar .calendarmonth td {
  border: 1px solid #2E3134;
}
.maincalendar .calendarmonth .clickable:hover {
  position: relative;
  box-shadow: 0 20px 42px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 7px;
}
.maincalendar .calendarmonth th.header {
  padding: 1rem 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid #b4b2bc;
  color: #090223;
}
.theme-dark .maincalendar .calendarmonth th.header {
  color: #E8EAED;
}
#block-region-dleftblocks .maincalendar .calendarmonth th.header, #block-region-drightblocks .maincalendar .calendarmonth th.header, #block-region-side-pre .maincalendar .calendarmonth th.header {
  padding: 5px 2px;
  font-size: 0.75rem;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .maincalendar .calendarmonth th.header {
    padding: 5px 0;
    font-size: 0.875rem;
  }
}
.maincalendar .calendarmonth td, .maincalendar .calendarmonth th {
  border-style: solid;
}
.maincalendar .calendar-controls .current {
  margin-bottom: 0;
}
.maincalendar .controls {
  width: 100%;
  margin: 10px auto;
}
.maincalendar .calendar_event_category,
.maincalendar .calendar_event_course,
.maincalendar .calendar_event_site,
.maincalendar .calendar_event_group,
.maincalendar .calendar_event_user {
  background-color: transparent;
}
.maincalendar .calendar_event_category:hover a,
.maincalendar .calendar_event_course:hover a,
.maincalendar .calendar_event_site:hover a,
.maincalendar .calendar_event_group:hover a,
.maincalendar .calendar_event_user:hover a {
  color: #9f9ef6;
  text-decoration: none;
}
.maincalendar .calendar_event_category {
  border-color: #D8D0F2;
  color: #321f71;
}
.maincalendar .calendar_event_course {
  border-color: #f9a3a3;
  color: #640606;
}
.maincalendar .calendar_event_site {
  border-color: #D1ECC0;
  color: #365e1c;
}
.maincalendar .calendar_event_group {
  border-color: #F7DAA2;
  color: #5f4108;
}
.maincalendar .calendar_event_user {
  border-color: #BACDF7;
  color: #0d2d72;
}
.maincalendar .calendartable li {
  text-align: left;
}
.maincalendar .header .buttons {
  float: right;
}
.maincalendar .event .card-header img {
  vertical-align: baseline;
}

#page-calendar-view .maincalendar .calendarmonth td {
  height: 5rem;
}

.theme-dark .maincalendar .calendarmonth th.header {
  border-color: #2E3134;
  color: #E8EAED;
}

.dir-rtl.theme-dark .calendar-controls .next,
.theme-dark .calendar-controls .previous {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}

.dir-rtl.theme-dark .calendar-controls .previous,
.theme-dark .calendar-controls .next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}

.eventlist {
  position: relative;
}
.eventlist .calendar-event-box {
  padding: 20px 20px 70px 70px;
}
.eventlist .calendar_event_category:before,
.eventlist .calendar_event_course:before,
.eventlist .calendar_event_site:before,
.eventlist .calendar_event_group:before,
.eventlist .calendar_event_user:before {
  content: "";
  position: absolute;
  top: 26px;
  left: 25px;
  width: 20px;
  height: 20px;
  border-radius: 30px;
}
.eventlist .calendar_event_category:before {
  background-color: #D8D0F2;
}
.eventlist .calendar_event_course:before {
  background-color: #f9a3a3;
}
.eventlist .calendar_event_site:before {
  background-color: #D1ECC0;
}
.eventlist .calendar_event_group:before {
  background-color: #F7DAA2;
}
.eventlist .calendar_event_user:before {
  background-color: #BACDF7;
}
.eventlist .calendar_event_other:before {
  background-color: #e1e0e4;
}

.maincalendar .calendarmonth td {
  position: relative;
}
.maincalendar .calendarmonth td [data-action=view-day-link] {
  font-weight: 700;
  text-align: center;
  line-height: 190%;
  position: relative;
}
.maincalendar .calendarmonth td.today .calendar-day-label {
  padding: 0;
  display: block;
  background: #ef1010;
  border-radius: 7px;
  color: #fbc8c8;
  width: 30px;
  height: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 190%;
  position: relative;
  top: -2px;
}

.calendar-day-label {
  padding: 20px 20px 20px 0;
  font-size: 1rem;
  font-weight: 400;
  color: #a19eab;
}
.theme-dark .calendar-day-label {
  color: #9AA0A6;
}

.calendar-event-description {
  color: #413c55;
}
.theme-dark .calendar-event-description {
  color: #BDC1C6;
}

#page-calendar-export .indent {
  padding-left: 20px;
}

.block .calendarwrapper {
  margin: 1rem 0;
}
.block .calendarwrapper:last-child {
  margin-bottom: 0;
}
.block .minicalendar {
  width: 100%;
}
.block .minicalendar h3,
.block .minicalendar .current {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  color: #413c55;
  text-align: left;
}
.theme-dark .block .minicalendar h3,
.theme-dark .block .minicalendar .current {
  color: #BDC1C6;
}
.block .minicalendar h3 a,
.block .minicalendar .current a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.block .minicalendar h3 a:hover,
.block .minicalendar .current a:hover {
  text-decoration: none;
}
.block .minicalendar .arrow_link {
  color: #413c55;
  text-decoration: none;
}
.theme-dark .block .minicalendar .arrow_link {
  color: #BDC1C6;
}
.block .minicalendar .arrow_link:hover {
  text-decoration: none;
}
.block .minicalendar td {
  padding: 0 !important;
  height: 27px;
  width: 28px;
  border-radius: 7px;
  font-weight: 500;
  line-height: 2.5;
}
.block .minicalendar td a {
  padding: 8px;
  text-decoration: none;
}
.block .minicalendar td a:hover {
  text-decoration: none;
}
.block .minicalendar .today {
  background: #ef1010;
  color: #fbc8c8;
}
.block .minicalendar .today a {
  color: #fbc8c8 !important;
}
.block .minicalendar th {
  color: #090223;
  font-size: 0.75rem;
  font-weight: 500;
}
.theme-dark .block .minicalendar th {
  color: #E8EAED;
}
.block .minicalendar th abbr[title], .block .minicalendar th abbr[data-original-title] {
  white-space: nowrap;
  text-decoration: none;
}
.block .minicalendar th,
.block .minicalendar td {
  font-size: 0.75rem;
  text-align: center;
}
.block .minicalendar td.duration_global {
  border-top: 1px solid #D1ECC0;
  border-bottom: 1px solid #D1ECC0;
}
.block .minicalendar td.duration_global.duration_finish {
  background-color: #D1ECC0;
}
.block .minicalendar td.duration_category {
  border-top: 1px solid #D8D0F2;
  border-bottom: 1px solid #D8D0F2;
}
.block .minicalendar td.duration_category.duration_finish {
  background-color: #D8D0F2;
}
.block .minicalendar td.duration_course {
  border-top: 1px solid #f9a3a3;
  border-bottom: 1px solid #f9a3a3;
}
.block .minicalendar td.duration_course.duration_finish {
  background-color: #f9a3a3;
}
.block .minicalendar td.duration_group {
  border-top: 1px solid #F7DAA2;
  border-bottom: 1px solid #F7DAA2;
}
.block .minicalendar td.duration_group.duration_finish {
  background-color: #F7DAA2;
}
.block .minicalendar td.duration_user {
  border-top: 1px solid #BACDF7;
  border-bottom: 1px solid #BACDF7;
}
.block .minicalendar td.duration_user.duration_finish {
  background-color: #BACDF7;
}
.block .minicalendar caption {
  padding: 10px 0;
  margin-bottom: 10px;
  display: table-caption;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #413c55;
  text-align: left;
  position: relative;
}
.theme-dark .block .minicalendar caption {
  color: #BDC1C6;
}
.block .calendar-controls .previous,
.block .calendar-controls .next {
  position: absolute;
  top: calc(50% - 19px);
}
.block .calendar-controls .previous .arrow,
.block .calendar-controls .next .arrow {
  color: transparent;
}
.block .calendar-controls .previous {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
}
.theme-dark .block .calendar-controls .previous {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.block .calendar-controls .current {
  display: block;
  text-align: center;
  width: 76%;
  margin: 5px auto;
}
.block .calendar-controls .next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.theme-dark .block .calendar-controls .next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.block .calendar_filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block .calendar_filters li {
  margin-bottom: 0.5rem;
}
.block .calendar_filters li > a:hover {
  text-decoration: none;
}
.block .content h3.eventskey {
  margin-top: 0.5em;
}

.dir-rtl .block .calendar-controls .previous .block .calendar-controls .next {
  transform: rotate(180deg);
}

.calendar_filters [data-action=filter-event-type] .calendar_event_other,
.calendar_filters [data-action=filter-event-type] .calendar_event_category,
.calendar_filters [data-action=filter-event-type] .calendar_event_course,
.calendar_filters [data-action=filter-event-type] .calendar_event_site,
.calendar_filters [data-action=filter-event-type] .calendar_event_group,
.calendar_filters [data-action=filter-event-type] .calendar_event_user {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  margin-right: 10px;
}
.calendar_filters [data-action=filter-event-type] .calendar_event_other .icon,
.calendar_filters [data-action=filter-event-type] .calendar_event_category .icon,
.calendar_filters [data-action=filter-event-type] .calendar_event_course .icon,
.calendar_filters [data-action=filter-event-type] .calendar_event_site .icon,
.calendar_filters [data-action=filter-event-type] .calendar_event_group .icon,
.calendar_filters [data-action=filter-event-type] .calendar_event_user .icon {
  opacity: 0.6;
}
.calendar_filters [data-action=filter-event-type] .event-icon .rui-icon-container {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5rem;
}
.theme-dark .calendar_filters [data-action=filter-event-type] .event-icon .rui-icon-container .icon {
  filter: invert(1);
}
.calendar_filters [data-action=filter-event-type] .eventname,
.calendar_filters [data-action=filter-event-type] .event-icon {
  display: inline-flex;
}
#nav-drawer .calendar_filters [data-action=filter-event-type] .eventname,
#nav-drawer .calendar_filters [data-action=filter-event-type] .event-icon {
  margin: 0 6px;
}
.calendar_filters [data-action=filter-event-type] .eventname {
  width: calc(100% - 80px);
  color: #090223;
  font-size: 0.75rem;
  font-weight: 500;
}
.theme-dark .calendar_filters [data-action=filter-event-type] .eventname {
  color: #E8EAED;
}

.event-time {
  font-weight: 400;
  opacity: 0.7;
}

.event-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 5px;
}

/* Display month name above the calendar */
table.calendartable caption {
  caption-side: top;
}

@media (min-width: 768px) {
  #page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl {
    min-width: 1024px;
  }
}
.calendarwrapper {
  position: relative;
}
.calendarwrapper label {
  margin: 0 !important;
}

.day-popover-content:empty + .day-popover-alternate {
  display: block;
}

.summary-modal-container .description-content > p {
  margin: 0;
}

/* Custom YUI CSS for the theme */
.yui3-skin-sam .yui3-calendar-header {
  display: block;
  width: 300px;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .yui3-skin-sam .yui3-calendar-header {
  border-bottom: 1px solid #2E3134;
}
.yui3-skin-sam .dateselector-calendar-panel {
  top: 30px;
}
.yui3-skin-sam .yui3-calendar-day,
.yui3-skin-sam .yui3-calendar-prevmonth-day,
.yui3-skin-sam .yui3-calendar-nextmonth-day {
  background: transparent;
  border: none;
  font-size: 0.875rem;
}
.yui3-skin-sam .yui3-calendar-day {
  width: 35px;
  height: 35px;
  font-weight: 500;
  font-size: 0.875rem;
}
.yui3-skin-sam .yui3-calendar-day:hover {
  border-radius: 7px;
  color: #3f3dec;
  background: #ececfd;
}
.yui3-skin-sam .yui3-calendar-day-selected {
  color: #feeded;
  background: #ef1010;
  font-weight: 700;
  border-radius: 7px;
}
.yui3-skin-sam .yui3-calendar-header-label {
  font-size: 0.875rem;
}
.yui3-skin-sam .yui3-calendar-content {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);
  border: 0;
  color: #090223;
}
.yui3-skin-sam .yui3-calendarnav-prevmonth {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  width: 40px;
  height: 40px;
  top: -10px;
  margin-left: 10px;
}
.yui3-skin-sam .yui3-calendarnav-nextmonth {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  width: 40px;
  height: 40px;
  top: -10px;
  margin-right: 10px;
}
.yui3-skin-sam .yui3-button.closebutton {
  background-image: none;
  box-shadow: none;
}
.yui3-skin-sam .yui3-button.closebutton [aria-hidden=true] {
  display: none;
}

/* blocks */
.block_calendar_upcoming .event .activityiconcontainer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.block_calendar_upcoming .event .rui-icon-container {
  background-color: #fff;
  border-radius: 7px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.block_calendar_upcoming .event .rui-icon-container .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.block_calendar_upcoming [data-type=event] {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: #090223;
  display: inline-flex;
  width: calc(80% - 5px);
  margin-top: 0;
}
.theme-dark .block_calendar_upcoming [data-type=event] {
  color: #E8EAED;
}
.block_calendar_upcoming [data-type=event]:hover {
  color: #3f3dec;
}
.theme-dark .block_calendar_upcoming [data-type=event]:hover {
  color: #c5c5f9;
}
.block_calendar_upcoming .date {
  color: #a19eab;
  font-size: 0.75rem;
  padding: 0;
}
.theme-dark .block_calendar_upcoming .date {
  color: #9AA0A6;
}
.block_calendar_upcoming .date span {
  width: 100%;
  background-color: transparent;
}
.block_calendar_upcoming .date a {
  color: #a19eab;
}
.theme-dark .block_calendar_upcoming .date a {
  color: #9AA0A6;
}

.maincalendar .event {
  background-color: #f9f9fa;
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 7px;
}
.theme-dark .maincalendar .event {
  background-color: #0b0d0f;
}

/* day view */
.calendar-event-box {
  padding: 20px;
  margin-bottom: 0.5rem;
  position: relative;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .calendar-event-box {
  border: 1px solid #2E3134;
}
.calendar-event-box .calendar-event-settings {
  padding: 5px;
  margin-bottom: 20px;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
}
.theme-dark .calendar-event-box .calendar-event-settings {
  border: 2px dashed #2E3134;
}
.calendar-event-box:last-child {
  margin-bottom: 0;
}
.calendar-event-box .calendar-event-date {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: #413c55;
  position: relative;
}
.theme-dark .calendar-event-box .calendar-event-date {
  color: #BDC1C6;
}
.calendar-event-box .calendar-event-date a {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0 0.5rem 0 0;
  line-height: 1;
  color: #090223;
  text-align: center;
  vertical-align: baseline;
  border-radius: 7px;
  background-color: #f9f9fa;
  transition: all 0.2s ease-in-out;
}
.theme-dark .calendar-event-box .calendar-event-date a {
  color: #E8EAED;
  background-color: #0b0d0f;
}
.calendar-event-box .calendar-event-date a:hover {
  color: #413c55;
  background-color: #eeedef;
}
.theme-dark .calendar-event-box .calendar-event-date a:hover {
  background-color: #17181B;
  color: #BDC1C6;
}
.calendar-event-box .calendar-event-date a, .calendar-event-box .calendar-event-date strong {
  font-weight: 500;
  color: #090223 !important;
}
.theme-dark .calendar-event-box .calendar-event-date a, .theme-dark .calendar-event-box .calendar-event-date strong {
  color: #E8EAED !important;
}
.calendar-event-box .calendar-event-date .dimmed_text {
  color: #090223 !important;
}
.theme-dark .calendar-event-box .calendar-event-date .dimmed_text {
  color: #E8EAED !important;
}
.calendar-event-box .calendar-event-date .dimmed_text strong {
  font-weight: 500;
}
.calendar-event-box .calendar-event-date .dimmed_text a.dimmed {
  font-weight: 500;
  color: #090223 !important;
}
.theme-dark .calendar-event-box .calendar-event-date .dimmed_text a.dimmed {
  color: #E8EAED !important;
}
.calendar-event-box .calendar-event-icon {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 50%;
}
.calendar-event-box .calendar-event-heading {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.5rem;
  font-weight: 500;
  vertical-align: middle;
  margin: 1rem 0 0.5rem;
}

.calendar-event-row .calendar-event-icon {
  width: 50px;
  height: 50px;
  background-color: #ececfd;
  color: #201f76;
  border-radius: 7px;
  align-items: center;
  justify-content: center;
}

.calendar-event-content {
  padding-right: 70px;
}
.calendar-event-content .calendar-event-icon .icon {
  font-size: 1rem;
}

.rui-calendar-footer {
  padding: 0;
  border-radius: 7px;
  border: 1px solid #e1e0e4;
}
.theme-dark .rui-calendar-footer {
  border: 1px solid #2E3134;
}

.rui-calendar-list {
  margin: 0;
  overflow: hidden;
}
.rui-calendar-list li {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  font-size: 0.875rem;
  color: #413c55;
  border-bottom: 1px solid #d3d2d8;
}
.theme-dark .rui-calendar-list li {
  color: #BDC1C6;
  border-bottom: 1px solid #282A2D;
}
.rui-calendar-list li .rui-calendar-list-content {
  padding: 12px 20px;
}
.rui-calendar-list li .rui-calendar-list-content:last-of-type {
  border-bottom: none;
}
.rui-calendar-list li a {
  width: 100%;
  font-weight: 500;
}
.rui-calendar-list li a:hover {
  background-color: #ececfd;
  color: #3f3dec;
  text-decoration: none;
}
.theme-dark .rui-calendar-list li a:hover {
  background-color: #201f76;
  color: #d9d8fb;
}
.rui-calendar-list li .icon {
  color: #a19eab;
}
.theme-dark .rui-calendar-list li .icon {
  color: #9AA0A6;
}

.rui-calendar-list--inline li {
  display: inline-flex;
  align-items: center;
}

/* modal */
.modal-cal-desc {
  width: 100%;
}

.modal-cal-time {
  font-size: 0.75rem;
}
.modal-cal-time a {
  position: relative;
  display: inline-block;
  padding: 10px 15px 10px 40px;
  margin: 0 0.5rem 0.25rem 0;
  line-height: 1;
  color: #090223 !important;
  text-align: center;
  vertical-align: baseline;
  border-radius: 7px;
  background-color: #f9f9fa;
  transition: all 0.2s ease-in-out;
}
.theme-dark .modal-cal-time a {
  color: #E8EAED !important;
  background-color: #0b0d0f;
}
.modal-cal-time a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.75H16.25'%3E%3C/path%3E%3C/svg%3E%0A");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  top: calc(50% - 12px);
  left: 6px;
  width: 24px;
  height: 24px;
}
.theme-dark .modal-cal-time a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.75H16.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.eventlist .modal-cal-time a:after {
  top: 8px;
}
.modal-cal-time a:hover {
  background-color: #eeedef;
  text-decoration: none;
}
.theme-dark .modal-cal-time a:hover {
  background-color: #17181B;
}

/* mobile */
@media (min-width: 320px) and (max-width: 767.98px) {
  .calendarwrapper .btn {
    width: 100%;
    margin: 1rem 0;
  }
  .calendarwrapper .custom-select {
    width: 100%;
    margin: 0;
  }
}
/* other */
[data-groupname=timedurationuntil] {
  margin-bottom: 0.25rem !important;
}

#page-calendar-view .calendar-event-box .calendar-event-icon img {
  width: auto;
  height: auto;
}

.yui3-skin-sam .yui3-calendar-weekday {
  font-size: 0.75rem;
  font-weight: normal;
  color: #a19eab;
  text-align: center;
}
.theme-dark .yui3-skin-sam .yui3-calendar-weekday {
  color: #9AA0A6;
}

@media (max-width: 767.98px) {
  .rui-cal-header div, .rui-cal-header .btn, .rui-cal-header select,
.bottom div,
.bottom .btn,
.bottom select {
    width: 100%;
    margin: 0 !important;
  }
  .rui-cal-header .btn, .rui-cal-header select,
.bottom .btn,
.bottom select {
    margin: 0 0 0.5rem 0 !important;
  }
  .rui-cal-header .btn:last-of-type, .rui-cal-header select:last-of-type,
.bottom .btn:last-of-type,
.bottom select:last-of-type {
    margin-bottom: 0;
  }
}
.tmpl-course-blocks .rui-cal-header .custom-select,
.tmpl-course-blocks .rui-cal-header .btn,
#block-region-dleftblocks .rui-cal-header .custom-select,
#block-region-dleftblocks .rui-cal-header .btn,
#block-region-drightblocks .rui-cal-header .custom-select,
#block-region-drightblocks .rui-cal-header .btn,
#block-region-side-pre .rui-cal-header .custom-select,
#block-region-side-pre .rui-cal-header .btn {
  width: 100%;
  margin: 0 0 10px 0 !important;
}

/*
    TODO: Improve UI:
    - RWD
    - Table
*/
.content-bank-container .cb-content-wrapper {
  padding: 0.5rem;
  min-height: 140px;
  max-height: 500px;
  overflow-x: auto;
  flex-wrap: wrap;
}
.content-bank-container .cb-thumbnail {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.content-bank-container.view-grid {
  /* Display a centered eye slash on top of unlisted content icons. */
}
.content-bank-container.view-grid .cb-listitem {
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-listitem.cb-unlisted {
  position: relative;
}
@media (max-width: 767.98px) {
  .content-bank-container.view-grid .cb-listitem {
    flex-basis: 50%;
  }
}
@media (min-width: 320px) {
  .content-bank-container.view-grid .cb-listitem {
    max-width: 120px;
    min-width: 120px;
  }
}
.content-bank-container.view-grid .cb-name {
  text-align: center;
}
.content-bank-container.view-grid .cb-file {
  padding: 0.5rem;
}
.content-bank-container.view-grid .cb-thumbnail {
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
  opacity: 0.15;
}
.content-bank-container.view-grid .cb-unlisted::after {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px;
}
.theme-dark .content-bank-container.view-grid .cb-unlisted::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
}
.content-bank-container.view-grid .cb-heading,
.content-bank-container.view-grid .cb-uses,
.content-bank-container.view-grid .cb-date,
.content-bank-container.view-grid .cb-size,
.content-bank-container.view-grid .cb-type,
.content-bank-container.view-grid .cb-author {
  display: none;
}
.content-bank-container.view-list .cb-content-wrapper {
  padding: 0 0.5rem;
  flex-direction: column;
  flex-wrap: nowrap;
}
.content-bank-container.view-list .cb-thumbnail {
  margin-right: 0.5rem;
}
.content-bank-container.view-list .cb-listitem,
.content-bank-container.view-list .cb-heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .content-bank-container.view-list .cb-listitem,
.theme-dark .content-bank-container.view-list .cb-heading {
  border-color: #2E3134;
}
.content-bank-container.view-list .cb-column {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  border-right: 1px solid #e1e0e4;
}
.theme-dark .content-bank-container.view-list .cb-column {
  border-color: #2E3134;
}
.content-bank-container.view-list .cb-column .title {
  font-size: 12px;
  font-weight: 700;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
  opacity: 0.3;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
  color: #a19eab;
}
.theme-dark .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
.theme-dark .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
  color: #9AA0A6;
}
@media (max-width: 767.98px) {
  .content-bank-container.view-list .cb-column {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 320px) {
  .content-bank-container.view-list .cb-heading {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .content-bank-container.view-list .cb-file {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .content-bank-container.view-list .cb-uses,
.content-bank-container.view-list .cb-date,
.content-bank-container.view-list .cb-size,
.content-bank-container.view-list .cb-type,
.content-bank-container.view-list .cb-author {
    flex: 0 0 12%;
    max-width: 12%;
  }
  .content-bank-container.view-list .cb-column.last {
    border-right: 0;
  }
}
.content-bank-container.view-list .cb-btnsort span {
  display: none;
}
.content-bank-container.view-list .cb-btnsort .title {
  display: inline;
}
.content-bank-container.view-list .cb-btnsort.dir-none .default, .content-bank-container.view-list .cb-btnsort.dir-asc .asc, .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
  display: inline;
}
.content-bank-container.view-list .cb-btnsort .icon {
  width: 14px;
  height: 14px;
}

.cb-toolbar-container .dropdown-scrollable {
  max-height: 390px;
  overflow-y: auto;
  overflow-x: hidden;
}
.cb-toolbar-container .dropdown-scrollable .icon-size-4 .icon {
  width: 24px !important;
  height: 24px !important;
}

/* course.less */
/* Cards */
.rui-course-card-img-top {
  margin: 0;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.rui-course-card-deck {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rui-course-card-deck .rui-course-card {
  width: 100%;
}
#sidepre-blocks .rui-course-card-deck .rui-course-card {
  margin-bottom: 10px;
}
.rui-course-card-deck:empty {
  display: none;
}

.rui-course-desc {
  font-size: 1.125rem;
}
@media (max-width: 767.98px) {
  .rui-course-desc {
    font-size: 0.875rem;
  }
}

.page-mycourses .block-myoverview .rui-course-card-deck,
.page-mycourses .block-recentlyaccessedcourses .rui-course-card-deck,
.page-mycourses .block_starredcourses .rui-course-card-deck,
.rui-dashboard-main .block-myoverview .rui-course-card-deck,
.rui-dashboard-main .block-recentlyaccessedcourses .rui-course-card-deck,
.rui-dashboard-main .block_starredcourses .rui-course-card-deck,
.rui-dashboard-bottom .block-myoverview .rui-course-card-deck,
.rui-dashboard-bottom .block-recentlyaccessedcourses .rui-course-card-deck,
.rui-dashboard-bottom .block_starredcourses .rui-course-card-deck,
.rui-dashboard-top .block-myoverview .rui-course-card-deck,
.rui-dashboard-top .block-recentlyaccessedcourses .rui-course-card-deck,
.rui-dashboard-top .block_starredcourses .rui-course-card-deck {
  display: grid;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.courses,
.rui-category-browse {
  margin-bottom: 80px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  .courses,
.rui-category-browse {
    overflow-x: auto;
    display: inline-flex;
    width: calc(100% + 120px);
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -60px;
    margin-right: -60px;
  }
}
@media (max-width: 767.98px) {
  .courses,
.rui-category-browse {
    overflow-x: auto;
    display: inline-flex;
    width: calc(100% + 60px);
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 767.98px) {
  .courses,
.rui-category-browse {
    margin-bottom: 0;
  }
}
@media (min-width: 1089px) {
  .courses:after,
.rui-category-browse:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: calc(50% - 40px);
    width: 80px;
    height: 1px;
    background-color: #e1e0e4;
  }
  .theme-dark .courses:after,
.theme-dark .rui-category-browse:after {
    background-color: #2E3134;
  }
}
.courses .rui-course-card-deck,
.rui-category-browse .rui-course-card-deck {
  display: grid;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}
@media (max-width: 1088.98px) {
  .courses .rui-course-card-deck,
.rui-category-browse .rui-course-card-deck {
    flex-direction: row;
    display: flex;
    margin: 0 10px;
  }
}

#block-region-dmiddleblocks .block-recentlyaccessedcourses .rui-course-card-deck,
#block-region-dmiddleblocks .block_starredcourses .rui-course-card-deck,
#block-region-dmiddleblocks .block-myoverview .rui-course-card-deck {
  display: grid;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.rui-course-card {
  padding: 0;
  height: 400px;
  background-color: #000;
  border-radius: 7px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1088.98px) {
  .rui-course-card-deck .rui-course-card {
    width: 250px;
  }
}
#block-region-side-pre .rui-course-card {
  height: 200px;
}
.rui-course-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.3);
  background-image: -webkit-linear-gradient(-18deg, rgba(0, 0, 0, 0) 63%, #000 97%);
  background-image: -o-linear-gradient(-18deg, rgba(0, 0, 0, 0) 63%, #000 97%);
  background-image: linear-gradient(-18deg, rgba(0, 0, 0, 0) 63%, #000 97%);
  transition: all 350ms ease-in-out;
}
.rui-course-card:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: all 350ms ease-in-out;
}
.rui-course-card:hover:after {
  background-color: rgba(0, 0, 0, 0.7);
}
.rui-course-card:hover::before {
  background: rgba(0, 0, 0, 0.3);
  background-image: -webkit-linear-gradient(-28deg, rgba(0, 0, 0, 0) 83%, #000 97%);
  background-image: -o-linear-gradient(-28deg, rgba(0, 0, 0, 0) 83%, #000 97%);
  background-image: linear-gradient(-28deg, rgba(0, 0, 0, 0) 83%, #000 97%);
}
.rui-course-card .customfield {
  padding: 10px 0 0;
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .rui-course-card .customfield {
  color: #a19eab;
}
.rui-course-card .customfield .customfieldname {
  font-weight: 500;
}
#blocks-dashboardleftblock .rui-course-card, #blocks-dashboardrightblock .rui-course-card {
  margin-bottom: 20px;
}
#blocks-dashboardleftblock .rui-course-card:last-of-type, #blocks-dashboardrightblock .rui-course-card:last-of-type {
  margin-bottom: 0;
}

.rui-course-card--sq {
  height: 300px;
}

.rui-course-card--sm {
  height: 200px;
  border-radius: 7px 7px 0 0;
}

.rui-course-content-absolute {
  position: absolute;
  top: 50px;
  left: 20px;
  right: 20px;
  z-index: 3;
}

.rui-course-card-body {
  position: relative;
}
.rui-course-card--cat .rui-course-card-body, .rui-course-card--noimg .rui-course-card-body {
  margin-top: 0;
}
.rui-course-card-body .summary p {
  margin-bottom: 0;
}

.rui-course-card--dimmed {
  opacity: 0.5;
  transition: opacity 350ms ease;
}
.rui-course-card--dimmed:hover {
  opacity: 1;
}
.rui-course-card--dimmed:hover img {
  filter: grayscale(0%);
}
.rui-course-card--dimmed img {
  filter: grayscale(100%);
}

.rui-course-cat-badge {
  margin-bottom: 10px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  opacity: 0.7;
}

.rui-course-hidden-badge {
  padding: 0.3rem 0.75rem;
  border-radius: 7px;
  background-color: #feeded;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ca0d0d;
}

.rui-customfields-container,
.rui-card-course-contacts,
.rui-course-card-progress-bar,
.rui-course-card-footer-progress {
  width: 100%;
}
.rui-progress-100 .rui-customfields-container,
.rui-progress-100 .rui-card-course-contacts,
.rui-progress-100 .rui-course-card-progress-bar,
.rui-progress-100 .rui-course-card-footer-progress {
  border-color: #D1ECC0;
}

.rui-course-card .rui-course-card-progress-bar {
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: calc(100% - 40px);
  z-index: 3;
  color: #fff;
}
.rui-course-card .rui-progress {
  background-color: rgba(0, 0, 0, 0.5);
}

.rui-course-card-footer {
  width: calc(100% - 40px);
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 3;
}
#page-enrol-index .rui-course-card-footer {
  display: none;
}

.rui-customfields-container {
  font-size: 0.75rem;
  color: #413c55;
}
.rui-customfields-container .customfieldname {
  font-weight: 700;
}

.rui-course-card-icons {
  position: absolute;
  top: 12px;
  left: 21px;
  z-index: 3;
  display: inline-flex;
}
.rui-course-card-icons .icon {
  margin-right: 7px;
  padding: 6px;
  width: 18px;
  height: 18px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.theme-dark .rui-course-card-icons .icon {
  filter: invert(0);
}
.rui-course-card-icons .text-primary:not(.hidden) {
  margin-right: 0.35rem;
  padding: 6px;
  width: 18px;
  height: 18px;
  color: #fff !important;
  display: flex;
  align-content: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(7px);
  border-radius: 50%;
  box-sizing: content-box;
}
.theme-dark .rui-course-card-icons .text-primary:not(.hidden) {
  filter: invert(0);
}
.rui-course-card-icons .icon:not(.hidden) {
  display: inline-grid;
}
.rui-course-card--noimg .rui-course-card-icons {
  margin: 10px 20px 0;
  position: relative;
  top: 0;
  left: 0;
}
.rui-course-card--noimg .rui-course-card-icons:empty {
  display: none;
}

.rui-coursemenu-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
}

.rui-coursemenu-btn {
  width: 30px;
  height: 30px;
  display: inline-grid;
  align-content: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(7px);
  border: none;
  color: #fff;
  border-radius: 7px;
}
.rui-course-listitem .rui-coursemenu-btn {
  top: 5px;
  right: 0;
}
.rui-course-list-body .rui-coursemenu-btn {
  top: -10px;
  right: 0;
}

.rui-course-listitem {
  margin: 0 0 5px;
  border: 1px solid #e1e0e4 !important;
  border-radius: 7px;
}
.theme-dark .rui-course-listitem {
  border-color: #2E3134;
}
.rui-course-listitem .rui-course-card-title .icon {
  margin-right: 0.35rem;
}

.rui-card-course-contacts {
  margin-bottom: 10px;
  width: 100%;
  display: inline-flex;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #a19eab;
}
.rui-card-course-contacts::-webkit-scrollbar {
  width: 12px;
}
.rui-card-course-contacts::-webkit-scrollbar-track {
  background: #a19eab;
  border-radius: 20px;
}
.rui-card-course-contacts::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #a19eab;
}
.rui-card-course-contacts::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.rui-card-course-contacts .rui-card-contact {
  margin-right: 0.35rem;
}
.rui-card-course-contacts .rui-card-avatar {
  width: 32px;
  height: 32px;
  border-radius: 7px;
}

.rui-course-card-link {
  padding: 10px 20px;
  width: 100%;
  justify-content: space-between;
}
.rui-course-card-link:hover {
  text-decoration: none;
}
.rui-course-card-link .rui-course-card-link-text {
  margin-right: 0.35rem;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.75rem;
}

.rui-course-card-title {
  font-size: 1.5rem;
  line-height: 1.3;
}
#block-region-side-pre .rui-course-card-title {
  font-size: 1rem;
}
.rui-course-card-title a {
  display: block;
  color: #fff;
}
.rui-course-card-img-top .rui-course-card-title a {
  height: 170px;
}
.rui-course-card-smpl .rui-course-card-title a {
  height: 268px;
}
.rui-course-card-title a:hover {
  opacity: 0.7;
}

.rui-course-card-title--sm {
  font-size: 1rem;
}

.rui-course-card-text {
  margin-top: 0.35rem;
  max-height: 140px;
  overflow-y: auto;
  font-size: 0.875rem;
  color: #fff;
  opacity: 0.7;
}

.rui-course-card-text--box {
  padding: 20px;
  border: 1px solid #e1e0e4;
  border-radius: 0 0 7px 7px;
  font-size: 0.875rem;
  color: #090223;
}

.rui-course-card .rui-course-card-footer {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.rui-course-card .rui-course-card-footer {
  transform: translateY(40px);
}

.rui-course-card:hover .rui-course-card-text--a,
.rui-course-card:hover .rui-course-card-footer,
.rui-course-card:hover .rui-card-course-contacts {
  transform: translateY(0px);
  opacity: 1;
}

.rui-course-list-body {
  padding: 20px;
}
.rui-course-list-body [data-region=favourite-icon] {
  line-height: 1;
}
.rui-course-list-body .rui-course-card-title .icon:not(.hidden) {
  display: inline;
}

.rui-progress-100 {
  border-color: #D1ECC0;
  background: #EAF4DD;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0) 29%, #eaf4dd 100%);
}
.theme-dark .rui-progress-100 {
  border-color: #004B57;
  background: #002D47;
  background: linear-gradient(165deg, rgba(232, 234, 237, 0) 29%, #002d47 100%);
}

/* COURSE CONTENT */
.theme-dark .rui-category-label .icon {
  filter: invert(1);
}

.section_add_menus {
  text-align: right;
  clear: both;
}

.section-modchooser {
  clear: both;
}

.section_add_menus .horizontal div,
.section_add_menus .horizontal form {
  display: inline;
}

.section_add_menus optgroup {
  font-weight: normal;
  font-style: italic;
}

/*rtl:ignore*/
.section_add_menus .urlselect {
  text-align: left;
  margin-left: 0.4em;
}

/*rtl:ignore*/
.section_add_menus .urlselect select {
  margin-left: 0.2em;
}

.sitetopic ul.section {
  margin: 0;
}

body:not(.editing) .sitetopic ul.section {
  padding-left: 0;
}
body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
  padding-left: 0;
}

.section {
  /*.filler {
      // This must be sized like an icon to fill the alpha.
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0 ($spacer * 0.5);
      display: inline-block;
  }*/
}
.section .side.left {
  float: left;
}
.section .side.right {
  float: right;
  clear: right;
}
.section .spinner {
  height: 30px;
  width: 30px;
}
.section .activity .contentwithoutlink,
.section .activity .activityinstance {
  min-width: 40%;
  display: table-cell;
  padding-right: 4px;
  min-height: 2em;
}
.section .activity .contentwithoutlink > a,
.section .activity .activityinstance > a {
  display: inline-block;
  text-indent: 0;
  padding-left: 0;
  font-weight: 700;
  color: #090223;
}
.section .activity .contentwithoutlink .dimmed .activityicon,
.section .activity .activityinstance .dimmed .activityicon {
  opacity: 0.7;
}
.section .activity .stealth {
  color: #a19eab;
}
.section .activity a.stealth,
.section .activity a.stealth:hover {
  color: #3f3dec !important; /* stylelint-disable-line declaration-no-important */
}
.section .label .contentwithoutlink,
.section .label .activityinstance {
  display: block;
  height: inherit;
}
@media (min-width: 320px) {
  .section .label .mod-indent-outer {
    display: block;
  }
}
.section .activity.editor_displayed a.editing_title,
.section .activity.editor_displayed .moodle-actionmenu {
  display: none;
}
.section .activity.editor_displayed div.activityinstance {
  padding-right: initial;
}
.section .activity.editor_displayed div.activityinstance input {
  margin-bottom: initial;
  padding-top: initial;
  padding-bottom: initial;
  vertical-align: text-bottom;
}

@media (min-width: 768px) {
  .activity img.activityicon {
    margin: 0 20px 0 0;
  }
}
@media (max-width: 767.98px) {
  .activity img.activityicon {
    margin: 0 10px 0 0;
  }
}

.section .activity .activityinstance,
.section .activity .activityinstance div {
  display: inline-block;
}

.activityinstance {
  font-size: 1rem;
}

.editing_show + .editing_assign,
.editing_hide + .editing_assign {
  margin-left: 20px;
}

.section .activity .commands {
  white-space: nowrap;
  display: inline-block;
}
.section .activity .commands .menubar {
  flex-wrap: wrap;
}

.section .activity.modtype_label.label {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e1e0e4;
}
@media (min-width: 768px) {
  .section .activity.modtype_label.label {
    padding: 15px 20px;
  }
}
@media (max-width: 767.98px) {
  .section .activity.modtype_label.label {
    padding: 10px;
  }
}
.theme-dark .section .activity.modtype_label.label {
  border-color: #2E3134;
}

.topics + .single-section {
  margin-top: 30px;
}

.section li.activity {
  padding: 16px;
  margin: 0;
  clear: both;
  border-bottom: 1px solid #e1e0e4;
}
@media (max-width: 767.98px) {
  .section li.activity {
    padding: 10px;
  }
}
.theme-dark .section li.activity {
  border-color: #2E3134;
}
.section li.activity:last-child {
  border-bottom: none;
}

.section .activity .activityinstance .groupinglabel {
  padding-left: 30px;
}

.section .activity .contentafterlink {
  font-size: 0.875rem;
}

.section .activity .availabilityinfo {
  font-size: 0.75rem;
}

.section .activity .contentafterlink p {
  margin: 0 0 0.25rem 0;
  color: #413c55;
  font-size: 0.875rem;
}

.editing .section .activity:hover,
.editing .section .activity.action-menu-shown {
  background-color: rgba(0, 0, 0, 0.025);
}

.course-content .current {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.theme-dark .course-content .current {
  background-color: #E8EAED;
}

.course-content .current::before {
  content: "";
  border: 3px solid #3f3dec;
  border-radius: 9px;
  width: calc(100% + 3px);
  height: calc(100% - 2px);
  position: absolute;
  z-index: -1;
  top: 1px;
  left: -3px;
}

.course-content .section-summary {
  list-style: none;
}

.course-content .section-summary .summary {
  margin-top: 5px;
}

.course-content .single-section {
  position: relative;
}

.course-content .single-section .section-navigation {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.course-content .single-section .section-navigation .mdl-left,
.course-content .single-section .section-navigation .mdl-right {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 200px;
}
.course-content .single-section .section-navigation .mdl-left a,
.course-content .single-section .section-navigation .mdl-right a {
  color: #090223;
}
.theme-dark .course-content .single-section .section-navigation .mdl-left a,
.theme-dark .course-content .single-section .section-navigation .mdl-right a {
  color: #E8EAED;
}
.course-content .single-section .section-navigation .mdl-left a:hover,
.course-content .single-section .section-navigation .mdl-right a:hover {
  text-decoration: none;
}

.mdl-right .rarrow {
  margin-left: 0.5rem;
}

.mdl-left .larrow {
  margin-right: 0.5rem;
}

.course-content .single-section .section-navigation .title {
  font-weight: 700;
}

.course-content ul li.section.hidden .sectionname > span,
.course-content ul li.section.hidden .content > div.summary,
.course-content ul li.section.hidden .activity .activityinstance {
  color: #a19eab;
}

.course-content ul.topics,
.course-content ul.weeks {
  padding: 0;
  margin: 0;
  list-style: none;
}
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
  margin: 0;
  padding: 0;
}
.course-content ul.topics li.section .content .rui-section,
.course-content ul.weeks li.section .content .rui-section {
  margin: 10px 0 30px;
}
@media (min-width: 320px) {
  .course-content ul.topics li.section .content > .availabilityinfo,
.course-content ul.weeks li.section .content > .availabilityinfo {
    margin-left: 25px;
  }
}
.course-content ul.topics li.section .left,
.course-content ul.topics li.section .right,
.course-content ul.weeks li.section .left,
.course-content ul.weeks li.section .right {
  padding: 0;
  text-align: right;
  width: auto;
}

ul.weeks .section {
  margin: 10px 0;
}

@media (max-width: 767.98px) {
  body:not(.editing) .course-content ul.topics li.section .left,
body:not(.editing) .course-content ul.topics li.section .right,
body:not(.editing) .course-content ul.weeks li.section .left,
body:not(.editing) .course-content ul.weeks li.section .right {
    display: none;
  }
}
.course-content {
  margin-top: 0;
}

.course-content .hidden {
  display: none;
}

.course-content li.section ul {
  list-style: disc;
}
.course-content li.section ul ul {
  list-style: circle;
}
.course-content li.section ul ul ul {
  list-style: square;
}
.course-content li.section li.activity ul {
  list-style: disc;
}
.course-content li.section li.activity ul ul {
  list-style: circle;
}
.course-content li.section li.activity ul ul ul {
  list-style: square;
}
.course-content li.section .right > .icon:first-child {
  /* Remove the spacer icon. */
  display: none;
}

.path-course-view.editing #region-main > .card-block {
  padding-bottom: 13rem;
}

.jumpmenu .form-inline {
  display: block;
}

.jumpmenu {
  float: none;
}

.completionprogress {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 40px;
  background-color: #f9f9fa;
  color: #b4b2bc;
}
.theme-dark .completionprogress {
  background-color: #0b0d0f;
  color: #17181B;
}
.completionprogress .icon {
  margin: 0;
}

#page-site-index .subscribelink {
  text-align: right;
}

#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
  margin-bottom: 9px;
}
@media (max-width: 767.98px) {
  #site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
    display: block;
    text-align: center;
  }
}

.path-course-view a.reduce-sections {
  padding-left: 0.2em;
}

.path-course-view .subscribelink {
  text-align: right;
}

.path-course-view .unread {
  margin-left: 30px;
}

.path-course-view .block.drag .header {
  cursor: move;
}

.path-course-view .completionprogress {
  font-size: 0.875rem;
  color: #413c55;
  text-align: right;
}
.path-course-view .completionprogress .btn-link, .path-course-view .completionprogress [data-fieldtype=submit] a, [data-fieldtype=submit] .path-course-view .completionprogress a,
.path-course-view .completionprogress .cancel a,
.cancel .path-course-view .completionprogress a,
.path-course-view .completionprogress #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .path-course-view .completionprogress .gradetheselink {
  margin-left: 0.35rem;
}

.path-site li.activity > div,
.path-course-view li.activity > div {
  position: relative;
}

.path-course-view li.activity span.autocompletion img {
  vertical-align: text-bottom;
  margin-left: 0;
  width: auto;
  height: auto;
}

.path-course-view li.activity form.togglecompletion .btn {
  padding: 0;
  background-color: transparent;
}
.path-course-view li.activity form.togglecompletion .btn .icon {
  margin: 0;
}

.path-course-view li.activity form.togglecompletion img {
  max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
}

.path-course-view.editing li.activity span.autocompletion img {
  /* Use the same spacing as the filler. */
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.path-course-view li.activity form.togglecompletion .ajaxworking {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 22px;
  top: 3px;
  background: url([[pix:i/ajaxloader]]) no-repeat;
}

li.section.hidden span.commands a.editing_hide,
li.section.hidden span.commands a.editing_show {
  cursor: default;
}

.single-section h3.sectionname {
  text-align: center;
  clear: both;
}

.sectionname {
  margin: 0;
}
.sectionname a {
  color: #090223;
}
.theme-dark .sectionname a {
  color: #f9f9fa;
}

.li.section:first-of-type .sectionname {
  margin-top: 0;
}

input.titleeditor {
  width: 330px;
  vertical-align: text-bottom;
}

span.editinstructions {
  position: absolute;
  top: -15px;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  z-index: 10001;
  border-radius: 7px;
  border: none;
  color: #21386d;
  background-color: #d9e2f6;
  border-color: #cad6f2;
}
span.editinstructions hr {
  border-top-color: #b6c6ed;
}
span.editinstructions .alert-link {
  color: #152446;
}

.createstep {
  margin-top: 1rem;
}

/* Course drag and drop upload styles */
#dndupload-status {
  position: fixed;
  left: 0;
  width: 60%;
  margin: 0 20%;
  padding: 0.5rem;
  font-size: 0.875rem;
  text-align: center;
  z-index: 1;
  border: none;
  border-radius: 7px;
  color: #21386d;
  background-color: #d9e2f6;
  border-color: #cad6f2;
}
#dndupload-status hr {
  border-top-color: #b6c6ed;
}
#dndupload-status .alert-link {
  color: #152446;
}

.dndupload-preview {
  list-style: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1.5rem;
  display: inline-flex;
  align-items: center;
  width: 100%;
  background-color: #f9f9fa;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
  color: #413c55;
  font-size: 0.875rem;
  font-weight: 500;
}
.theme-dark .dndupload-preview {
  background-color: #0b0d0f;
  border: 2px dashed #202124;
  color: #BDC1C6;
}
.dndupload-preview img,
.dndupload-preview .icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.dndupload-preview .mod-indent {
  display: inline-flex;
  align-items: center;
}

.dndupload-hidden {
  display: none;
}

/* COURSES LISTINGS AND COURSE SUMMARY */
#page-course-pending .singlebutton,
#page-course-index .singlebutton,
#page-course-index-category .singlebutton,
#page-course-editsection .singlebutton {
  text-align: center;
}

#page-admin-course-manage #movecourses td img {
  margin: 0 0.22em;
  vertical-align: text-bottom;
}

#coursesearch {
  margin-top: 1em;
  text-align: left;
}

#page-course-pending .pendingcourserequests {
  margin-bottom: 1em;
}

#page-course-pending .pendingcourserequests .singlebutton {
  display: inline;
}

#page-course-pending .pendingcourserequests .cell {
  padding: 0 5px;
}

#page-course-pending .pendingcourserequests .cell.c6 {
  white-space: nowrap;
}

.coursebox {
  padding: 0.5rem;
}

.coursebox > .info > .coursename a {
  display: block;
  background-image: url([[pix:moodle|i/course]]);
  background-repeat: no-repeat;
  padding-left: 21px;
  background-position: left 0.2em;
}

.coursebox > .info > .coursename,
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .customfields-container {
  float: left;
  clear: left;
}

.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .customfields-container {
  width: 40%;
}

.coursebox > .info > h3.coursename {
  margin: 5px;
}

.coursebox > .info > .coursename {
  margin: 5px;
  padding: 0;
}

.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.coursebox .moreinfo,
.coursebox .enrolmenticons {
  padding: 3px 0;
  float: right;
}

.coursebox .moreinfo img {
  margin: 0 0.2em;
}

.coursebox .content {
  clear: both;
}

.coursebox .content .summary,
.coursebox .content .coursecat {
  float: right;
  width: 55%;
}

.coursebox .content .coursecat {
  text-align: right;
  clear: right;
}

.coursebox.remotecoursebox .remotecourseinfo {
  float: left;
  width: 40%;
}

.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px;
}

.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox.remotecoursebox .remotecourseinfo,
.coursebox .content .customfields-container {
  margin: 15px 5px 5px;
  padding: 0;
}

.coursebox.remotehost > .info > .categoryname a {
  background-image: url([[pix:moodle|i/mnethost]]);
}

.coursebox.collapsed {
  margin-bottom: 0;
}

.coursebox.collapsed > .content {
  display: none;
}

.courses .coursebox.collapsed {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.courses .coursebox.even {
  background-color: rgba(0, 0, 0, 0.025);
}

.courses > .paging.paging-morelink {
  text-align: right;
  padding: 0 0 1rem 0;
}

.course_category_tree .category .numberofcourse {
  font-size: 0.875rem;
}

.course_category_tree .controls {
  visibility: hidden;
}

.course_category_tree .controls div {
  display: inline;
  cursor: pointer;
}

.jsenabled .course_category_tree .controls {
  visibility: visible;
}

.course_category_tree .controls {
  margin-bottom: 5px;
  text-align: right;
  float: right;
}

.course_category_tree .controls div {
  padding-right: 2em;
  font-size: 75%;
}

.course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}

.course_category_tree .category.with_children > .info > .categoryname {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category.with_children > .info > .categoryname {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}

.course_category_tree .category > .info > .categoryname {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' 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='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category > .info > .categoryname {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
}

.course_category_tree .category.with_children.collapsed > .info > .categoryname,
.course_category_tree .category.with_children > .info > .categoryname,
.course_category_tree .category > .info > .categoryname {
  background-color: #fff;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 17px;
  border: 1px solid #e1e0e4;
  position: relative;
  width: 100%;
  margin: 0.25rem auto;
  padding-top: 7px;
  padding-left: 46px;
  padding-bottom: 7px;
  padding-right: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 7px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  color: #090223;
}
.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname,
.theme-dark .course_category_tree .category.with_children > .info > .categoryname,
.theme-dark .course_category_tree .category > .info > .categoryname {
  background-color: #E8EAED;
  border-color: #2E3134;
  color: #E8EAED;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname .spinner,
.course_category_tree .category.with_children > .info > .categoryname .spinner,
.course_category_tree .category > .info > .categoryname .spinner {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  margin: 0;
}

.course_category_tree .category.collapsed > .content {
  display: none;
}

.course_category_tree .category > .info {
  clear: both;
}

.course_category_tree .category > .content .wrapper-md {
  width: 840px;
}
@media (max-width: 1088.98px) {
  .course_category_tree .category > .content .wrapper-md {
    width: 100%;
  }
}

.rui-category-link {
  border-radius: 7px;
  position: relative;
  padding: 4px 7px;
  border-radius: 7px;
  color: #090223;
}
.theme-dark .rui-category-link {
  color: #E8EAED;
}
.rui-category-link:hover {
  color: #3f3dec;
  background-color: #ececfd;
}

.rui-number-of-courses {
  font-size: 0.75rem;
  font-weight: 700;
  opacity: 0.7;
}

.rui-course-cat-desc img {
  margin: 30px 0 0;
  padding: 0;
  width: 100%;
  height: auto;
  border-radius: 7px;
}

/**
 * Course management page
 * Palette
 *
 * Background (reg)         #F5F5F5
 * Background (light        #fafafa
 * Background (highlight)   #ddffaa
 * Borders                  #e1e1e8
 */
#course-category-listings {
  margin-bottom: 0;
  /** Two column layout */
  /** Three column layout */
}
#course-category-listings.columns-2 > #course-listing > div {
  position: relative;
  left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
  height: 100%;
}
#course-category-listings > div > div {
  min-height: 300px;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
  border-top: 0;
}
#course-category-listings h4 {
  margin: 1rem 0 0;
  padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
  white-space: nowrap;
}
#course-category-listings .listing-actions {
  text-align: right;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: inline-flex !important;
}
#course-category-listings .listitem[data-selected="1"] {
  border: 1px solid #3f3dec;
}
#course-category-listings .item-actions .dropdown {
  margin: 1px 0.5rem;
}
#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit;
}
#course-category-listings .item-actions .action-menu-item {
  display: inline-flex;
  align-self: center;
}
#course-category-listings .listitem .categoryname,
#course-category-listings .listitem .coursename {
  margin-right: 1rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark #course-category-listings .listitem .categoryname,
.theme-dark #course-category-listings .listitem .coursename {
  color: #E8EAED;
}
#course-category-listings .listitem > div > .float-right {
  text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
  display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
  display: inline;
}
#course-category-listings .listitem > div .without-actions {
  color: #333;
}
#course-category-listings .listitem > div .idnumber {
  margin: 0 0.35rem;
}
#course-category-listings .listitem[data-visible="0"] {
  color: #a19eab;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
  color: #a19eab;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
  display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
  display: none;
}
#course-category-listings .listitem.highlight {
  background-color: #f9f9fa;
}
#course-category-listings .listitem.highlight > div,
#course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
  background-color: rgba(0, 0, 0, 0.075);
}
#course-category-listings #course-listing .listitem .categoryname {
  margin-right: 1rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark #course-category-listings #course-listing .listitem .categoryname {
  color: #E8EAED;
}
#course-category-listings #course-listing .listitem .categoryname,
#course-category-listings #course-listing .listitem .coursename {
  display: inline-block;
  width: calc(100% - 130px);
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #course-listing .bulk-action-checkbox {
  margin: -2px 6px 0 0;
}
#course-category-listings #category-listing .listitem.collapsed > ul.ml {
  display: none;
}
#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #category-listing .course-count {
  margin-left: 0.5rem;
}
#course-category-listings #category-listing .course-count .icon {
  margin-left: 0.35rem;
}
#course-category-listings #category-listing .bulk-action-checkbox {
  margin-right: -3px;
}
#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
  position: relative;
}
#course-category-listings #category-listing .category-bulk-actions {
  margin: 0 0.5em 0.5em;
  position: relative;
}
#course-category-listings .detail-pair > * {
  display: inline-block;
}
#course-category-listings .detail-pair .pair-key {
  font-weight: 700;
  vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
  margin-bottom: 0.25rem;
  margin-right: 1rem;
  display: block;
  font-size: 0.875rem;
}
#course-category-listings .detail-pair .pair-value select {
  max-width: 100%;
}
#course-category-listings .bulk-actions .detail-pair > * {
  display: block;
  width: 100%;
}
#course-category-listings .listing-pagination {
  text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
  color: #fff;
  background-color: #406CD2;
  border-color: #406CD2;
  border: 0;
  margin: 0.4rem 0.2rem 0.45rem;
  font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button:hover {
  color: #fff;
  background-color: #2d59bf;
  border-color: #2b54b4;
}
#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
  color: #fff;
  background-color: #2d59bf;
  border-color: #2b54b4;
  box-shadow: 0 0 0 0.2rem rgba(93, 130, 217, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
  color: #fff;
  background-color: #406CD2;
  border-color: #406CD2;
}
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
  color: #fff;
  background-color: #2b54b4;
  border-color: #284faa;
}
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(93, 130, 217, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page {
  color: #fff;
  background-color: #3f3dec;
  border-color: #3f3dec;
}
#course-category-listings .listing-pagination .yui3-button.active-page:hover {
  color: #fff;
  background-color: #1d1ae9;
  border-color: #1816e0;
}
#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
  color: #fff;
  background-color: #1d1ae9;
  border-color: #1816e0;
  box-shadow: 0 0 0 0.2rem rgba(92, 90, 239, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
  color: #fff;
  background-color: #3f3dec;
  border-color: #3f3dec;
}
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
  color: #fff;
  background-color: #1816e0;
  border-color: #1715d4;
}
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(92, 90, 239, 0.5);
}
#course-category-listings .listing-pagination-totals {
  text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
  color: #a19eab;
  margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage,
#course-category-listings .select-a-category .alert,
#course-category-listings .select-a-category #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #course-category-listings .select-a-category p,
#course-category-listings .select-a-category .que .validationerror,
.que #course-category-listings .select-a-category .validationerror {
  margin: 1em;
}

ul[aria-labelledby=category-listing-title] {
  padding: 1px;
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark ul[aria-labelledby=category-listing-title] {
  background-color: #0b0d0f;
}
ul[aria-labelledby=category-listing-title] li {
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark ul[aria-labelledby=category-listing-title] li {
  border-color: #2E3134;
}

.action-menu-item .action-hide,
.action-menu-item .action-show,
.course-item-actions .action-hide,
.course-item-actions .action-show {
  margin: 0 0.5rem;
}
.action-menu-item .action-delete,
.course-item-actions .action-delete {
  float: right;
  margin-left: 0.5rem;
}
.action-menu-item a .rui-icon-container,
.course-item-actions a .rui-icon-container {
  margin: 1px;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .action-menu-item a .rui-icon-container,
.theme-dark .course-item-actions a .rui-icon-container {
  background-color: #17181B;
  color: #BDC1C6;
}
.theme-dark .action-menu-item a .rui-icon-container .icon,
.theme-dark .course-item-actions a .rui-icon-container .icon {
  filter: invert(1);
}
.action-menu-item a .rui-icon-container:empty,
.course-item-actions a .rui-icon-container:empty {
  display: none;
}
.action-menu-item a .rui-icon-container:hover,
.course-item-actions a .rui-icon-container:hover {
  background-color: #e1e0e4;
}
.theme-dark .action-menu-item a .rui-icon-container:hover,
.theme-dark .course-item-actions a .rui-icon-container:hover {
  background-color: #202124;
}
.action-menu-item a.action-delete .rui-icon-container,
.course-item-actions a.action-delete .rui-icon-container {
  background-color: #f45959;
}
.action-menu-item a.action-delete .rui-icon-container .icon,
.course-item-actions a.action-delete .rui-icon-container .icon {
  filter: invert(1);
}
.action-menu-item a.action-delete .rui-icon-container:hover,
.course-item-actions a.action-delete .rui-icon-container:hover {
  background-color: #ef1010;
}
.action-menu-item a:hover,
.course-item-actions a:hover {
  text-decoration: none;
}

.menumovecoursesto {
  margin-right: 0.25rem;
}

#course-category-listings #course-listing .listitem .drag-handle {
  display: none;
}

.listitem-course {
  padding: 0.75rem 1rem 0.75rem 0.25rem;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .listitem-course {
  border-color: #2E3134;
}

.course-list,
.listitem-category {
  margin: 4px;
  border-radius: 5px;
  width: calc(100% - 8px);
  padding: 0.75rem 1rem 0.75rem 2rem;
  border: 1px solid #e1e0e4 !important;
}
.theme-dark .course-list,
.theme-dark .listitem-category {
  border-color: #2E3134 !important;
}

/** Management header styling **/
.coursecat-management-header {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.coursecat-management-header > div {
  text-align: right;
}
.coursecat-management-header select {
  max-width: 300px;
  cursor: pointer;
  padding: 0.4em 0.5em 0.45em 1em;
  vertical-align: baseline;
  white-space: nowrap;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu {
  white-space: nowrap;
  display: inline-block;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
  padding-left: 1em;
}

.course-being-dragged-proxy {
  border: 0;
  color: #3f3dec;
  vertical-align: middle;
  padding: 0 0 0 4em;
}
.theme-dark .course-being-dragged-proxy {
  color: #c5c5f9;
}

.course-being-dragged {
  opacity: 0.5;
}

/**
 * Display sizes:
 * Large displays                   1200        +
 * Default displays                  980     1199
 * Tablets                           768      979
 * Small tablets and large phones    481      767
 * Phones                              0      480
 */
@media (min-width: 1200px) and (max-width: 1600px) {
  #course-category-listings.columns-3 {
    border: 0;
  }
  #course-category-listings.columns-3 #category-listing,
#course-category-listings.columns-3 #course-listing {
    width: 50%;
  }
  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin-top: 1em;
  }
}
@media (max-width: 1199px) {
  #course-category-listings.columns-2,
#course-category-listings.columns-3 {
    border: 0;
  }
  #course-category-listings.columns-2 #category-listing,
#course-category-listings.columns-2 #course-listing,
#course-category-listings.columns-2 #course-detail,
#course-category-listings.columns-3 #category-listing,
#course-category-listings.columns-3 #course-listing,
#course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin: 0 0 1em;
  }
}
.page-settings-menu .menubar > a > .icon {
  width: auto;
  height: 32px;
  font-size: 32px;
}

.activity-navigation {
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.theme-dark .activity-navigation {
  border-color: #2E3134;
}
.activity-navigation .row {
  align-items: center;
}
.activity-navigation #jump-to-activity.custom-select {
  margin: 0 auto;
}
.activity-navigation .text-truncate, .activity-navigation .dropdown .dropdown-item-text, .dropdown .activity-navigation .dropdown-item-text, .activity-navigation .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .activity-navigation div, .activity-navigation .block_private_files [id^=private_files_tree] a, .block_private_files [id^=private_files_tree] .activity-navigation a {
  max-width: 200px;
}
@media (max-width: 767.98px) {
  .activity-navigation .text-truncate, .activity-navigation .dropdown .dropdown-item-text, .dropdown .activity-navigation .dropdown-item-text, .activity-navigation .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .activity-navigation div, .activity-navigation .block_private_files [id^=private_files_tree] a, .block_private_files [id^=private_files_tree] .activity-navigation a {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .activity-navigation .urlselect {
    margin: 10px 0;
  }
  .activity-navigation .btn {
    width: 100%;
  }
}

.rui-forum-nav-btns,
#prev-activity-link,
#next-activity-link {
  white-space: pre-wrap;
  position: relative;
  background-repeat: no-repeat;
  background-size: 20px;
  height: 40px;
}

.prev-discussion .rui-forum-nav-btns,
#prev-activity-link {
  padding-left: 40px;
  background-position: 12px;
  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='%23090223' 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='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
  .prev-discussion .rui-forum-nav-btns,
#prev-activity-link {
    padding-left: 30px;
  }
}
.theme-dark .prev-discussion .rui-forum-nav-btns,
.theme-dark #prev-activity-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}

.next-discussion .rui-forum-nav-btns,
#next-activity-link {
  padding-right: 40px;
  background-position: calc(100% - 12px);
  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='%23090223' 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='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
  .next-discussion .rui-forum-nav-btns,
#next-activity-link {
    padding-right: 30px;
  }
}
.theme-dark .next-discussion .rui-forum-nav-btns,
.theme-dark #next-activity-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}

.activityinstance-title {
  font-weight: 500;
  color: #090223;
}
.theme-dark .activityinstance-title {
  color: #E8EAED;
}
.activityinstance-title:hover {
  text-decoration: none;
  color: #9f9ef6;
}

.rui-section {
  margin: 0 0 30px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  list-style: none;
}
.rui-section:last-of-type {
  margin-bottom: 0;
}
.theme-dark .rui-section {
  background-color: #E8EAED;
  border: 1px solid #2E3134;
}

.summary + .rui-section {
  margin-top: 30px;
}

.rui-single-section--with-nav {
  padding: 30px 30px 20px;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
@media (max-width: 1088.98px) {
  .rui-single-section--with-nav {
    padding: 10px;
  }
}
.theme-dark .rui-single-section--with-nav {
  border: 1px solid #2E3134;
}
.rui-single-section--with-nav .sectionname {
  margin-top: 0;
  margin-bottom: 1rem;
}

.rui-course-nav-wrapper {
  margin: -30px -30px 20px;
  padding: 10px;
  background-color: #f9f9fa;
}
@media (max-width: 1088.98px) {
  .rui-course-nav-wrapper {
    margin: -10px -10px 20px;
  }
}
.theme-dark .rui-course-nav-wrapper {
  background-color: #0b0d0f;
}
.rui-course-nav-wrapper a {
  color: #413c55;
}
.theme-dark .rui-course-nav-wrapper a {
  color: #BDC1C6;
}
.rui-course-nav-wrapper a:hover {
  color: #3f3dec;
  text-decoration: none;
}
.theme-dark .rui-course-nav-wrapper a:hover {
  color: #c5c5f9;
}

.rui-course-nav-btn {
  display: inline-flex;
  align-items: center;
}

.rui-course-nav-btn-icon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 7px;
  color: #090223;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .rui-course-nav-btn-icon {
  background-color: #E8EAED;
  color: #E8EAED;
}

.rui-course-nav-btn-label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  color: inherit;
  max-width: 200px;
}
@media (max-width: 1088.98px) {
  .rui-course-nav-btn-label {
    display: none;
  }
}

.rui-availabilityinfo {
  padding: 10px;
  display: inline-flex;
  align-items: center;
  background-color: #EEF8FF;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
}
.rui-availabilityinfo.ishidden {
  background-color: #FDF6EA;
  display: flex;
}
.theme-dark .rui-availabilityinfo.ishidden {
  color: #C3850C;
  background-color: #17181B;
}
.rui-availabilityinfo a {
  color: #406CD2;
}
.rui-availabilityinfo a:hover {
  color: #0642CD;
}
.rui-availabilityinfo.isrestricted {
  background-color: #FDF6EA;
  margin-top: 10px;
  margin-bottom: 10px;
}
.rui-availabilityinfo.isrestricted a {
  color: #C3850C;
}
.rui-availabilityinfo.isrestricted a:hover {
  color: #93640A;
}
.rui-availabilityinfo .rui-availabilityinfo-text {
  margin-top: 1px;
}
.rui-availabilityinfo ul {
  margin: 10px 10px 10px 20px;
  line-height: 1.8;
}
.rui-availabilityinfo div {
  display: inline-flex;
  align-items: center;
}

/* Activity Item Section */
.rui-activity-information {
  font-size: 0.75rem;
}
@media (max-width: 767.98px) {
  .rui-activity-information {
    overflow-x: auto;
  }
  .rui--activity-is-manual .rui-activity-information {
    margin-left: 55px;
  }
}

@media (max-width: 767.98px) {
  .rui-activity--hascompletion {
    width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  .rui--activity-is-manual .rui-activityinstance {
    margin-left: 55px;
  }
}
.rui-activityinstance a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #090223;
}
.theme-dark .rui-activityinstance a {
  color: #E8EAED;
}
.rui-activityinstance a:hover {
  text-decoration: none;
  color: #9f9ef6;
}

.rui-activityicon {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.theme-dark .rui-activityicon {
  filter: invert(0.9);
}

.rui-instancename {
  font-size: 1rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .rui-instancename {
  color: #E8EAED;
}
@media (max-width: 767.98px) {
  .rui-instancename {
    display: block;
    font-size: 0.875rem;
  }
}

.rui-completion-info,
.rui-contentafterlink,
.rui-activity-dates {
  margin-left: 60px;
}
@media (max-width: 767.98px) {
  .rui-completion-info,
.rui-contentafterlink,
.rui-activity-dates {
    margin-left: 0;
  }
}

.rui-pluginname {
  font-size: 0.75rem;
  font-weight: 500;
  color: #a19eab;
}
.theme-dark .rui-pluginname {
  color: #9AA0A6;
}

.resourcelinkdetails {
  display: block;
  margin-top: 10px;
  font-size: 0.75rem;
  color: #a19eab;
}

.rui-contentafterlink {
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark .rui-contentafterlink {
  color: #BDC1C6;
}
.rui-contentafterlink img {
  max-width: 100%;
  height: auto;
  border-radius: 7px;
}

.rui-contentwithoutlink {
  font-size: 1.125rem;
}

.rui-activity-dates {
  margin-left: 4px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.75rem;
  color: #a19eab;
}
.rui-section .rui-activity-dates {
  margin: 0 60px;
}
.theme-dark .rui-activity-dates {
  color: #9AA0A6;
}
@media (max-width: 1088.98px) {
  .rui-activity-dates {
    margin-left: 0;
  }
}
.rui-activity--hasnotcompletion .rui-activity-dates, .rui--activity-is-automatic .rui-activity-dates {
  left: 30px;
}
@media (max-width: 1088.98px) {
  .rui-activity--hasnotcompletion .rui-activity-dates, .rui--activity-is-automatic .rui-activity-dates {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .rui-activity--hasnotcompletion .rui-activity-dates, .rui--activity-is-automatic .rui-activity-dates {
    position: relative;
  }
}
.rui-activity-dates div {
  color: #413c55;
}
.theme-dark .rui-activity-dates div {
  color: #BDC1C6;
}
.rui-activity-dates div strong {
  color: #090223;
}
.theme-dark .rui-activity-dates div strong {
  color: #E8EAED;
}
.rui-activity-dates div:last-of-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23090223' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='%23090223' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='%23090223' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 45px;
}
.theme-dark .rui-activity-dates div:last-of-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23E8EAED' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='%23E8EAED' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='%23E8EAED' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
  .rui-activity-dates div:last-of-type {
    background: none;
    margin-top: 10px;
    padding-left: 0;
  }
}

.rui-conditionalhidden {
  position: relative;
  background-color: #f9f9fa;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.theme-dark .rui-conditionalhidden {
  background-color: #0b0d0f;
}
.rui-conditionalhidden:hover {
  background-color: transparent;
  opacity: 1;
}
.rui-conditionalhidden:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
  background-size: 16px;
  background-color: #e1e0e4;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 7px;
  width: 20px;
  height: 20px;
}
.theme-dark .rui-conditionalhidden:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-course-summary:not(:empty) {
  margin: 4px 0 16px;
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .rui-course-summary:not(:empty) {
    font-size: 0.875rem;
  }
}

.rui--activity-is-manual {
  padding-left: 60px;
}
@media (max-width: 1088.98px) {
  .rui--activity-is-manual {
    padding-left: 40px;
  }
}
.rui--activity-is-manual .activity-information {
  position: absolute;
  top: 5px;
  left: 5px;
}
@media (max-width: 767.98px) {
  .rui--activity-is-manual .activity-information {
    top: 0;
    left: 0;
  }
}

.rui--activity-hasdates {
  padding-top: 40px;
}
@media (max-width: 767.98px) {
  .rui--activity-hasdates {
    padding-top: 0;
  }
}

.rui-completion-info--manual {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rui--activity-hasdates .rui-completion-info--manual {
  top: 40px;
}
@media (max-width: 767.98px) {
  .rui--activity-hasdates .rui-completion-info--manual {
    top: 0;
    position: absolute;
  }
}

.path-mod .rui-completion-info--manual {
  width: 30px;
  height: 30px;
}
.path-mod .rui-completion-info--manual svg {
  width: 30px;
  height: 30px;
}

.btn--activity-manual {
  padding: 0;
  background-color: transparent;
  border: none;
  color: #a19eab;
}
.theme-dark .btn--activity-manual {
  color: #9AA0A6;
}
.btn--activity-manual .loading-icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-items: center;
}

.path-grade .rui-activity-wrapper,
.path-mod .rui-activity-wrapper {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 10px 15px;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  overflow: hidden;
}
.path-grade .rui-activity-wrapper.rui-activity--hasnotcompletion,
.path-mod .rui-activity-wrapper.rui-activity--hasnotcompletion {
  padding-bottom: 0;
  border: none;
}
.path-grade .rui-activity-wrapper .automatic-completion-conditions,
.path-mod .rui-activity-wrapper .automatic-completion-conditions {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  flex-flow: wrap;
}
.path-grade .rui-activity-wrapper .rui-activity-information,
.path-mod .rui-activity-wrapper .rui-activity-information {
  display: flex;
  padding: 10px 15px;
  margin: -10px -15px 10px;
  width: calc(100% + 30px);
  background-color: #f9f9fa;
  border-bottom: 1px solid #e1e0e4;
}
@media (max-width: 1088.98px) {
  .path-grade .rui-activity-wrapper .rui-activity-information,
.path-mod .rui-activity-wrapper .rui-activity-information {
    overflow-x: auto;
  }
}
.path-grade .rui-activity-wrapper.rui-activity--hasnotcompletion .rui-activity-information,
.path-mod .rui-activity-wrapper.rui-activity--hasnotcompletion .rui-activity-information {
  margin-bottom: 0;
  border-bottom: none;
}
.path-grade .rui-activity-wrapper .rui-activity-dates,
.path-grade .rui-activity-wrapper .rui-completion-info--manual,
.path-mod .rui-activity-wrapper .rui-activity-dates,
.path-mod .rui-activity-wrapper .rui-completion-info--manual {
  position: relative;
}
.path-grade .rui-activity-wrapper .rui-activity-dates,
.path-mod .rui-activity-wrapper .rui-activity-dates {
  left: auto;
}
.path-grade .rui-activity-wrapper .rui-completion-info,
.path-mod .rui-activity-wrapper .rui-completion-info {
  margin-left: 0;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  .rui-completion-info [data-region=completion-info] {
    overflow-x: auto;
    margin-bottom: 10px;
  }
  .rui-completion-info [data-region=completion-info] .rui-completion-badges {
    width: max-content;
  }
}
.theme-dark.path-mod .rui-activity-wrapper {
  border-color: #2E3134;
}
.theme-dark.path-mod .rui-activity-information {
  background-color: #0b0d0f;
  border-color: #2E3134;
}

/* end of Activity Item Section */
.rui-activity-content {
  position: relative;
  display: inherit;
}
.rui-activity-content .inplaceeditable-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.rui-activity-content .inplaceeditable-text .quickeditlink {
  margin-left: 0.35rem;
}

.rui-course-sectionname {
  font-size: 1.125rem;
  color: #090223;
}
.rui-course-sectionname a {
  color: #090223;
}
.theme-dark .rui-course-sectionname a {
  color: #f9f9fa;
}
.rui-course-sectionname a:hover {
  color: #3f3dec;
}
.theme-dark .rui-course-sectionname a:hover {
  color: #c5c5f9;
}

.rui-activity-edit-wrapper {
  padding: 10px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark .rui-activity-edit-wrapper {
  background-color: #0b0d0f;
}
.activity:hover .rui-activity-edit-wrapper {
  background-color: #e1e0e4;
}
.theme-dark .activity:hover .rui-activity-edit-wrapper {
  background-color: #202124;
}
.rui-activity-edit-wrapper .dropdown-btn {
  align-items: center;
  padding: 10px 18px;
  background-color: #fff;
  border-radius: 7px;
  font-size: 13px;
  color: #090223;
}
.theme-dark .rui-activity-edit-wrapper .dropdown-btn {
  background-color: #080909;
  color: #E8EAED;
}
.rui-activity-edit-wrapper .aabtn.menu-action .icon {
  padding: 0;
  background-color: transparent;
}
.rui-activity-edit-wrapper .moodle-core-dragdrop-draghandle {
  margin-left: 0;
}
@media (max-width: 1088.98px) {
  .rui-activity-edit-wrapper .moodle-core-dragdrop-draghandle {
    margin-bottom: 10px;
  }
}

/* Activity Chooser */
.rui-activitychooser-bg {
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark .rui-activitychooser-bg {
  background-color: #0b0d0f;
}

.rui-optionicon {
  display: inline-flex;
  align-content: center;
}
.rui-optionicon img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-left: 3px;
}

.rui-optionname {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  color: #090223;
}
.theme-dark .rui-optionname {
  color: #E8EAED;
}

/* Course Format - Topics */
.course-card-link:hover {
  text-decoration: none;
}
.course-card-link:hover .rui-course-format-card {
  width: 100%;
  background-color: #ececfd;
  border-color: #d9d8fb;
}
.theme-dark .course-card-link:hover .rui-course-format-card {
  background-color: #26258e;
  border-color: #d9d8fb;
}
.course-card-link:hover .course-progressbar-wrapper {
  background-color: #fff;
}
.theme-dark .course-card-link:hover .course-progressbar-wrapper {
  background-color: #0b0d0f;
}

.rui-section-summary-activities {
  margin: 15px -20px 0;
  padding: 15px 20px 0;
  border-top: 2px dashed #e1e0e4;
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .rui-section-summary-activities {
  color: #9AA0A6;
  border-color: #2E3134;
}
.rui-section-summary-activities .activity-count {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 1px solid #e1e0e4;
}
.theme-dark .rui-section-summary-activities .activity-count {
  border-color: #2E3134;
}
.rui-section-summary-activities .activity-count:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.rui-progress--complete {
  padding: 3px;
  font-weight: 700;
}

.rui-progress--total {
  padding: 3px;
  font-weight: 700;
  opacity: 0.7;
}

ul.sections {
  padding: 0;
}

.format-multitopic .completionprogress {
  margin: 10px 0;
}
.format-multitopic .sections .section_subtitle {
  display: block;
  margin-top: 10px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 0.75rem;
  color: #a19eab;
}
.format-multitopic .section-topic-timed {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .format-multitopic .section-topic-timed {
  border-color: #2E3134;
}
.format-multitopic .section-topic-timed .summary,
.format-multitopic .section-topic-timed .comntent .rui-section {
  padding: 10px 25px;
}
.format-multitopic .section-topic-timed.section-expanded {
  border: 2px solid #c5c5f9;
}
.format-multitopic .section-topic-timed .rui-main-content-title {
  margin: 10px 40px 10px 25px;
}
.format-multitopic .section-topic-timed .rui-section {
  margin-bottom: 0;
}
.format-multitopic .section-topic-timed .rui-title-container {
  position: relative;
  margin-bottom: 0;
}
.format-multitopic .section-topic-timed .rui-title-container .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #f9f9fa;
  border-radius: 30px;
}
.theme-dark .format-multitopic .section-topic-timed .rui-title-container .icon {
  background-color: #0b0d0f;
}
.format-multitopic .section-topic-timed .rui-activity-dates {
  left: 60px;
}

.editing .weeks .rui-title-container {
  margin: 30px 0 10px;
  padding: 10px;
}

.rui-course-content-intro {
  padding: 0;
  margin-bottom: 30px;
}
.rui-course-content-intro .rui-section {
  margin-top: 15px;
}
.rui-course-content-intro .rui-title-container {
  margin-bottom: 10px;
}
.rui-course-content-intro .rui-section-summary-activities {
  margin: 15px 0 0;
  padding: 5px 8px;
  width: 100%;
  background-color: #f9f9fa;
  border: none;
  border-radius: 7px;
}
.theme-dark .rui-course-content-intro .rui-section-summary-activities {
  background-color: #0b0d0f;
}
.rui-course-content-intro .rui-main-content-title--h4 {
  font-size: 1.125rem;
}
.rui-course-content-intro .summarytext {
  font-size: 1rem;
}

.rui-main-content-title--h4 {
  font-weight: 500;
}

.format-collapsibleweeks .collapsibleweeks .rui-activity-dates {
  left: 77px;
}

.course-content ul.collapsibleweeks .content .summarytext {
  margin: 10px 0;
}

body.editing ul.collapsibleweeks .content .summarytext {
  margin-left: 0;
}

.course-content ul.collapsibleweeks li.section .content {
  margin: 0 0 10px;
  padding: 15px 20px;
}
body:not(.editing) .course-content ul.collapsibleweeks li.section .content:hover {
  transform: translateY(-3px);
}

.course-content ul.collapsibleweeks li.section .right {
  padding: 0;
}

.course-content ul.collapsibleweeks a.sectiontoggle {
  margin: 0;
}

body.editing .course-content ul.collapsibleweeks li.section .left.side {
  margin-left: 10px;
}
body.editing .course-content ul.collapsibleweeks li.section .left.side .moodle-core-dragdrop-draghandle {
  margin-right: 20px;
}

.course-content ul.collapsibleweeks li.section .sectionname:empty {
  display: none;
}

.collapsibleweeks .progress {
  display: none;
}

.rui-sectiontoggle {
  display: block;
  padding: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ") !important;
  background-position: right !important;
  background-repeat: no-repeat;
  background-size: 16px !important;
  background-color: transparent;
}
.rui-sectiontoggle.collapsed {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
}
.rui-sectiontoggle:hover {
  text-decoration: none;
}

.rui-sectiontoggle,
.course-content .collapsible-actions a.collapseall {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ") !important;
}

.course-content .collapsible-actions a.collapseall {
  background-position: 0 !important;
  background-size: 18px !important;
}

.idnumber {
  margin-left: 0.35rem;
  display: inline-block;
  max-width: 300px;
}

.catlevel1 li {
  padding: 0.35rem 0;
  margin: 0.35rem;
}
.catlevel1 li .itemicon {
  margin-right: 0.35rem;
  width: 30px;
  height: 30px;
}

.rui-category-actions {
  margin-top: 10px;
  margin-left: 115px;
  width: 100%;
}
.rui-category-actions .course-item-actions {
  width: 100%;
}
.rui-category-actions .course-item-actions .action-delete {
  position: absolute;
  right: 0;
}

.course-item-actions {
  display: inline-flex;
}

.errorbox {
  padding: 0.55rem 1.25rem;
  margin-top: 30px;
  background-color: #feeded;
  position: relative;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #810909;
}
.theme-dark .errorbox {
  background-color: #810909;
  color: #feeded;
}

#page-course-recent .list-unstyled li {
  padding: 0.5rem 0;
  font-size: 0.875rem;
  font-weight: 500;
}
#page-course-recent .list-unstyled li .rui-icon-container {
  margin-right: 0.25rem;
}

.block-add {
  margin: 0.35rem 0;
  border-radius: 7px;
  background-color: #d9d8fb;
  border-width: 1px;
  width: 100%;
}
.block-add .pluscontainer {
  border: 1px solid #c5c5f9;
}
.block-add:hover {
  cursor: pointer;
  background-color: #ececfd;
}
.block-add:hover .activity-add-text {
  text-decoration: underline;
}

.section-collapsemenu .collapseall {
  display: block;
}
.section-collapsemenu .expandall {
  display: none;
}
.section-collapsemenu.collapsed .collapseall {
  display: none;
}
.section-collapsemenu.collapsed .expandall {
  display: block;
}

.rui-course-header-btn {
  margin: 0.35rem 0;
  padding: 12px 22px;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
  background-color: #f9f9fa;
  border-radius: 7px;
  color: #090223;
}
.theme-dark .rui-course-header-btn {
  background-color: #0b0d0f;
  color: #E8EAED;
}
.rui-course-header-btn .sectionname {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 0.9rem;
}
.rui-course-header-btn:hover {
  background-color: #ececfd;
  text-decoration: none;
}
.theme-dark .rui-course-header-btn:hover {
  color: #201f76;
}
.rui-course-header-btn .rui-course-header-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a19eab;
}
.theme-dark .rui-course-header-btn .rui-course-header-btn-icon {
  color: #9AA0A6;
}

.editing .a {
  cursor: pointer;
}
.editing:hover .description .course-description-item,
.editing:hover .activityiconcontainer,
.editing:hover .badge {
  mix-blend-mode: multiply;
}

.section .draggable .activity-item .dragicon {
  display: none;
}

.section-modchooser {
  font-weight: 500;
  color: #413c55;
}
.theme-dark .section-modchooser {
  color: #BDC1C6;
}
.section-modchooser:hover {
  color: #3f3dec;
}
.theme-dark .section-modchooser:hover {
  color: #c5c5f9;
}
.section-modchooser:hover .pluscontainer {
  background-color: #ececfd;
}
.section-modchooser .pluscontainer {
  background-color: #f9f9fa;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-dark .section-modchooser .pluscontainer {
  background-color: #000;
}

.rui-hidden-badge {
  position: absolute;
  top: -16px;
  right: -12px;
}

.picturesingle img {
  max-width: 100%;
  border-radius: 7px;
}

.recordauthor {
  margin-bottom: 1rem;
  padding: 0.35rem;
  border-radius: 7px;
  border: 1px solid #e1e0e4;
}
.recordauthor a {
  display: inline-flex;
}

#page-mod-data-view .jsenabled .comment-link {
  margin-top: 2rem;
}

/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target::before {
  content: " ";
  display: block;
  height: 80px; /* fixed header height*/
  margin-top: -80px; /* negative fixed header height */
  width: 1px;
  pointer-events: none;
}

.pagelayout-embedded :target {
  padding-top: initial;
  margin-top: initial;
}

#nav-drawer.closed {
  left: -300px;
}
@media (max-width: 767.98px) {
  #nav-drawer.closed {
    left: -100%;
  }
}

#nav-drawer[aria-hidden=true] .list-group-item {
  display: none;
}

.drawer-toggle-icon-open,
.drawer-toggle-icon-close {
  opacity: 0;
  display: none;
  transition: all 0.2s ease-in-out;
}

.sidebar-btn[aria-expanded=true] .drawer-toggle-icon-open {
  opacity: 1;
  display: inline-flex;
}

.sidebar-btn[aria-expanded=false] .drawer-toggle-icon-close {
  opacity: 1;
  display: inline-flex;
}

#nav-drawer {
  position: fixed;
  z-index: 1040;
  width: 280px;
  top: 7px;
  right: auto;
  left: 7px;
  height: calc(100% - 14px);
  background-color: #0E1420;
  border-radius: 7px;
  transition: right 250ms ease, left 250ms ease;
}
@media (max-width: 1088.98px) {
  #nav-drawer {
    top: 68px;
    height: calc(100% - 74px);
  }
}
@media (max-width: 767.98px) {
  #nav-drawer {
    width: calc(100% - 14px);
  }
}
.theme-dark #nav-drawer {
  background-color: #0b0d0f;
}
#nav-drawer .nav-drawer-container {
  max-height: calc(100vh - 133px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
  padding-right: 5px;
  margin: 4px 4px 4px 10px;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #04060a;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar {
  width: 12px;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-track {
  background: #04060a;
  border-radius: 20px;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #04060a;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark #nav-drawer .nav-drawer-container {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar {
  width: 12px;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
#nav-drawer .rui-drawer-footer {
  background-color: #04060a;
  width: 100%;
  padding: 7px 10px 10px;
  position: absolute;
  bottom: 0;
  border-radius: 0 0 7px 7px;
}
#nav-drawer .rui-custom-sidebar-content a {
  color: #9f9ef6;
}
#nav-drawer .rui-custom-sidebar-content a:hover {
  color: #c5c5f9;
}
#nav-drawer h1, #nav-drawer h2, #nav-drawer h3, #nav-drawer h4, #nav-drawer h5 {
  color: #fff;
}

.rui-drawer-logo {
  padding: 10px 16px;
  margin: 10px 0 20px;
}

.nav-drawer-wrapper {
  margin: 40px 0;
}

body.drawer-ease {
  transition: margin-left 250ms ease, margin-right 250ms ease;
}

[data-region=right-hand-drawer] {
  display: flex;
  flex-direction: column;
  transition: all 350ms ease-in-out;
}
[data-region=right-hand-drawer].drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 320px;
  border-left: 1px solid #e1e0e4;
  padding: 0;
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  z-index: 11000;
}
.theme-dark [data-region=right-hand-drawer].drawer {
  border-color: #2E3134;
}
[data-region=right-hand-drawer].hidden {
  display: block;
  right: -320px;
  visibility: hidden;
  opacity: 0;
  transition: right 250ms ease-in-out, visibility 0s ease-in-out 250ms, opacity 0s ease-in-out 250ms;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer].hidden {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  [data-region=right-hand-drawer] .closewidget {
    display: block;
    padding: 0 0.2rem;
  }
}
.message-drawer-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: e-resize;
}
.layout.fullscreen .message-drawer-backdrop {
  display: none;
  z-index: -1;
}

.rui-flatnavigation {
  list-style: none;
  padding: 3px 0;
  margin: 0;
}

.rui-flatnavigation-box {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.rui-sidebar-nav-item {
  margin-bottom: 2px;
}
.rui-sidebar-nav-item:last-child {
  margin-bottom: 0;
}

.rui-sidebar-nav-item-link {
  padding: 0.35rem 0.65rem;
  display: inline-flex;
  width: 100%;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  word-break: break-word;
  background-color: transparent;
  border: none;
  border-radius: 7px;
}
.rui-sidebar-nav-item-link .rui-sidebar-nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  color: #fff;
  opacity: 0.6;
}
.theme-dark .rui-sidebar-nav-item-link .rui-sidebar-nav-icon {
  color: #fff;
}
.rui-sidebar-nav-item-link.active, .rui-sidebar-nav-item-link:hover {
  border: none;
  background-color: #26258e;
  color: #fff;
  text-decoration: none;
}
.theme-dark .rui-sidebar-nav-item-link.active, .theme-dark .rui-sidebar-nav-item-link:hover {
  background-color: #201f76;
  color: #ececfd;
}
.rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon, .rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
  color: #fff;
  opacity: 0.6;
}
.theme-dark .rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon, .theme-dark .rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
  color: #fff;
}

.rui-drawer-course-nav {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.rui-drawer-course-nav .rui-sidebar-nav-item-link {
  margin-bottom: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
}

.rui-sidebar-nav-item-link--sm {
  font-size: 0.75rem;
}

.rui-sidebar-nav-text,
.rui-course-menu-list-text {
  width: calc(100% - 35px);
}

.rui-sidebar-nav-text {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.rui-sidebar-mycourses {
  margin: 0;
  padding: 3px;
  background-color: #04060a;
  border-radius: 7px;
  overflow: hidden;
}

.rui-sidebar-hr {
  margin: 0;
  padding: 0;
  display: block;
  margin: 3px -3px;
  width: calc(100% + 6px);
  height: 1px;
}
.theme-dark .rui-sidebar-hr {
  background-color: #2E3134;
}

.rui-sidebar-abtn {
  width: 100%;
  padding: 0.35rem 0.45rem;
  background-color: transparent;
  border-width: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
.theme-dark .rui-sidebar-abtn {
  color: #E8EAED;
  border-color: #2E3134;
}
.rui-sidebar-abtn .rui-drawer-badge {
  min-width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #0E1420;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}
.rui-sidebar-abtn:hover, .rui-sidebar-abtn[aria-expanded=true] {
  background-color: #26258e;
  color: #fff;
}
.theme-dark .rui-sidebar-abtn:hover, .theme-dark .rui-sidebar-abtn[aria-expanded=true] {
  background-color: #3f3dec;
  color: #fff;
}
.rui-sidebar-abtn:hover .rui-drawer-badge, .rui-sidebar-abtn[aria-expanded=true] .rui-drawer-badge {
  background-color: #04060a;
  color: #fff;
}
.rui-sidebar-abtn:hover .rui-sidebar-nav-icon, .rui-sidebar-abtn[aria-expanded=true] .rui-sidebar-nav-icon {
  color: #fff;
}

.rui-course-wrapper {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #04060a;
}
.rui-course-wrapper::-webkit-scrollbar {
  width: 12px;
}
.rui-course-wrapper::-webkit-scrollbar-track {
  background: #04060a;
  border-radius: 20px;
}
.rui-course-wrapper::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #04060a;
}
.rui-course-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .rui-course-wrapper {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar {
  width: 12px;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}

.rui-course-menu-list--more {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0.35rem 1rem;
  border-radius: 7px;
  font-size: 0.75rem;
  color: #fff;
  text-align: right;
}
.theme-dark .rui-course-menu-list--more {
  color: #E8EAED;
}
.rui-course-menu-list--more:hover {
  background-color: #26258e;
  color: #fff;
  text-decoration: none;
}
.theme-dark .rui-course-menu-list--more:hover {
  background-color: #3f3dec;
  color: #ececfd;
}

.rui-flatnavigation-sm {
  padding: 3px 1px;
}
.rui-flatnavigation-sm .rui-sidebar-nav-icon svg {
  width: 18px;
  height: 18px;
}
.rui-flatnavigation-sm .rui-list-group-item {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.75rem;
  color: #fff;
}
.theme-dark .rui-flatnavigation-sm .rui-list-group-item {
  color: #9AA0A6;
}

.rui-drawer-nav-title {
  padding: 0 12px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 0.6;
}

.rui-nav-item-container {
  display: flex;
  align-items: start;
}

.rui-nav-list-group {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
.theme-dark .rui-nav-list-group {
  color: #BDC1C6;
}

.nav-drawer-header {
  position: sticky;
  top: 0;
  margin: -15px -15px 30px;
  padding: 20px 20px 0 20px;
  z-index: 1020;
}

body.drawer-ease {
  transition: margin-left 250ms ease, margin-right 250ms ease;
}

@media (min-width: 1089px) {
  body.drawer-courseindex--open,
body.drawer-open-index--open,
body.drawer-open-left {
    margin-left: 290px;
  }
}

@media (min-width: 1089px) {
  body.dir-rtl.drawer-courseindex--open,
body.dir-rtl.drawer-open-index--open,
body.dir-rtl.drawer-open-right {
    margin-right: 290px;
  }
}

@media (max-width: 767.98px) {
  body.drawer-open-left,
body.drawer-open-right {
    overflow: hidden;
  }
}
.rui-custom-sidebar-content {
  font-size: 0.875rem;
  color: #fff;
}
.theme-dark .rui-custom-sidebar-content {
  color: #9AA0A6;
}

/* Course Index */
.drawer-course-index {
  overflow: hidden;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  position: fixed;
  z-index: 1121;
  transition: left 350ms ease-in-out, left 350ms ease-in-out;
}
@media (min-width: 768px) {
  .drawer-course-index {
    width: 280px;
    height: 100%;
    left: -280px;
    max-height: calc(100vh - 12px);
    border-radius: 7px;
  }
}
@media (max-width: 767.98px) {
  .drawer-course-index {
    width: 100%;
    left: -100%;
    height: 100vh;
    border-radius: 0;
  }
}
.scrolled .drawer-course-index {
  top: 73px;
}
.drawer-course-index.show {
  top: 5px;
  left: 7px;
}
@media (max-width: 767.98px) {
  .drawer-course-index.show {
    top: 0;
    left: 0;
  }
}

.btn-drawer {
  position: fixed;
  z-index: 1030;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #f9f9fa;
  border: 1px solid #f9f9fa;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(0, 0, 0, 0.05) 0 4px 16px, rgba(0, 0, 0, 0.08) 0 10px 20px;
  color: #413c55;
  border-radius: 40px;
  transition: all ease 250ms;
}
.btn-drawer:hover {
  background-color: #ececfd;
  border-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .btn-drawer:hover {
  background-color: #3f3dec;
  border-color: #3f3dec;
  color: #ececfd;
}
@media (min-width: 1089px) {
  .btn-drawer {
    top: 108px;
    left: 20px;
  }
  .pagelayout-course .btn-drawer, .pagelayout-incourse .btn-drawer {
    top: 77px;
  }
  .drawer-open-left .btn-drawer {
    left: 310px;
  }
}
.drawer-courseindex--open .btn-drawer, .drawer-open-index--open .btn-drawer {
  display: none;
}
@media (max-width: 1088.98px) {
  .btn-drawer {
    top: 72px;
    left: 16px;
    right: auto;
  }
}
.theme-dark .btn-drawer {
  background-color: #000;
  border-color: #000;
  color: #E8EAED;
}

.page-has-blocks .show-drawer-right .page-content {
  padding-right: 0;
}

.rui-lang-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  width: max-content;
  min-height: 40px;
  border: none;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #3f3dec;
  color: #fff;
}
.rui-lang-btn:hover {
  background-color: #26258e;
  color: #fff;
}

#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;
}
#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-col {
    margin-bottom: 30px;
  }
  .filepicker.moodle-dialogue ul li {
    display: inline-flex;
  }
}
.yui3-widget {
  outline: none;
}

/* The javascript is adding a style="height: 0px;" 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: #e1e0e4;
}

.file-picker .fp-content {
  border-top: 0;
  background: #fff;
  clear: none;
  overflow: auto;
  height: 375px;
}
.theme-dark .file-picker .fp-content {
  background: #E8EAED;
}
.file-picker .fp-content .form-group {
  margin-top: 0;
}

.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
  width: 100%;
}

.file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}

.file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}

.file-picker .fp-def-search {
  margin-top: 0;
}

.file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
}

.file-picker .fp-list .fp-repo a {
  display: block;
  padding: 0.5em 0.7em;
}

.file-picker .fp-list .fp-repo.active {
  background: #f2f2f2;
}

.file-picker .fp-list .fp-repo-icon {
  padding: 0 7px 0 5px;
  width: 16px;
  height: 16px;
}

.fp-toolbar .fp-tb-search input.form-control {
  padding: 0.35rem 0.5rem;
  height: auto;
}
@media (max-width: 767.98px) {
  .fp-toolbar {
    margin-bottom: 0.35rem;
  }
}

.fp-toolbar.empty {
  display: none;
}

.fp-toolbar .disabled {
  display: none;
}

.fp-toolbar div {
  display: inline-flex;
  margin-right: 0.35rem;
}

.fp-toolbar img {
  vertical-align: -15%;
  margin-right: 5px;
}

.fp-viewbar:not(.disabled) a.checked {
  background-color: #3f3dec;
  color: #ececfd;
  border-color: #3f3dec;
}

.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("[[pix:theme|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('[[pix:theme|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 .fp-file {
  float: left;
  text-align: center;
  position: relative;
  margin: 10px 3px 25px;
  color: #090223;
}
.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 #e1e0e4;
  border-radius: 7px;
  display: block;
}
.theme-dark .fp-iconview .fp-thumbnail {
  background-color: #E8EAED;
  border-color: #2E3134;
}
.theme-dark .fp-iconview .fp-thumbnail img:not(.realpreview) {
  filter: invert(0.9);
}

.fp-iconview .fp-filename-field {
  height: 33px;
  margin-top: 3px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}

.fp-iconview .fp-file:focus .fp-filename-field,
.fp-iconview .fp-file:hover .fp-filename-field {
  overflow: visible;
  z-index: 1000;
}
.fp-iconview .fp-file:focus .fp-filename,
.fp-iconview .fp-file:hover .fp-filename {
  overflow: inherit;
  white-space: normal;
  text-overflow: inherit;
}

.fp-iconview .fp-filename-field .fp-filename {
  padding: 0.25rem;
  background-color: #fff;
  border-radius: 7px;
  min-width: 112px;
  font-size: 0.75rem;
}
.theme-dark .fp-iconview .fp-filename-field .fp-filename {
  background-color: #E8EAED;
  color: #E8EAED;
}

.file-picker .yui3-datatable table {
  border: 0 solid #e1e0e4;
  width: 100%;
}
.theme-dark .file-picker .yui3-datatable table {
  border-color: #202124;
}

.file-picker .ygtvtn,
.filemanager .ygtvtn {
  /*rtl:remove*/
  background: url("[[pix:theme|y/tn]]") 14px 0 no-repeat;
  /*rtl:raw:
  background: url('[[pix:theme|y/tn_rtl]]') 14px 0 no-repeat;
  */
  width: 40px;
  height: 33px;
}

.file-picker .ygtvtm,
.filemanager .ygtvtm {
  background: url("[[pix:theme|y/tm]]") 14px 10px no-repeat;
  /*rtl:raw:
      background-position: 14px 10px;
  */
  width: 40px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvtmh,
.filemanager .ygtvtmh {
  background: url("[[pix:theme|y/tm]]") 14px 10px no-repeat;
  /*rtl:raw:
      background-position: 14px 10px;
  */
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvtp,
.filemanager .ygtvtp {
  /*rtl:remove*/
  background: url("[[pix:theme|y/tp]]") 14px 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:theme|y/tp_rtl]]') 14px 10px no-repeat;
  */
  width: 40px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvtph,
.filemanager .ygtvtph {
  /*rtl:remove*/
  background: url("[[pix:theme|y/tp]]") 0 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:theme|y/tp_rtl]]') 2px 10px no-repeat;
  */
  width: 13px;
  height: 22px;
  cursor: pointer;
}

.file-picker .ygtvln,
.filemanager .ygtvln {
  /*rtl:remove*/
  background: url("[[pix:theme|y/lnl]]") 21px -23px no-repeat;
  /*rtl:raw:
  background: url('[[pix:theme|y/ln_rtl]]') 14px 7px no-repeat;
  */
  width: 40px;
  height: 32px;
}

.file-picker .ygtvlm,
.filemanager .ygtvlm {
  background: url("[[pix:theme|y/lm]]") 10px 10px no-repeat;
  /*rtl:raw:
      background-position: 10px 10px;
  */
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvlmh,
.filemanager .ygtvlmh {
  background: url("[[pix:theme|y/lm]]") 10px 10px no-repeat;
  /*rtl:raw:
      background-position: 10px 10px;
  */
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvlp,
.filemanager .ygtvlp {
  /*rtl:remove*/
  background: url("[[pix:theme|y/lp]]") 10px 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:theme|y/lp_rtl]]') 10px 10px no-repeat;
  */
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvlph,
.filemanager .ygtvlph {
  /*rtl:remove*/
  background: url("[[pix:theme|y/lp]]") 10px 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:theme|y/lp_rtl]]') 10px 10px no-repeat;
  */
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.file-picker .ygtvloading,
.filemanager .ygtvloading {
  background: transparent url("[[pix:theme|y/loading]]") 0 0 no-repeat;
  width: 16px;
  height: 22px;
}

.file-picker .ygtvdepthcell,
.filemanager .ygtvdepthcell {
  background: url("[[pix:theme|y/vline]]") 14px 0 no-repeat;
  /*rtl:raw:
  background-position: 0 0;
  */
  width: 30px;
  height: 32px;
}

.file-picker .ygtvblankdepthcell,
.filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}

table.ygtvtable {
  width: 100%;
}

a.ygtvspacer {
  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: #ececfd;
}
.theme-dark .file-picker .ygtvfocus,
.theme-dark .filemanager .ygtvfocus {
  background-color: #26258e;
}

.fp-filename-icon {
  margin: 5px 0;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.fp-filename-icon a {
  display: inline-flex;
  align-items: center;
  color: #090223;
}
.theme-dark .fp-filename-icon a {
  color: #E8EAED;
}
.fp-filename-icon a:hover {
  color: #9f9ef6;
  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-icon img {
  filter: invert(1);
}

.fp-filename {
  font-size: 0.875rem;
  font-weight: 500;
  word-break: break-all;
}

.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 #e1e0e4;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-dark .fp-select .fp-thumbnail {
  background-color: #E8EAED;
  border-color: #2E3134;
}

.fp-select .fp-thumbnail img {
  vertical-align: middle;
  margin: 10px;
}

.fp-select .fp-fileinfo {
  display: inline-block;
}

.file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}

.fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}

.file-picker.fp-select .uneditable {
  display: none;
}

.file-picker.fp-select .fp-select-loading {
  display: none;
}

.file-picker.fp-select.loading .fp-select-loading {
  display: block;
}

.file-picker.fp-select.loading form {
  display: none;
}

.fp-select .fp-dimensions.fp-unknown {
  display: none;
}

.fp-select .fp-size.fp-unknown {
  display: none;
}

.filemanager-loading {
  display: none;
}

.jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}

.filemanager.fm-loading .filemanager-toolbar,
.filemanager.fm-loading .fp-pathbar,
.filemanager.fm-loading .filemanager-container,
.filemanager.fm-loaded .filemanager-loading,
.filemanager.fm-maxfiles .fp-btn-add,
.filemanager.fm-maxfiles .dndupload-message,
.filemanager.fm-noitems .fp-btn-download,
.filemanager.fm-noitems .fp-btn-delete,
.filemanager .fm-empty-container,
.filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}

.filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px;
}

.filemanager .filemanager-updating {
  display: none;
  text-align: center;
}

.filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}

.filemanager.fm-updating .fm-content-wrapper,
.filemanager.fm-nomkdir .fp-btn-mkdir,
.fitem.disabled .filemanager .filemanager-toolbar,
.fitem.disabled .filemanager .fp-pathbar,
.fitem.disabled .filemanager .fp-restrictions,
.fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}

.filemanager-toolbar {
  flex-wrap: wrap;
}

.filemanager .fp-restrictions {
  text-align: right;
  font-size: 0.75rem;
}

.filemanager .fp-pathbar.empty {
  display: none;
}

.filepicker-filelist,
.filemanager-container {
  min-height: 120px;
  border-top: 0;
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark .filepicker-filelist,
.theme-dark .filemanager-container {
  background-color: #0b0d0f;
}
@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: #a19eab;
}

.fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}

.attachments a,
.filepicker-filename a {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
  transition: all 0.2s ease-in-out;
}
.theme-dark .attachments a,
.theme-dark .filepicker-filename a {
  background-color: #0b0d0f;
  border-color: #2E3134;
  color: #E8EAED;
}
.attachments a:hover,
.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;
}

.filepicker-filename a {
  display: block;
  margin: 5px;
}

.attachments {
  margin: 30px 0;
}
.attachments a {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.attachments a .icon {
  width: 40px;
  height: 40px;
  margin: -12px 15px -12px -18px;
  border-right: 1px solid #e1e0e4;
  padding: 10px;
}
.theme-dark .attachments a .icon {
  border-color: #2E3134;
}

.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("[[pix:theme|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("[[pix:theme|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([[pix:s/dead]]) no-repeat;
  background-position: center center;
}

.filemanager .yui3-datatable table {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  border-radius: 5px;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .filemanager .yui3-datatable table {
    width: max-content;
  }
}

.yui3-skin-sam .yui3-datatable-table {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border: 0;
}

.yui3-skin-sam .yui3-datatable-header {
  border-bottom: 2px solid #e1e0e4;
  font-size: 0.875rem;
  font-weight: 700;
  color: #a19eab;
  text-shadow: none;
  vertical-align: middle;
}

.theme-dark.yui3-skin-sam .yui3-datatable-header {
  border-color: #2E3134;
  color: #9AA0A6;
}

.yui3-skin-sam .yui3-datatable-sort-indicator {
  bottom: 6px;
  right: 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: #E8EAED;
}

.theme-dark.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #0b0d0f;
}

.theme-dark.yui3-skin-sam .yui3-datatable-cell,
.theme-dark.yui3-skin-sam .yui3-datatable-header {
  border-color: #2E3134;
}

.theme-dark.yui3-skin-sam .yui3-datatable-columns .yui3-datatable-sorted,
.theme-dark.yui3-skin-sam .yui3-datatable-sortable-column:hover {
  filter: invert(1);
}

/* Override YUI default styling */
/* stylelint-disable declaration-no-important */
.filemanager .yui3-datatable-header {
  background: #fff !important;
  border-bottom: 1px solid #e1e0e4 !important;
  border-left: 0 solid #fff !important;
  color: #090223 !important;
}
.theme-dark .filemanager .yui3-datatable-header {
  background: #E8EAED !important;
  border-bottom: 1px solid #2E3134 !important;
  border-left: 0 solid #E8EAED !important;
  color: #E8EAED !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #f9f9fa !important;
  border-left: 0 solid #f9f9fa;
}
.theme-dark .filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #0b0d0f !important;
  border-left: 0 solid #0b0d0f;
}
.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: #E8EAED !important;
  border-left: 0 solid #E8EAED;
}

/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url("[[pix:theme|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("[[pix:theme|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: 7px;
  background-color: #f9f9fa;
  color: #090223;
}
.theme-dark .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  background-color: #0b0d0f;
  color: #E8EAED;
}

.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  margin-right: -20px;
  position: absolute;
  top: 2px;
  right: 0;
}

.fp-treeview {
  padding-top: 5px;
  padding-bottom: 5px;
}

.fm-content-wrapper {
  position: relative;
}
@media (max-width: 767.98px) {
  .fm-content-wrapper {
    overflow-x: auto;
  }
}

.dndupload-arrow {
  background-size: 40px;
  width: 100%;
  height: 50px;
  position: absolute;
}

.filepicker-filelist .filepicker-container,
.filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #b4b2bc;
  padding-top: 60px;
  border-radius: 7px;
  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='%23413c55' 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='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23413c55' 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-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  top: 5px;
}
.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='%23BDC1C6' 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='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .filepicker-filelist .filepicker-container,
.theme-dark .filemanager.fm-noitems .fm-empty-container {
  border-color: #282A2D;
}

.filepicker-filelist .dndupload-target,
.filemanager-container .dndupload-target {
  background: #feeded;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #ef1010;
  border-radius: 7px;
  padding: 60px 0 35px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ef1010;
}
.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-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  top: 5px;
}

.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: 7px;
  padding: 60px 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-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  top: 5px;
}

.dndupload-message {
  display: none;
}

.dndsupported .dndupload-message {
  margin-top: 15px;
  display: block;
  font-size: 0.875rem;
  color: #a19eab;
}

.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;
}

.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);
}

/** The message area **/
.message-app {
  display: flex;
  flex-direction: column;
}

#page-message-index #region-main div[role=main] {
  height: 100%;
}

#page-message-index #region-main div[role=main] .message-app.main {
  height: 700px;
}

#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: #ececfd;
}
.messaging-area-container .status .offline-text {
  color: #ef1010;
}
.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 #e1e0e4;
}
.messaging-area-container .messaging-area img {
  max-width: 100%;
}
.messaging-area-container .messaging-area .contacts-area {
  border-right: 1px solid #e1e0e4;
  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: #f9f9fa;
  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: 7px;
  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: #ececfd !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: #ececfd !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 #e1e0e4;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab {
  cursor: pointer;
  height: 100%;
  background-color: #f9f9fa;
  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 #e1e0e4;
  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 #e1e0e4;
  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: #c4c3cb;
  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: 7px;
  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: #f9f9fa;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
  background-color: #3f3dec;
}
.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 #e1e0e4;
  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: #f9f9fa;
  border-radius: 7px;
  font-size: 0.875rem;
  transition: background-color linear 0.2s;
}
.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: #f9f9fa;
  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: #f9f9fa;
}
.theme-dark .preferences-container .preference-table tr td:nth-child(even) {
  background-color: #0b0d0f;
}
.preferences-container .preference-table tr th:nth-child(even) {
  background-color: #f9f9fa;
}
.theme-dark .preferences-container .preference-table tr th:nth-child(even) {
  background-color: #0b0d0f;
}
.preferences-container .preference-table h4 {
  margin: 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: #a19eab;
}
.preferences-container .preference-table .preference-row .hover-tooltip-container {
  display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-name {
  vertical-align: middle;
}
.preferences-container .preference-table .preference-row .disabled-message {
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.preferences-container .preference-table .preference-row .preference-state {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.preferences-container .preference-table .preference-row .preference-state input[type=checkbox]:checked + .preference-state-status-container {
  background-color: #027654;
}
.preferences-container .preference-table .preference-row .preference-state input[type=checkbox]:checked + .preference-state-status-container .on-text {
  display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state input[type=checkbox]:checked + .preference-state-status-container .off-text {
  display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
  width: auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 20px;
  border-radius: 60px;
  background-color: #d9534f;
  font-weight: 700;
  font-size: 0.75rem;
  color: #fff;
  cursor: pointer;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
  display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
  display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
  display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state.loading input[type=checkbox]:checked + .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading input[type=checkbox]:checked + .preference-state-status-container .off-text {
  display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
  display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
  display: block;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
  display: block;
}

.disabled-message {
  display: none;
}

.disabled .disabled-message {
  display: block;
}
.disabled .disabled-message + form {
  display: none;
}

.general-settings-container .loading-icon {
  display: none;
}
.general-settings-container .loading .loading-icon {
  display: inline-block;
}
.general-settings-container label {
  display: inline-block;
}

.processor-container {
  position: relative;
}
.processor-container .loading-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.processor-container .loading-container .vertical-align {
  height: 100%;
  width: 0%;
  display: inline-block;
  vertical-align: middle;
}
.processor-container.loading .loading-container {
  display: block;
}

.preferences-page-container .checkbox-container {
  margin: 30px 5px;
  line-height: 20px;
}
.preferences-page-container .checkbox-container .loading-icon {
  display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
  display: inline-block;
}

#page-message-output-popup-notifications #region-main {
  background-color: transparent !important;
}

.notification-area {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: auto;
  color: #090223;
}
.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 #e1e0e4;
}
@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;
  padding-top: 10px;
}
.notification-area .control-area .loading-icon {
  display: none;
}
.notification-area .control-area .empty-text {
  display: none;
  text-align: center;
}
.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 {
  width: calc(100% - 340px);
  display: block;
}
.notification-area .content-area .toggle-mode {
  display: none;
}
.notification-area .content-area .header {
  padding: 0 0 0 30px;
}
.notification-area .content-area .header .image-container {
  display: inline-block;
  width: 60px;
}
.notification-area .content-area .header .image-container img {
  width: 65%;
}
.notification-area .content-area .header .subject-container {
  margin-bottom: 10px;
  display: inline-flex;
  width: calc(100% - 70px);
  font-size: 1.125rem;
  font-weight: 500;
}
.notification-area .content-area .header .timestamp {
  margin: 0 0 0 65px;
  font-size: 0.875rem;
  color: #a19eab;
}
.notification-area .content-area .header:empty {
  display: none;
}
.notification-area .content-area > .content {
  margin: 30px 0 0 95px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.notification-area .content-area > .content:empty {
  display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
  display: block;
  text-align: left;
  padding: 10px 30px;
}
.notification-area .content-area .empty-text {
  display: none;
}
.notification-area .content-area .footer {
  margin: 30px 0 0 95px;
  padding: 10px 30px;
  background-color: #f9f9fa;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #413c55;
}
.notification-area .content-area .footer:empty {
  display: none;
}
.notification-area .content-area .footer a {
  color: #413c55;
}

div.disabled {
  opacity: 0.5;
}

.message-drawer {
  background-color: #fff;
}
.theme-dark .message-drawer {
  background-color: #E8EAED;
}
@media (min-width: 768px) {
  .message-drawer {
    width: 360px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .message-drawer {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
}
.message-drawer.hidden {
  display: block;
  right: -100%;
}
.message-drawer .nav .nav-item {
  font-size: 0.875rem;
  font-weight: 500;
}
.message-drawer .nav .nav-item a:hover {
  color: #c5c5f9;
}
.message-drawer .nav .nav-item .active:before {
  width: 100%;
}

/* for moodle 3.8 */
[data-region=message-drawer] {
  display: contents;
}

[data-region=send-message-txt] {
  height: 120px;
}

/* end */
.message-drawer [data-region=no-results-container],
.message-app [data-region=no-results-container] {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .message-drawer [data-region=no-results-container],
.theme-dark .message-app [data-region=no-results-container] {
  color: #BDC1C6;
}
.message-drawer .message-title,
.message-app .message-title {
  max-width: 120px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #090223;
}
.theme-dark .message-drawer .message-title,
.theme-dark .message-app .message-title {
  color: #E8EAED;
}
.message-drawer .rui-message-subname,
.message-app .rui-message-subname {
  max-width: 120px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .message-drawer .rui-message-subname,
.theme-dark .message-app .rui-message-subname {
  color: #BDC1C6;
}
.message-drawer .close, .message-drawer .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .message-drawer .yui3-button.closebutton,
.message-app .close,
.message-app .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .message-app .yui3-button.closebutton {
  position: absolute;
  top: 7px;
  right: 6px;
  z-index: 10001;
}
.message-drawer .section.expanded,
.message-app .section.expanded {
  overflow: hidden;
  border-radius: 7px;
  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 #3f3dec;
}
.message-drawer .header-container,
.message-app .header-container {
  flex-shrink: 0;
}
.message-drawer .body-container,
.message-app .body-container {
  flex: 1;
  overflow: hidden;
}
.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: #E8EAED;
}
.message-drawer .message-txt,
.message-app .message-txt {
  padding: 0 60px 0 0;
  display: inline-flex;
  align-items: start;
  font-size: 0.875rem;
  color: #413c55;
  word-break: break-all;
}
.theme-dark .message-drawer .message-txt,
.theme-dark .message-app .message-txt {
  color: #BDC1C6;
}
.message-drawer .message img,
.message-app .message img {
  width: auto;
  height: auto;
}
.message-drawer .clickable,
.message-app .clickable {
  padding: 0.35rem 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border-radius: 7px;
}
.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: #e1e0e4;
  width: 5px;
  height: 5px;
  border-radius: 7px;
  position: absolute;
  top: 0;
  left: -3px;
  animation: pulse 2s infinite;
}
.theme-dark .message-drawer .clickable:hover:before,
.theme-dark .message-app .clickable:hover:before {
  border-color: #2E3134;
}
.message-drawer .icon,
.message-app .icon {
  margin: 0;
}
.message-drawer [data-region=content-container],
.message-app [data-region=content-container] {
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark .message-drawer [data-region=content-container],
.theme-dark .message-app [data-region=content-container] {
  color: #BDC1C6;
}
.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;
}

.message-app .body-container > * {
  position: relative;
}

.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 #e1e0e4;
  padding-bottom: 1.5rem;
}
.theme-dark .message-search-results-content {
  border-color: #2E3134;
}

.rui-message-header-info {
  color: #090223;
}
.theme-dark .rui-message-header-info {
  color: #E8EAED;
}

.rui-message-name {
  display: block;
  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: #a19eab;
}
.theme-dark .rui-message-user-status,
.theme-dark [data-action=view-group-info] small {
  color: #9AA0A6;
}

.rui-message-user-status {
  margin-top: 0.35rem;
}

.rui-message-name-favorite {
  position: absolute;
  top: -8px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 7px;
  color: #F4A614;
  display: flex;
  align-content: center;
  justify-content: center;
}
.theme-dark .rui-message-name-favorite {
  background-color: #E8EAED;
}

.rui-additional-info {
  background-color: #fff;
  padding-left: 72px;
  padding-bottom: 5px;
}
.theme-dark .rui-additional-info {
  color: #E8EAED;
}

[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: #eeedef;
  padding: 10px 20px 30px 10px;
  border-radius: 7px;
  font-size: 0.875rem;
  color: #090223;
}
.theme-dark .rui-message-app-bg .rui-message-txt {
  background-color: #17181B;
  color: #E8EAED;
}

.rui-message-app-bg-secondary {
  width: 80%;
  margin: 10px 0 20px;
}
.rui-message-app-bg-secondary .rui-message-txt {
  background-color: #ececfd;
  padding: 10px 20px;
  margin-top: 0.25rem;
  margin-left: 7px;
  border-radius: 7px;
  font-size: 0.875rem;
  color: #090223;
}
.theme-dark .rui-message-app-bg-secondary .rui-message-txt {
  color: #E8EAED;
}

.rui-message-author-avatar {
  position: absolute;
  bottom: -15px;
  left: 15px;
  border: 4px solid #fff;
}
.theme-dark .rui-message-author-avatar {
  border-color: #E8EAED;
}

.rui-message-author-name {
  font-size: 0.75rem;
}

.rui-message-author-date {
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .rui-message-author-date {
  color: #9AA0A6;
}

#page-message-output-popup-notifications [role=main] h2 {
  margin-bottom: 2rem;
}
#page-message-output-popup-notifications [role=main] hr {
  margin: 20px 0;
}
#page-message-output-popup-notifications #region-main {
  background-color: #0E1420;
  color: #413c55;
}
.theme-dark #page-message-output-popup-notifications #region-main {
  background-color: #0b0d0f;
  color: #BDC1C6;
}

/* 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: 40px;
  border: none;
  transition: all 0.2s ease-in-out;
}

.btn-msg {
  background-color: transparent;
  color: #090223;
}
.theme-dark .btn-msg {
  color: #E8EAED;
}
.btn-msg:hover {
  background-color: #eeedef;
  color: #090223;
  text-decoration: none;
}
.theme-dark .btn-msg:hover {
  background-color: #17181B;
  color: #E8EAED;
}

.btn-msg-special {
  background-color: #EEF8FF;
  color: #0642CD;
}
.theme-dark .btn-msg-special {
  background-color: #000;
  color: #94ADE7;
}
.btn-msg-special:hover {
  background-color: #D4DEF8;
  color: #0642CD;
  text-decoration: none;
}
.theme-dark .btn-msg-special:hover {
  background-color: #0b0d0f;
  color: #94ADE7;
}
.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: #090223;
}
.theme-dark .btn-msg-danger {
  color: #E8EAED;
}
.btn-msg-danger:hover {
  background-color: #feeded;
  color: #ca0d0d;
}

[data-region=unread-count] {
  position: absolute;
  top: 28px;
  right: 10px;
  padding: 2px 6px;
  font-size: 0.75rem;
  font-weight: 700;
  background-color: #EAF4DD;
  border-radius: 7px;
  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, .que .validationerror .text-muted, .alert .block .minicalendar td.weekend, #page-mod-choice-view #notice p .block .minicalendar td.weekend, .que .validationerror .block .minicalendar td.weekend, .block .minicalendar .alert td.weekend, .block .minicalendar #page-mod-choice-view #notice p td.weekend, #page-mod-choice-view #notice .block .minicalendar p td.weekend, .block .minicalendar .que .validationerror td.weekend, .que .block .minicalendar .validationerror 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: 110px;
  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: #090223;
}
.theme-dark .rui-message-app-title {
  color: #E8EAED;
}

.rui-message-container-md {
  margin-left: 72px;
  margin-right: 15px;
}

.rui-message-header-container {
  padding: 10px 15px;
}

.rui-message-hr {
  margin: 0;
}

.rui-message-header-margin {
  margin: 1rem 0.5rem 1rem 0;
}

.rui-message-search-wrapper {
  position: relative;
}

.rui-message-search-input {
  display: block;
  padding: 10px 50px 10px 60px;
  height: 56px;
  background-color: #eeedef;
  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='%23090223' 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: 19px;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 7px;
  border: none;
  box-shadow: none;
  font-size: 1rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .rui-message-search-input {
  background-color: #17181B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z'%3E%3C/path%3E%3C/svg%3E%0A");
  color: #BDC1C6;
}

.rui-message-search-input-btn {
  display: flex;
  position: absolute;
  top: calc(50% - 15px);
  right: 25px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 7px;
  border: none;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-search-input-btn {
  background-color: #000;
  color: #BDC1C6;
}
.rui-message-search-input-btn:hover {
  background-color: #3f3dec;
  color: #ececfd;
}

.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: 7px;
  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: #090223;
  text-align: left;
  background-color: transparent;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #e1e0e4;
}
.theme-dark .rui-message-accordion {
  color: #E8EAED;
  border-color: #2E3134;
}
.rui-message-accordion[aria-expanded=true] {
  border-color: transparent;
}
.rui-message-accordion .rui-message-accordion-title {
  margin-left: 40px;
}
.rui-message-accordion .rui-message-accordion-toggle-icon {
  color: #a19eab;
  transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-accordion .rui-message-accordion-toggle-icon {
  color: #9AA0A6;
}
.expanded .rui-message-accordion .rui-message-accordion-toggle-icon {
  transform: rotate(180deg);
}

.rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion,
.rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion,
.rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 45px;
}

.rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' 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='%23090223' 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='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.75 10.25C16.2688 10.25 17.25 9.01878 17.25 7.5C17.25 5.98122 16.2688 4.75 14.75 4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.78168 19.25H13.2183C13.7828 19.25 14.227 18.7817 14.1145 18.2285C13.804 16.7012 12.7897 14 9.5 14C6.21031 14 5.19605 16.7012 4.88549 18.2285C4.773 18.7817 5.21718 19.25 5.78168 19.25Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 14C17.8288 14 18.6802 16.1479 19.0239 17.696C19.2095 18.532 18.5333 19.25 17.6769 19.25H16.75'%3E%3C/path%3E%3Ccircle cx='9.5' cy='7.5' r='2.75' stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.75 10.25C16.2688 10.25 17.25 9.01878 17.25 7.5C17.25 5.98122 16.2688 4.75 14.75 4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' 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='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-message-badge {
  background-color: #f9f9fa;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  color: #a19eab;
  overflow: hidden;
}
.theme-dark .rui-message-badge {
  background-color: #0b0d0f;
  color: #9AA0A6;
}
.rui-message-badge .rui-message-badge-icon {
  padding: 4px 6px;
  background-color: #eeedef;
  color: #a19eab;
}
.theme-dark .rui-message-badge .rui-message-badge-icon {
  background-color: #17181B;
  color: #9AA0A6;
}
.rui-message-badge .rui-message-total-unread,
.rui-message-badge .rui-message-total-count {
  padding: 5px 12px;
  font-weight: 500;
}
.rui-message-badge .rui-message-total-unread {
  background-color: #EAF4DD;
  color: #027654;
}

.rui-message-list-item {
  margin: 10px 0;
  position: relative;
  border-radius: 7px;
}
.rui-message-list-item:first-of-type {
  margin-top: 0;
}
.rui-message-list-item:after {
  content: "";
  background-color: #e1e0e4;
  height: 1px;
  width: calc(100% + 12px);
  position: absolute;
  left: -6px;
  bottom: -10px;
}
.theme-dark .rui-message-list-item:after {
  background-color: #2E3134;
}
.rui-message-list-item:last-child:after {
  display: none;
}
.rui-message-list-item:hover {
  background-color: #f9f9fa;
  text-decoration: none;
}
.theme-dark .rui-message-list-item:hover {
  background-color: #0b0d0f;
}

.rui-last-message-date {
  margin-right: 10px;
  display: inline-flex;
  align-items: start;
  font-size: 0.75rem;
  font-weight: 700;
  color: #a19eab;
  line-height: 1;
}
.theme-dark .rui-last-message-date {
  color: #9AA0A6;
}
.rui-last-message-date .rui-last-message-date-icon {
  line-height: 1;
  margin-right: 0.25rem;
}

.rui-last-message-user-you,
.rui-last-message-user-sender {
  margin-right: 0.35rem;
  padding: 3px;
  display: inline-flex;
  border-radius: 7px;
}

.rui-last-message-user-you {
  background-color: #ececfd;
  color: #3f3dec;
}

.rui-last-message-user-sender {
  background-color: #f9f9fa;
  color: #b4b2bc;
}
.theme-dark .rui-last-message-user-sender {
  background-color: #0b0d0f;
  color: #3C4043;
}

.rui-message-heading {
  margin: 0;
  font-size: 1.125rem;
  color: #090223;
}
.theme-dark .rui-message-heading {
  color: #E8EAED;
}

.badge-msg {
  margin-left: 5px;
  padding: 3px 0 3px 5px;
  font-size: 12px;
  font-weight: 700;
  color: #027654;
}

.rui-contact-blocked {
  position: absolute;
  right: 5px;
  top: 5px;
}

.rui-contact-icon-blocked {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background-color: #feeded;
  color: #ef1010;
}
.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: 700;
  font-size: 0.875rem;
  color: #413c55;
  text-align: right;
}
.theme-dark .rui-message-date {
  color: #BDC1C6;
}
.rui-message-date:before {
  content: "";
  background-color: #e1e0e4;
  width: 40px;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
}
.theme-dark .rui-message-date:before {
  background-color: #2E3134;
}

.rui-day-container {
  padding: 15px;
}

.rui-message-text {
  margin-left: 38px;
}
.rui-message-text p {
  word-break: break-all;
}
.send .rui-message-text {
  margin-top: 0.35rem;
  padding: 0.5rem 0.75rem;
  background-color: #ececfd;
  border-radius: 7px;
  color: #131247;
}
.theme-dark .send .rui-message-text {
  background-color: #212121;
  color: #E8EAED;
}

.rui-message-footer-container {
  padding: 15px;
}

.rui-messageselected {
  padding: 0.25rem;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
}
.theme-dark .rui-messageselected {
  border-color: #2E3134;
}

@keyframes alertDot {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.questionbank h2 {
  margin-top: 0;
}

.questioncategories h3 {
  margin-top: 0;
}

#chooseqtypebox {
  margin-top: 1em;
}

#chooseqtype h3 {
  margin: 0 0 0.3em;
}

#chooseqtype .instruction {
  display: none;
}

#chooseqtype .fakeqtypes {
  border-top: 1px solid silver;
}

#chooseqtype .qtypeoption {
  margin-bottom: 0.5em;
}

#chooseqtype label {
  display: block;
}

#chooseqtype .qtypename img {
  padding: 0 0.3em;
}

#chooseqtype .qtypename {
  display: inline-table;
  width: 16em;
}

#chooseqtype .qtypesummary {
  display: block;
  margin: 0 2em;
}

#chooseqtype .submitbuttons {
  margin: 0.7em 0;
  text-align: center;
}

#qtypechoicecontainer {
  display: none;
}

#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
  background: none;
}

#qtypechoicecontainer.yui-panel .hd {
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
  background-repeat: repeat-x;
}

#qtypechoicecontainer {
  font-size: 12px;
  color: #333;
  background: #f2f2f2;
  border-radius: 10px;
  border: 1px solid #ccc;
  border-top: 0 none;
}

#qtypechoicecontainer #chooseqtype {
  width: 40em;
}

#chooseqtypehead h3 {
  margin: 0;
  font-weight: normal;
}

#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: 0.24em 0;
}

#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 15em);
  width: 60%;
}

#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: 0.3em 0.3em 0.3em 1.6em;
}

#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-left: 1em;
  padding-right: 0.5em;
}

#chooseqtype .selected {
  background-color: #fff;
}

#chooseqtype .instruction,
#chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.5em 1.6em;
  background-color: #fff;
}

#chooseqtype .instruction,
#chooseqtype .selected .qtypesummary {
  display: block;
}

#categoryquestions {
  margin: 0;
}
#categoryquestions td,
#categoryquestions th {
  padding: 0 0.2em;
}
#categoryquestions th {
  text-align: left;
  font-weight: normal;
}
#categoryquestions .checkbox {
  padding-left: 5px;
}
#categoryquestions .checkbox input[type=checkbox] {
  margin-left: 0;
  float: none;
}
#categoryquestions .iconcol {
  width: 60px;
  padding: 3px;
  box-sizing: content-box;
}
#categoryquestions .iconcol .icon {
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
}
#categoryquestions label {
  margin: 0;
  display: block;
}
#categoryquestions .header {
  text-align: left;
}

.questionbank .singleselect {
  margin: 0;
}

/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
  padding: 0;
}

#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em;
}

#multitriesheader div.fitem_feditor {
  margin-top: 1em;
}

#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em;
}

#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

body.path-question-type {
  /* Hacks to display the labels within a form group. */
}
body.path-question-type .form-group .sr-only:not(legend) {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0 0.5rem 0 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  border: 0;
}

.que .info .questionflag.editable {
  cursor: pointer;
}

.que .info .editquestion img,
.que .info .questionflag img,
.que .info .questionflag input {
  display: none;
}

.que .r0, .que .r1 {
  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: 7px;
  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 .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: #090223;
}
.theme-dark .que .generalfeedback,
.theme-dark .que .numpartscorrect .que .rightanswer,
.theme-dark .que .im-feedback,
.theme-dark .que p {
  color: #E8EAED;
}

.rightanswer {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.rightanswer p {
  font-weight: 700;
}

.que .correctness.correct {
  background-color: #3f3dec;
}
.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 #555;
}

.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 .instancesectioncontainer {
  position: relative;
}
#page-mod-quiz-edit .section-heading .editing_section {
  position: absolute;
  top: 3px;
  left: 40px;
}

#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
  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: 7px;
  border: 1px solid #e1e0e4;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer {
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 9px;
  background-color: #fff;
  border-radius: 7px;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer:empty {
  display: none;
}

#page-mod-quiz-edit .section .activity .editing_move {
  top: calc(50% - 26px);
  left: 0;
}

#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
  padding-left: 130px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
  font-weight: 500;
}

#page-mod-quiz-edit #categoryquestions .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
  font-size: 1rem;
  font-weight: 700;
  color: #3f3dec;
}

#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
  display: block;
  padding-left: 35px;
  margin-top: 5px;
  margin-bottom: 20px;
  max-width: 600px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #413c55;
}

#page-mod-quiz-edit ul.section {
  padding: 0;
}

#page-mod-quiz-edit ul.slots li.section li.activity.page {
  padding: 22px;
}

.page_split_join {
  width: 50%;
}

#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;
}

#page-mod-quiz-edit .numberofquestions,
#page-mod-quiz-edit .quizopeningstatus {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 40px;
}
#page-mod-quiz-edit .numberofquestions {
  margin-right: 0.35rem;
}
.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 {
  width: 30px;
  height: 30px;
  margin: 0 20px 0 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9fa;
  color: #413c55;
  border-radius: 7px 0 7px 0;
  font-weight: 700;
  font-size: 0.75rem;
  position: absolute;
  left: -26px;
  top: -16px;
}

#page-mod-quiz-edit div.editq div.question div.content {
  background-color: #f9f9fa;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}

#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin: 0 0 20px 0;
  padding: 0;
  position: absolute;
  top: calc(50% - 20px);
  left: 70px;
  width: 30px !important;
  height: 30px !important;
}

#page-mod-quiz-edit ul.slots .activityinstance > a {
  display: flex;
  max-width: 100%;
  align-items: center;
  text-indent: 0;
  padding-left: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-left: 0;
  width: 16px;
  height: 16px;
  padding-right: 4px;
}

#page-mod-quiz-edit .activity img.activityicon {
  vertical-align: text-top;
}

#page-mod-quiz-edit .box.generalbox.questionbank {
  padding: 0.5em;
}

#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
#page-mod-quiz-edit .questionbank .choosecategory {
  padding: 0;
}

#page-mod-quiz-edit .questionbank .choosecategory select {
  width: 100%;
}

#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  background: transparent;
}

#page-mod-quiz-edit #categoryquestions > thead {
  background: #fff;
}

#page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
  background: #e4e4e4;
}

#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent; /* Old browsers */
}

#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #3f3dec;
}

.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:link,
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #c5c5f9;
}

#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #9f9ef6;
}

#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: #090223;
}

#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: #f9f9fa;
}

#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0;
  border: none;
  background-color: #f9f9fa;
  position: static;
  width: 12.1em;
  float: right;
  margin-right: 60px;
}

#page-mod-quiz-edit div.question div.content div.points br {
  display: none;
}

#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}

#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: #f9f9fa;
}

#page-mod-quiz-edit .quizpagedelete,
#page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent;
}

#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}

#page-mod-quiz-edit div.questionbank .categoryinfo {
  padding: 0.3em 0;
}

#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: block;
}
#page-mod-quiz-edit ul.slots .activityinstance > a:hover {
  text-decoration: none;
}

#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
  overflow: auto;
  text-overflow: initial;
  white-space: break-spaces;
  margin-top: 40px;
  display: block;
  height: auto;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename .icon {
  margin-right: 0.5rem;
  color: #3f3dec;
  opacity: 0.7;
}
.theme-dark #page-mod-quiz-edit ul.slots .activityinstance span.instancename .icon {
  color: #c5c5f9;
}

#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;
}
#page-mod-quiz-edit .section .activity .actions .icon.fa-trash {
  background-color: #feeded;
  color: #ef1010;
}
#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;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
  margin-right: 0.35rem;
}

.questionbankwindow .module {
  width: auto;
}

.questionbankwindow .form-autocomplete-selection {
  margin-left: 0;
}

.path-mod-quiz .statedetails {
  display: block;
  font-size: 0.875rem;
  opacity: 0.7;
}

a#hidebankcmd {
  color: #3f3dec;
}
.theme-dark a#hidebankcmd {
  color: #c5c5f9;
}

.que.numerical .answer,
.que.shortanswer .answer {
  width: 100%;
  padding: 0;
  margin-top: 0.35rem;
  display: inline-flex;
  align-items: center;
}

@media (min-width: 768px) {
  .que label {
    display: inline-flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .que label {
    display: block;
  }
}

body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: 0.7em 0 0;
}

.tag-condition-container {
  position: relative;
}

.questioncategories {
  padding: 1rem 1.5rem;
  margin: 2rem 0 0;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  position: relative;
}
.questioncategories .rui-title-container {
  margin-bottom: 0;
  width: auto;
}
.questioncategories a:hover {
  text-decoration: none;
}
.questioncategories .rui-main-content-title {
  width: 100% !important;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem !important;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  color: #413c55;
  border-bottom: 1px solid #e1e0e4;
}
.questioncategories ul {
  margin: 0 0 0 40px;
  padding: 0;
  list-style: none;
}
.questioncategories ul li {
  padding: 0.35rem 0;
  position: relative;
}
.questioncategories ul li:last-child {
  padding-bottom: 0;
}
.questioncategories ul li b, .questioncategories ul li .text_to_html {
  margin-left: 4px;
}
.questioncategories ul li .text_to_html {
  margin-top: 0.35rem;
  margin-bottom: 0.5rem;
  color: #413c55;
}

.questionbankwindow .createnewquestion {
  margin: 1rem 0 2rem;
}
.questionbankwindow .choosecategory {
  margin-bottom: 1rem;
}
.questionbankwindow #displayoptions {
  padding: 1rem 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem !important;
  border-radius: 7px;
  border: 2px solid #c5c5f9;
}
.questionbankwindow #displayoptions .tag-condition-container {
  margin: 1rem 0;
  padding: 1rem 0;
  border-top: 1px solid #e1e0e4;
  border-bottom: 1px solid #e1e0e4;
}
.questionbankwindow #displayoptions .tag-condition-container .form-group {
  margin: 0;
}

#categoryquestions td.modifiername .date,
#categoryquestions td.creatorname .date {
  display: block;
  margin-top: 0.35rem;
  color: #413c55;
}
#categoryquestions th [class*=sort] {
  margin: 0 !important;
  padding-left: 0 !important;
}
#categoryquestions th, #categoryquestions td {
  padding: 0.75rem !important;
}
#categoryquestions .editmenu {
  width: 100px;
}
#categoryquestions .iconcol .icon {
  width: 18px;
  height: 18px;
  padding: 6px;
  border-radius: 7px;
}
#categoryquestions .addtoquizaction .icon {
  background-color: #e1e0e4;
}

#categoryquestions .checkbox {
  width: 40px;
}

#categoryquestions .qtype {
  width: 60px;
}

.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;
}

.choosercontainer #chooseform .moduletypetitle {
  padding-top: 0.85rem;
  font-size: 0.875rem;
}

#page-mod-quiz-report .toggleincludeauto {
  margin: 2rem 0;
  text-align: left;
}

#techinfo_inner {
  background-color: #f9f9fa;
  padding: 1rem;
  border-radius: 7px;
}
#techinfo_inner p {
  margin: 0.15rem 0;
}

#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: 16px 30px 16px 65px;
  background-position: 20px 12px;
}
.rui-quizreviewsummary .rui-infobox.rui-infobox--feedback {
  width: 100%;
}

.rui-quizinfo {
  display: block;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 7px;
  background-color: #FDF6EA;
  font-size: 0.875rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .rui-quizinfo {
    margin-bottom: 40px;
  }
}
.theme-dark .rui-quizinfo {
  background-color: #93640A;
}
.rui-quizinfo .singlebutton {
  margin: 10px 0;
}
.rui-quizinfo p {
  margin: 0.25rem 0;
}

#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 {
  width: 400px !important;
  max-width: 95%;
}

#page-mod-quiz-review .rui-info-container {
  margin-bottom: 5rem;
}

.que {
  margin-top: 6rem;
  position: relative;
}
.que:before {
  content: "";
  background-color: #e1e0e4;
  width: 60px;
  height: 1px;
  position: absolute;
  top: -3rem;
  left: calc(50% - 30px);
}
.theme-dark .que:before {
  background-color: #2E3134;
}
.que:first-of-type {
  margin-top: 0;
}
.que:first-of-type:before {
  display: none;
}

.que .info {
  width: 100%;
  padding: 0 0 10px;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e1e0e4;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.theme-dark .que .info {
  border-color: #2E3134;
}

.que .grade,
.que .state {
  margin: 0;
  padding: 0.35rem 1rem;
  border-radius: 7px;
  font-size: 0.75rem;
}

.rui-question-no {
  color: #090223;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .rui-question-no {
    width: 100%;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.theme-dark .rui-question-no {
  color: #E8EAED;
}

.que .grade {
  background-color: #ececfd;
  color: #3f3dec;
}

.que .info > div {
  margin: 0;
  font-weight: 500;
}

.que .qtext {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .que .qtext {
    font-size: 1rem;
  }
}

.que .content {
  margin: 0;
}

.que.ddwtos,
.que.ddwtos .drop {
  box-sizing: content-box;
}

.que.ddwtos .qtext {
  font-size: 1rem;
}

.que.ddwtos .draghome {
  background-color: #ececfd;
  font-size: 0.875rem;
  font-weight: 500;
  color: #3f3dec;
  border-radius: 7px;
  border: none;
}

.que.ddwtos .draghome.beingdragged {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}

.que.ddwtos .drop.active {
  border-radius: 7px;
  background-color: #FDF6EA;
  border: 2px dashed #F7B742;
}

.que.ddwtos .drop:focus, .que.ddwtos .drop.valid-drag-over-drop,
.que.ddwtos .draghome.placed:focus:not(.beingdragged),
.que.ddwtos .draghome.placed.valid-drag-over-drop {
  border: 2px solid #94ADE7;
  background-color: #EEF8FF;
  box-shadow: none;
}

.que .content .feedback {
  margin-top: 2rem;
  padding: 0.75rem 0.5rem 0.75rem 4rem;
  background-size: 27px;
  background-color: #f9f9fa;
  background-repeat: no-repeat;
  background-position: 22px 10px;
  border-radius: 7px;
}
.que .content .feedback .numpartscorrect,
.que .content .feedback .rightanswer {
  margin-left: 10px;
  font-size: 0.875rem;
}
.que .content .feedback .numpartscorrect p,
.que .content .feedback .rightanswer p {
  font-size: 1rem;
}

.notyetanswered .que .content .feedback, .notanswered .que .content .feedback, .partiallycorrect .que .content .feedback,
.notyetanswered .state,
.notanswered .state,
.partiallycorrect .state {
  color: #C3850C;
}
.invalidanswer .que .content .feedback, .incorrect .que .content .feedback,
.invalidanswer .state,
.incorrect .state {
  color: #ca0d0d;
}
.correct .que .content .feedback,
.correct .state {
  color: #027654;
}
.answersaved .que .content .feedback,
.answersaved .state {
  color: #406CD2;
}

.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='%23F7B742' 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='%23F7B742' 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='%23F7B742' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 14.25H15.25' stroke='%23F7B742' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border-left: 2px dashed #F7DAA2;
  border-bottom: 2px solid #F7DAA2;
}
.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='%23f67e7e' 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='%23f67e7e' 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='%23f67e7e'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23f67e7e'/%3E%3C/svg%3E");
  border-left: 2px dashed #f67e7e;
  border-bottom: 2px solid #f67e7e;
}
.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='%23027654' 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='%23027654' 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='%23027654'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23027654'/%3E%3C/svg%3E");
  border-left: 2px dashed #5FB86B;
  border-bottom: 2px solid #5FB86B;
}

.partiallycorrect .state, .notyetanswered .state, .notanswered .state {
  background-color: #FDF6EA;
}
.invalidanswer .state, .incorrect .state {
  background-color: #feeded;
}
.correct .state {
  background-color: #EAF4DD;
}
.answersaved .state {
  background-color: #EEF8FF;
}

.que .answer .notanswered {
  background-color: #FDF6EA;
  color: #C3850C;
}
.que .answer .incorrect {
  background-color: #feeded;
  color: #ca0d0d;
}
.que .answer .partiallycorrect {
  background-color: #FDF6EA;
  color: #F7B742;
}
.que .answer .correct {
  background-color: #EAF4DD;
  color: #027654;
}

.que .specificfeedback {
  margin: 0;
  padding: 0 10px;
  border-radius: 7px;
  background-color: transparent;
  font-size: 0.875rem;
  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: #f9f9fa;
  background-image: url([[pix:theme|alpha/icon-message-square]]);
  background-size: 20px;
  border-radius: 7px;
  font-size: 30px;
  color: #ef1010;
  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.875rem;
}
@media (max-width: 767.98px) {
  .rui-submitbtns .btn {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
  }
}
.rui-submitbtns .rui-controls {
  width: 100%;
}
@media (max-width: 767.98px) {
  .rui-submitbtns .rui-controls .singlebutton {
    width: 100%;
  }
}

#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav,
.rui-submitbtns .mod_quiz-next-nav {
  float: none;
}
@media (max-width: 767.98px) {
  #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav,
.rui-submitbtns .mod_quiz-next-nav {
    flex-wrap: wrap;
  }
  #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav .btn,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav .btn,
.rui-submitbtns .mod_quiz-next-nav .btn {
    width: 100%;
    margin-top: 0.25rem;
  }
}

#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
  padding-top: 0;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.mod_quiz-prev-nav .arrow,
.mod_quiz-next-nav .arrow {
  display: none;
}

#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
  margin: 0;
  text-align: left;
}

.rui-quizattemptsummary {
  min-width: max-content;
}
.rui-quizattemptsummary p:only-child {
  margin: 0;
  font-size: 0.875rem;
}
.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='%23c5c5f9' /%3E%3Cpath d='M2 22.9502L4.12171 15.1717L9.77817 20.8289L2 22.9502Z' fill='%23c5c5f9' /%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;
}
@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: #f9f9fa;
  position: relative;
}
.rui-infobox--avatar img {
  margin-right: 10px;
  border-radius: 7px;
}
.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([[pix:theme|alpha/icon-calendar]]);
  background-color: #F5F3FB;
}

.rui-infobox--attemptlist,
.rui-infobox--attempts {
  background-image: url([[pix:theme|alpha/icon-rewind]]);
  background-color: #f9f9fa;
}

.rui-infobox--state {
  background-image: url([[pix:theme|alpha/icon-git-commit]]);
  background-color: #fbefe9;
}

.rui-infobox--completedon {
  background-image: url([[pix:theme|alpha/icon-award]]);
  background-color: #EAF4DD;
}

.rui-infobox--timetaken {
  background-image: url([[pix:theme|alpha/icon-clock]]);
  background-color: #FDF6EA;
}

.rui-infobox--grade {
  background-image: url([[pix:theme|alpha/icon-edit]]);
  background-color: #ececfd;
}

.rui-infobox--feedback {
  background-image: url([[pix:theme|alpha/icon-message-square]]);
  background-color: #f9f9fa;
}

.rui-infobox--overdue {
  background-image: url([[pix:theme|alpha/icon-alert-triangle]]);
  background-color: #fbc8c8;
}

.rui-infobox--marks {
  background-image: url([[pix:theme|alpha/icon-check-square]]);
  background-color: #f9f9fa;
}

.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 .resettable {
  width: max-content;
  margin: 1rem 0 1rem auto;
  padding: 5px;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
}
#page-mod-quiz-report h2 + .quizattemptcounts {
  margin: 0 1rem;
}
#page-mod-quiz-report .main-content .mdl-align {
  padding: 10px;
  margin: 30px 0;
  border: 2px dashed #e1e0e4;
  border-radius: 7px;
  text-align: left;
}

#page-mod-quiz-report .main-content #tablecontainer {
  margin: 30px 0;
}

.quizattemptcounts {
  display: inline-flex;
  align-items: center;
  margin: 10px 0;
  padding: 0.65rem 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 7px;
  background-color: #ececfd;
  color: #3f3dec;
}
.quizattemptcounts p {
  margin: 0;
}

#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: #a19eab;
}
#page-mod-quiz-report table#attempts .correct {
  color: #027654;
}
#page-mod-quiz-report table#attempts .partiallycorrect {
  color: #F4A614;
}
#page-mod-quiz-report table#attempts .incorrect {
  color: #f45959;
}
#page-mod-quiz-report table#attempts a:hover {
  text-decoration: none;
  opacity: 0.8;
}

#page-mod-quiz-report table#attempts .questionflag {
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background-color: #EAF4DD;
}

#page-mod-quiz-report table#attempts.grades span.que span,
#page-mod-quiz-report table#attempts span.avgcell span {
  padding: 0.25rem 0.25rem 0.25rem 0.45rem;
}

#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
  display: flex;
  align-items: center;
}

.path-question div[id^=fgroup_id_][id*=answeroptions_],
.path-question div[id^=fitem_id_][id*=feedback_],
.path-question div[id^=fitem_id_][id*=subquestions_],
.path-question div[id^=fitem_id_][id*=subanswers_],
.path-question div[id^=fitem_id_][id*=answer_],
.path-question div[id^=fitem_id_][id*=fraction_] {
  padding: 11px 0 13px !important;
  background-color: transparent !important;
  border: 1px solid #e1e0e4 !important;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_],
.path-question div[id^=fitem_id_][id*=subquestions_],
.path-question div[id^=fitem_id_][id*=answer_] {
  border-radius: 7px 7px 0 0 !important;
}
.path-question div[id^=fitem_id_][id*=feedback_],
.path-question div[id^=fitem_id_][id*=subanswers_] {
  border-radius: 0 0 7px 7px !important;
}

.content .attachments {
  margin-top: 2rem;
  position: relative;
}

div[class*=draggrouphomes] {
  margin-top: 2rem;
  padding: 1rem;
  border: 2px dashed #9f9ef6;
  border-radius: 7px;
}

.que .validationerror {
  margin-top: 1rem;
}

.que.multianswer .feedbackspan {
  padding: 1rem;
  background-color: #FDF6EA;
  border-radius: 7px;
  font-size: 0.875rem;
  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;
}

.path-mod-quiz .othernav .singlebutton, .path-mod-quiz .othernav .btn {
  width: 100%;
}

#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([[pix:theme|alpha/icon-alert-circle]]);
  background-size: 18px;
  background-position: 20px;
  background-repeat: no-repeat;
  border-radius: 7px;
  font-size: 0.8125rem;
  font-weight: 500;
}
#page-mod-quiz-edit .statusdisplay p {
  margin: 0;
}

.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: #f9f9fa;
  border-radius: 7px;
  color: #413c55;
}
.rui-infobox--attemptlist a:hover, .rui-infobox--attemptlist strong:hover,
.rui-infobox--attempts a:hover,
.rui-infobox--attempts strong:hover {
  background-color: #ececfd;
  color: #3f3dec;
}
.rui-infobox--attemptlist strong,
.rui-infobox--attempts strong {
  opacity: 0.4;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
  width: auto;
}

#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 7px;
}

.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: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 500;
}
.path-mod-quiz #user-picture .userpicture {
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .quizstartbuttondiv,
.quizstartbuttondiv .btn {
    width: 100%;
  }
}
.quizsummaryheading th:empty {
  padding: 0;
}

/* user.less */
.userprofile {
  margin-top: 30px;
}

.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 {
  column-count: 2;
  grid-gap: 60px;
}
@media (min-width: 1360px) {
  .userprofile .profile_tree {
    column-count: 3;
  }
}
@media (max-width: 767.98px) {
  .userprofile .profile_tree {
    column-count: 1;
  }
}

.userprofile dl.list > dd + dt {
  clear: left;
}

.user-box {
  margin: 8px;
  width: 115px;
  height: 160px;
  text-align: center;
  float: left;
  clear: none;
}

.profile_tree .node_category ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
.profile_tree .node_category dl {
  margin: 0.25rem 0;
}
.profile_tree .node_category dd {
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark .profile_tree .node_category dd {
  color: #BDC1C6;
}
.profile_tree .node_category li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .profile_tree .node_category li {
  border-color: #2E3134;
}
.profile_tree .node_category li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.profile_tree .node_category li a {
  color: #3f3dec;
  font-weight: 500;
}
.profile_tree .node_category li a:hover {
  color: #9f9ef6;
  text-decoration: none;
}
.theme-dark .profile_tree .node_category li a:hover {
  color: #9f9ef6;
}
.theme-dark .profile_tree .node_category li a {
  color: #c5c5f9;
}
.profile_tree .node_category .editprofile,
.profile_tree .node_category .viewmore {
  text-align: right;
}

.ajax-contact-button {
  box-sizing: border-box;
  position: relative;
}
.ajax-contact-button.loading .loading-icon {
  display: block;
}
.ajax-contact-button .loading-icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.ajax-contact-button .loading-icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .userprofile .profile_tree {
    /** Display the profile on one column on phones@mixin  */
    column-count: 1;
  }
}
.userlist #showall {
  margin: 10px 0;
}

.userlist .buttons {
  text-align: center;
}

.userlist .buttons label {
  padding: 0 3px;
}

.userlist table.controls {
  width: 100%;
}
.userlist table.controls tr {
  vertical-align: top;
}
.userlist table.controls .right {
  text-align: right;
}
.userlist table.controls .groupselector {
  margin-bottom: 0;
  margin-top: 0;
}
.userlist table.controls .groupselector label {
  display: block;
}

.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px;
}

.userinfobox .left,
.userinfobox .side {
  width: 100px;
  vertical-align: top;
}

.userpicture {
  width: 40px;
  height: 40px;
  border-radius: 7px;
}

.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: 7px;
  background-color: #ececfd;
  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] {
  margin: 1rem auto;
  padding: 0.35rem 0.85rem;
  background-color: #f9f9fa;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
  text-align: left;
  border-radius: 7px;
}

.filter-group {
  padding: 1rem;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .filter-group {
  border-color: #2E3134;
}
.filter-group [data-filterregion=filters] {
  padding: 0.35rem;
  background-color: transparent;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}
.theme-dark .filter-group [data-filterregion=filters] {
  border-color: #2E3134;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .filter-group .btn {
    width: 100%;
  }
  .filter-group [data-filteraction=remove] {
    margin: 10px auto 7px;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}

.search-results .result {
  margin-left: 0;
  margin-right: 0;
}

.search-results .result .filename {
  font-style: italic;
}

.simplesearchform {
  position: relative;
  border: 0;
  max-width: 320px;
}
.block-myoverview .simplesearchform {
  max-width: 100%;
}
@media (max-width: 767.98px) {
  .simplesearchform {
    max-width: 100%;
  }
}
.rui-icon-menu .simplesearchform {
  transition: all 0.2s ease-in-out;
}
.show .rui-icon-menu .simplesearchform {
  width: 300px;
}
.simplesearchform input:focus {
  outline: none;
  font-weight: 500;
  color: #3f3dec;
}
.simplesearchform .form-control {
  border-radius: 7px 0 0 7px !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: #f9f9fa;
  color: #b4b2bc;
  width: 30px;
  height: 30px;
  border-radius: 60px;
  top: calc(50% - 15px);
  right: 40px;
}
.theme-dark .simplesearchform .btn-close {
  background-color: #0b0d0f;
  color: #3C4043;
}
.simplesearchform .btn-close:hover {
  background-color: #feeded;
  color: #ef1010;
}
.simplesearchform .btn-submit {
  background-color: #f9f9fa;
}
.theme-dark .simplesearchform .btn-submit {
  background-color: #0b0d0f;
}
.simplesearchform .withclear {
  margin: 0;
  width: 220px;
  height: 44px;
  padding-right: 50px;
}
.simplesearchform .searchinput {
  display: flex;
  flex: 1 1 auto;
}
.simplesearchform .collapsing {
  height: inherit;
  transition: none;
  width: inherit;
}

.searchform-navbar {
  margin-bottom: 10px;
  position: absolute;
  right: 0;
}
#nav-drawer .searchform-navbar {
  position: relative;
}
@media (max-width: 1088.98px) {
  .searchform-navbar {
    right: -40px;
  }
  #nav-drawer .searchform-navbar {
    right: 0;
  }
}

@media (max-width: 1088.98px) {
  .simplesearchform .collapse.show,
.simplesearchform .collapsing {
    width: 100%;
    display: flex;
    background-color: #fff;
    z-index: 10000;
    height: 60px;
  }
  .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: #090223;
}
.theme-dark .search-results .result-title {
  color: #E8EAED;
}
.search-results .result-title a {
  color: inherit;
}
.search-results .result-title a:hover {
  text-decoration: none;
  color: #3f3dec;
}
.theme-dark .search-results .result-title a:hover {
  color: #c5c5f9;
}
.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: #413c55;
}
.theme-dark .search-results .result-content {
  color: #BDC1C6;
}
.search-results .result-context-info {
  margin: 10px 0 10px 34px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #090223;
}
.theme-dark .search-results .result-context-info {
  color: #E8EAED;
}
.search-results .result-context-info a {
  color: inherit;
}
.search-results .result-context-info a:hover {
  text-decoration: none;
}

#page-search-index .search-results + nav .pagination {
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
}
#page-search-index .pagination {
  margin-left: 34px;
}

/**
 * Moodle forms HTML isn't changeable via renderers (yet?) so this
 * .less file imports styles from the bootstrap $variables file and
 * adds them to the existing Moodle form CSS ids and classes.
 *
 */
.jsenabled .mform .containsadvancedelements .advanced {
  display: none;
}

.mform .containsadvancedelements .advanced.show {
  display: flex;
}

#adminsettings span.error {
  display: inline-block;
  border: 1px solid #ef1010;
  border-radius: 4px;
  background-color: #feeded;
  padding: 4px;
  margin-bottom: 4px;
}

.mform .form-inline .form-control,
.mform .form-inline .custom-select {
  max-width: 100%;
  margin: 0;
}
.mform .form-inline .form-group {
  margin: 0.1rem 0.25rem 0.1rem 0;
}
.mform .form-inline br + label {
  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;
}

#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: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 7px;
}

.form-label .form-shortname {
  font-size: 11px;
  color: #a19eab;
  word-break: break-word;
}

.form-item .form-inline {
  display: inline;
}

.form-inline label:not(.sr-only):not(.accesshide) + select {
  margin-left: 0.5rem;
}

.no-felement.fstatic {
  color: #a19eab;
  padding-top: 5px;
}

.no-fitem .fstaticlabel {
  font-weight: 700;
}

.form-item .form-setting .defaultsnext > input {
  display: inline-block;
}

.form-item .form-setting .form-checkbox.defaultsnext {
  display: inline-block;
}

/* rtl:ignore */
.mform .fitem .felement input[name=email],
.mform .fitem .felement input[name=email2],
.mform .fitem .felement input[name=url],
.mform .fitem .felement input[name=idnumber],
.mform .fitem .felement input[name=phone1],
.mform .fitem .felement input[name=phone2] {
  text-align: left;
  direction: ltr;
}

.que.match .mediaplugin {
  width: 50vw;
}

/* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name {
  margin-right: 170px;
}

#page-grade-edit-outcome-course .courseoutcomes {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#page-grade-edit-outcome-course .courseoutcomes td {
  text-align: center;
}

/* Install Process' text fields Forms, should always be justified to the left */
/* rtl:ignore */
#installform #id_wwwroot,
#installform #id_dirroot,
#installform #id_dataroot,
#installform #id_dbhost,
#installform #id_dbname,
#installform #id_dbuser,
#installform #id_dbpass,
#installform #id_prefix {
  direction: ltr;
}

.mdl-right > label {
  display: inline-block;
}

.singleselect {
  max-width: 100%;
}

.form-item .form-label label {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  align-items: center;
}

div#dateselector-calendar-panel {
  z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
}

fieldset.coursesearchbox label {
  display: inline;
}

/**
 * Show the labels above text editors and file managers except on wide screens.
 */
/* Section and module editing forms contain special JS components for the
   availability system (if enabled). */
#id_availabilityconditionsjson[aria-hidden=true],
.availability-field [aria-hidden=true] {
  display: none;
}

.availability-field label {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5rem;
  font-size: 0.75rem;
}
.availability-field .availability-group label {
  vertical-align: top;
  align-self: center;
}
.availability-field .col-form-label {
  font-size: 0.75rem;
  font-weight: 500;
}

.availability-eye {
  clear: left;
  float: left;
}

.availability-header {
  width: 100%;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  background-color: #f9f9fa;
  border-radius: 7px;
  padding: 5px 20px;
}
.availability-header .availability-eye {
  margin-right: 0.35rem;
}
.availability-header input,
.availability-header select {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.65rem;
  margin: 0.25rem;
  font-size: 0.75rem !important;
}
.availability-header input {
  padding-right: 0.65rem;
}
.availability-header select {
  padding-right: 30px;
}

.availability-inner,
.availability-plugincontrols {
  float: left;
  border-radius: 7px;
  border: 1px solid #e1e0e4;
  padding: 0.35rem;
  margin-top: 0;
  margin-right: 0;
}
.availability-inner .availability-none,
.availability-plugincontrols .availability-none {
  background-color: #FFF1D5;
  padding: 0.25rem;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
}
.availability-inner .availability-none .badge,
.availability-plugincontrols .availability-none .badge {
  margin: 0 !important;
}
.availability-inner .label,
.availability-plugincontrols .label {
  display: inline-block;
  margin: 0.25rem 0;
  padding: 0.25rem 0.5rem;
  background-color: #FFF1D5;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
}

.availability-plugincontrols,
.availability-childlist .availability-inner {
  margin-left: 0.625rem;
}

.availability-field .availability-plugincontrols .availability-group select {
  max-width: 12rem;
}

.availability-item {
  border: 2px solid #027654;
  border-radius: 7px;
  padding: 10px;
  font-size: 0.875rem;
}
.availability-item .availability-group {
  display: inline-flex;
  align-items: center;
}
.availability-item .availability-plugincontrols {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.availability-item .availability-plugincontrols input,
.availability-item .availability-plugincontrols select {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.65rem;
  margin: 0.25rem;
  font-size: 0.75rem !important;
}
.availability-item .availability-plugincontrols input {
  padding-right: 0.65rem;
}
.availability-item .availability-plugincontrols select {
  padding-right: 30px;
}

.availability-delete {
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 !important;
  text-align: center;
  line-height: 28px;
  background-color: #f9f9fa;
  width: 30px;
  height: 30px;
  border-radius: 60px;
  transition: all 0.2s ease-in-out;
}
.availability-delete:hover {
  background-color: #eeedef;
}
.availability-delete img {
  width: 9px;
}

.availability-list .btn {
  width: 100%;
}

.availability-buttons {
  padding: 0 1rem;
}
.availability-buttons .btn {
  width: 100%;
}

/* Custom styles for autocomplete form element */
/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
[data-fieldtype=autocomplete] select,
[data-fieldtype=tags] select,
.form-autocomplete-original-select {
  visibility: hidden;
  overflow: hidden;
  width: 15rem;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 2.1rem;
  vertical-align: bottom;
}

.form-autocomplete-selection [role=option] {
  cursor: pointer;
  white-space: inherit;
  word-break: break-word;
  text-align: left;
}

.form-autocomplete-suggestions {
  padding: 0.35rem 0.35rem;
  min-width: 206px;
  max-height: 20em;
  overflow: auto;
  position: absolute;
  z-index: 10001;
  background-color: #fff;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
  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: 7px;
  margin: 0 0 0.25rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
}
.form-autocomplete-suggestions li:empty {
  display: none !important;
}
.form-autocomplete-suggestions li:last-child {
  margin-bottom: 0;
}
.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus {
  background-color: #f9f9fa;
  color: #090223;
}
.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: #413c55;
}
.form-autocomplete-suggestions li span img {
  margin-right: 0.35rem;
  width: 20px;
  height: 20px;
  border-radius: 7px;
}
.form-autocomplete-suggestions li small {
  display: block;
  width: 100%;
}

.form-autocomplete-downarrow {
  position: absolute;
  top: calc(50% - 15px) !important;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background-color: #eeedef;
  color: #413c55;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.form-autocomplete-downarrow .icon {
  font-size: 0.75rem;
  line-height: 16px;
}
.form-autocomplete-downarrow:hover {
  background-color: #e1e0e4;
}
.theme-dark .form-autocomplete-downarrow {
  filter: invert(1);
}

/** Undo some bootstrap things */
.form-autocomplete-selection + input.form-control {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.form-autocomplete-selection [data-active-selection=true] span + span {
  margin-left: 30px;
  display: block;
}
.form-autocomplete-selection [data-active-selection=true] span + span small {
  color: #413c55;
}
.form-autocomplete-selection [data-active-selection=true] span img {
  margin-right: 0.35rem;
  width: 20px;
  height: 20px;
  border-radius: 7px;
}

/* Non-bootstrap selects with a size show their contents outside of the element.
 * Remove when we update to stable bootstrap 4. (MDL-56511) */
select[size],
select[multiple] {
  overflow: auto;
}

select[size="1"] {
  overflow: visible;
}

textarea[data-auto-rows] {
  overflow-x: hidden;
  resize: none;
}

/** Display elements under labels in vertical forms regardless of the screen size. */
.mform.full-width-labels .fitem.row {
  margin-left: 0;
  margin-right: 0;
}
.mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
  width: inherit;
  padding-right: 0;
  padding-left: 0;
}
.mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
  display: none;
}
.mform.full-width-labels .fitem.row .form-control {
  width: 100%;
}

/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
@media (min-width: 768px) {
  .form-inline .col-md-9,
.form-inline .col-md-3 {
    margin-bottom: 1rem;
    width: auto;
  }
  .form-inline .col-md-9 label,
.form-inline .col-md-3 label {
    margin-left: 1rem;
  }
}

[data-fieldtype=modgrade] fieldset br + label {
  width: auto !important;
}
[data-fieldtype=modgrade] fieldset br {
  display: none;
}
[data-fieldtype=modgrade] fieldset input,
[data-fieldtype=modgrade] fieldset select {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.65rem;
  padding-right: 30px;
  margin: 0.25rem;
  height: auto;
  font-size: 0.75rem;
}
[data-fieldtype=modgrade] fieldset .form-group {
  margin: 0 !important;
  padding: 0 !important;
}

[data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
[data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
[data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
  display: none;
}

.form-inline[data-fieldtype=autocomplete],
.form-inline[data-fieldtype=tags] {
  display: block;
}

[data-fieldtype=editor] > div {
  flex-grow: 1;
}

@media (min-width: 320px) {
  .modal .mform fieldset.collapsible legend a.fheader,
.mform fieldset.collapsible legend a.fheader {
    width: 100%;
    display: block;
    padding: 0.85rem 1.5rem;
    margin: 0 0 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    border-radius: 7px;
  }
  .modal .mform fieldset.collapsible legend a.fheader h3,
.mform fieldset.collapsible legend a.fheader h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
  }
  .theme-dark .modal .mform fieldset.collapsible legend a.fheader,
.theme-dark .mform fieldset.collapsible legend a.fheader {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
    color: #f9f9fa;
  }
  .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: #f9f9fa;
    color: #a19eab;
  }
  .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: #0b0d0f;
    border-color: #2E3134;
    color: #9AA0A6;
  }
  .mform fieldset.collapsible:last-of-type legend a.fheader {
    margin-bottom: 0;
  }
  .mform fieldset.collapsed legend a.fheader {
    /*rtl:raw:
        background-image: url([[pix: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='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px;
    background-color: transparent;
    border: 1px solid #e1e0e4;
  }
  .mform .form-inline .fdefaultcustom label {
    justify-content: initial;
  }
}
.fcontainer {
  padding: 0.75rem 0;
}

.collapsemenu .collapseall {
  display: block;
}
.collapsemenu .expandall {
  display: none;
}
.collapsemenu.collapsed .collapseall {
  display: none;
}
.collapsemenu.collapsed .expandall {
  display: block;
}

.input-group.form-inset .form-inset-item {
  position: absolute;
  padding-top: calc(0.75rem + 1px);
  z-index: 3;
}
.input-group.form-inset.form-inset-left .form-control {
  padding-left: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-control {
  padding-right: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-inset-item {
  right: 0;
}

.form-description,
.form-control-static {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #a19eab;
}
.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;
}

.custom-control.material-checkbox {
  color: #00665F;
}
.custom-control.material-checkbox .material-control-input {
  display: none;
}
.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
  border-color: #00665F;
  transform: rotateZ(45deg) translate(1px, -5px);
  width: 10px;
  border-top: 0px solid #fff;
  border-left: 0px solid #fff;
}
.custom-control.material-checkbox .material-control-indicator {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #e1e0e4;
  transition: 0.3s;
}
.custom-control.fill-checkbox {
  color: #00665F;
}
.custom-control.fill-checkbox .fill-control-input {
  display: none;
}
.custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
  background-color: #00665F;
  border-color: #00665F;
  background-size: 80%;
}
.custom-control.fill-checkbox .fill-control-indicator {
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #e1e0e4;
  transition: 0.3s;
  background-color: transparent;
  background-size: 0%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-control.overflow-checkbox .overflow-control-input {
  display: none;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
  transform: rotateZ(45deg) scale(1);
  top: -6px;
  left: 5px;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
  opacity: 1;
}
.custom-control.overflow-checkbox .overflow-control-indicator {
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #e1e0e4;
}
.custom-control.overflow-checkbox .overflow-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  transition: 0.3s;
  transform: rotateZ(90deg) scale(0);
  width: 10px;
  border-bottom: 4px solid #e1e0e4;
  border-right: 4px solid #e1e0e4;
  border-radius: 3px;
  top: -2px;
  left: 2px;
}
.custom-control.overflow-checkbox .overflow-control-indicator::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  transition: 0.3s;
  width: 10px;
  border-right: 7px solid #fff;
  border-radius: 3px;
  transform: rotateZ(45deg) scale(1);
  top: -4px;
  left: 5px;
  opacity: 0;
}
.custom-control.material-switch {
  color: #00665F;
  padding-left: 0;
}
.custom-control.material-switch .material-switch-control-input {
  display: none;
}
.custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
  background-color: #fff;
  left: 17px;
}
.custom-control.material-switch .material-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  top: 4px;
  min-width: 32px;
  width: 32px;
  height: 16px;
  background: transparent;
  border-radius: 3px;
  transition: 0.3s;
}
.custom-control.material-switch .material-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transition: 0.3s;
  top: -1px;
  left: -1px;
  background: #fdfdfd;
}
.custom-control.ios-switch {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  color: #090223;
}
.theme-dark .custom-control.ios-switch {
  color: #E8EAED;
}
.custom-control.ios-switch .ios-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 10px 0 0;
  top: 0;
  min-width: 32px;
  width: 32px;
  height: 20px;
  background: #e1e0e4;
  border-radius: 20px;
  transition: 0.3s;
  border: 2px solid #e1e0e4;
  cursor: pointer;
}
.rui-drawer-footer .custom-control.ios-switch .ios-switch-control-indicator {
  background: #f9f9fa;
  border-color: #f9f9fa;
}
.theme-dark .custom-control.ios-switch .ios-switch-control-indicator {
  border-color: #2E3134;
  background-color: #2E3134;
}
.custom-control.ios-switch .ios-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  transition: 0.3s;
  top: 2px;
  left: 2px;
  background: #fff;
}
.rui-drawer-footer .custom-control.ios-switch .ios-switch-control-indicator::after {
  background: #b4b2bc;
}
.custom-control .ios-switch-control-input {
  display: none;
}
.custom-control .ios-switch-control-input:active ~ .ios-switch-control-indicator::after {
  width: 20px;
}
.custom-control .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
  border: 2px solid #6564f0;
  background-color: #6564f0;
}
#nav-drawer .custom-control .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
  border: 2px solid #6564f0;
  background-color: #6564f0;
}
.custom-control .ios-switch-control-input:checked ~ .ios-switch-control-indicator::after {
  background-color: #fff;
  top: 2px;
  left: 14px;
}
.custom-control .ios-switch-control-input:checked:active ~ .ios-switch-control-indicator::after {
  left: 0px;
}
.custom-control.border-switch {
  color: #00665F;
  padding-left: 0;
}
.custom-control.border-switch .border-switch-control-input {
  display: none;
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
  border-color: #00665F;
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
  left: 14px;
  background-color: #00665F;
}
.custom-control.border-switch .border-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  top: 4px;
  width: 32px;
  height: 20px;
  background: transparent;
  border-radius: 3px;
  transition: 0.3s;
  border: 2px solid #e1e0e4;
}
.custom-control.border-switch .border-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 1px;
  transition: 0.3s;
  top: 1px;
  left: 2px;
  background: #e1e0e4;
}
.custom-control.teleport-switch {
  color: #00665F;
  padding-left: 0;
}
.custom-control.teleport-switch .teleport-switch-control-input {
  display: none;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
  border-color: #00665F;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
  left: -14px;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
  right: 2px;
  background-color: #00665F;
}
.custom-control.teleport-switch .teleport-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  top: 4px;
  width: 32px;
  height: 20px;
  background: transparent;
  border-radius: 3px;
  transition: 0.3s;
  border: 2px solid #e1e0e4;
  overflow: hidden;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 12px;
  border-radius: 50%;
  transition: 0.3s;
  top: 1px;
  left: 2px;
  background: #e1e0e4;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 12px;
  border-radius: 50%;
  transition: 0.3s;
  top: 1px;
  right: -14px;
  background: #e1e0e4;
}

:disabled + span,
:disabled + span, :disabled + span + span {
  opacity: 0.2;
  cursor: not-allowed !important;
}

/* Theme */
.fdescription {
  position: relative;
  padding: 0.55rem 1.25rem;
  margin: 0.25rem 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
}
.fdescription ul {
  margin: 0;
}
.fdescription.required {
  background-color: #FDF6EA;
}
.theme-dark .fdescription.required {
  background-color: #333030;
}
.fdescription.required .icon {
  display: inline-flex;
}
.fdescription.form-filetypes-descriptions {
  background-color: #f9f9fa;
}
.theme-dark .fdescription.form-filetypes-descriptions {
  background-color: #0b0d0f;
}

.logselecform input, .logselecform select {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.ftoggler {
  position: relative;
}
.ftoggler [data-toggle=popover] {
  position: absolute;
  top: calc(50% - 12px);
  right: 30px;
}

/* 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: 7px;
}

.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: 7px;
  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: 7px;
}
.adminsettingsflags input {
  margin-right: 0.35rem;
}
.adminsettingsflags label {
  margin: 0 1rem 0 0;
  color: #ca0d0d;
  font-size: 0.75rem;
}

.fieldset-styled,
[data-fieldtype=modgrade] fieldset,
.wiki-upload-section,
#page-grade-grading-form-guide-edit fieldset.hidden,
#id_changepassword,
#page-mod-feedback-show_nonrespondents fieldset {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 0.875rem !important;
  border-radius: 7px;
  border: 2px solid #c5c5f9;
}
.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: #0b0d0f;
}
.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: 7px;
  background-color: #3f3dec;
  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: #0b0d0f;
  color: #E8EAED;
}
.fieldset-styled legend:empty,
[data-fieldtype=modgrade] fieldset legend:empty,
.wiki-upload-section legend:empty,
#page-grade-grading-form-guide-edit fieldset.hidden legend:empty,
#id_changepassword legend:empty,
#page-mod-feedback-show_nonrespondents fieldset legend:empty {
  display: none;
}
.fieldset-styled ul,
[data-fieldtype=modgrade] fieldset ul,
.wiki-upload-section ul,
#page-grade-grading-form-guide-edit fieldset.hidden ul,
#id_changepassword ul,
#page-mod-feedback-show_nonrespondents fieldset ul {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.fieldset-styled ul li,
[data-fieldtype=modgrade] fieldset ul li,
.wiki-upload-section ul li,
#page-grade-grading-form-guide-edit fieldset.hidden ul li,
#id_changepassword ul li,
#page-mod-feedback-show_nonrespondents fieldset ul li {
  padding: 0.5rem 0;
  list-style: none;
}
.fieldset-styled ul li li,
[data-fieldtype=modgrade] fieldset ul li li,
.wiki-upload-section ul li li,
#page-grade-grading-form-guide-edit fieldset.hidden ul li li,
#id_changepassword ul li li,
#page-mod-feedback-show_nonrespondents fieldset ul li li {
  font-size: 0.875rem;
  font-weight: 500;
}
.fieldset-styled ul li input,
[data-fieldtype=modgrade] fieldset ul li input,
.wiki-upload-section ul li input,
#page-grade-grading-form-guide-edit fieldset.hidden ul li input,
#id_changepassword ul li input,
#page-mod-feedback-show_nonrespondents fieldset ul li input {
  margin-top: 0.25rem;
  width: auto;
}
.fieldset-styled .alert, .fieldset-styled #page-mod-choice-view #notice p, #page-mod-choice-view #notice .fieldset-styled p, .fieldset-styled .que .validationerror, .que .fieldset-styled .validationerror,
[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,
[data-fieldtype=modgrade] fieldset .que .validationerror,
.que [data-fieldtype=modgrade] fieldset .validationerror,
.wiki-upload-section .alert,
.wiki-upload-section #page-mod-choice-view #notice p,
#page-mod-choice-view #notice .wiki-upload-section p,
.wiki-upload-section .que .validationerror,
.que .wiki-upload-section .validationerror,
#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,
#page-grade-grading-form-guide-edit fieldset.hidden .que .validationerror,
.que #page-grade-grading-form-guide-edit fieldset.hidden .validationerror,
#id_changepassword .alert,
#id_changepassword #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #id_changepassword p,
#id_changepassword .que .validationerror,
.que #id_changepassword .validationerror,
#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,
#page-mod-feedback-show_nonrespondents fieldset .que .validationerror,
.que #page-mod-feedback-show_nonrespondents fieldset .validationerror {
  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: #f9f9fa;
  border-radius: 7px;
  line-height: 1;
}
a[id*=_calendar]:hover {
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark a[id*=_calendar] {
  filter: invert(1);
}
a[id*=_calendar] .icon {
  width: 24px;
  height: 24px;
  margin: 0;
}

.form-filemanager {
  width: inherit;
}

.search-input-group {
  position: relative;
  color: #413c55;
}
@media (max-width: 767.98px) {
  .search-input-group {
    margin-top: 10px;
  }
}
.rui-icon-menu .search-input-group {
  width: 200px !important;
}
.theme-dark .search-input-group {
  color: #BDC1C6;
}
.search-input-group .search-input {
  padding: 0.75rem 1.25rem 0.75rem 55px;
  margin: 0;
  height: 47px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 7px;
  background-color: #f9f9fa;
  border: 1px solid #e1e0e4;
}
#nav-drawer .search-input-group .search-input {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.13);
  color: #fff;
  transition: all 0.2s ease-in-out;
}
#nav-drawer .search-input-group .search-input:hover {
  border-color: #fff;
}
.theme-dark .search-input-group .search-input {
  background-color: #E8EAED;
  color: #BDC1C6;
}
.search-input-group .search-input-icon {
  display: flex;
  position: absolute;
  left: 15px;
  top: calc(50% - 11px);
}
#nav-drawer .search-input-group .search-input-icon {
  color: #fff;
}
.search-input-group .search-input-btn {
  position: absolute;
  top: calc(50% - 15px);
  right: 10px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 60px;
  border: none;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .search-input-group .search-input-btn {
  color: #BDC1C6;
}
#nav-drawer .search-input-group .search-input-btn {
  color: #fff;
}
.search-input-group .search-input-btn:hover {
  background-color: #3f3dec;
  color: #ececfd;
}

.rui-show-password-btn {
  position: absolute;
  top: calc(50% - 15px);
  right: 5px;
  background-color: #ececfd;
  color: #3f3dec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  cursor: pointer;
}
.rui-show-password-btn:hover {
  background-color: #ececfd;
  color: #3f3dec;
}
.rui-show-password-btn.rui-show-password-btn--hidden {
  background-color: #f9f9fa;
  color: #b4b2bc;
}

#page-login-index,
#page-login-signup,
#page-login-forgot_password {
  background-color: #f9f9fa;
}

#page-login-signup {
  background-image: none !important;
}

.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.875rem;
}

.rui-login-top-btn {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 5px 14px;
  border-radius: 7px;
  font-size: 0.875rem;
  color: #fff;
}
.rui-login-top-btn a, .rui-login-top-btn .btn-link--clean {
  font-size: 0.875rem;
  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;
}
@media (min-width: 768px) {
  .rui-login-top-btn {
    position: absolute;
    top: -5px;
    right: -2px;
    text-align: right;
  }
  .rui-login-layout-5 .rui-login-top-btn {
    left: -2px;
    right: auto;
  }
}
@media (max-width: 767.98px) {
  .rui-login-top-btn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

.rui-loginpage-intro-logo {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rui-loginpage-intro-logo a:hover {
  text-decoration: none;
}

.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;
  border-radius: 7px;
}
@media (max-width: 767.98px) {
  .rui-login-box {
    padding: 10px;
  }
}
.rui-login-layout--1 .rui-login-box {
  padding: 30px;
}
@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--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
  padding: 60px 10vw;
}
@media (max-width: 767.98px) {
  .rui-login-layout--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
    padding: 20px;
  }
}

#page-login-forgot_password .login-container {
  max-width: 500px;
  padding: 60px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 7px;
}
@media (max-width: 767.98px) {
  #page-login-forgot_password .login-container {
    padding: 20px;
  }
}
#page-login-forgot_password .login-container .mform .col-md-3, #page-login-forgot_password .login-container .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;
}

.rui-hasinstructions-desc {
  font-size: 0.75rem;
  font-weight: 400;
}

.rui-rememberusername-text,
.rui-login-forgot-btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #a19eab;
}

.rui-login-container {
  margin: 30px auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background-color: #fff;
  border-radius: 7px;
}
.rui-login-layout-img .rui-login-container {
  max-width: 960px;
}
@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: 30px;
  }
}
@media (max-width: 767.98px) {
  .rui-login-layout--2 .rui-login-container {
    border-radius: 7px;
  }
}
.rui-login-layout--3 .rui-login-container {
  flex-direction: row-reverse;
}
@media (min-width: 768px) {
  .rui-login-layout--3 .rui-login-container {
    border-radius: 30px;
  }
}
@media (max-width: 767.98px) {
  .rui-login-layout--3 .rui-login-container {
    border-radius: 7px;
  }
}

.rui-login-bg-container {
  width: 50%;
  background-color: #eeedef;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #090223;
}
.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: 768px) {
  .rui-login-bg-container {
    border-radius: 30px;
  }
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .rui-login-bg-container {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .rui-login-bg-container {
    border-radius: 7px;
  }
}

@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: #b4b2bc #fff;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar {
  width: 12px;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.rui-login-layout--4 .rui-login-box {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
@media (min-width: 768px) {
  .rui-login-layout--4 .rui-login-box {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    border-radius: 0;
  }
}
.rui-login-layout--4 .rui-login-box::-webkit-scrollbar {
  width: 12px;
}
.rui-login-layout--4 .rui-login-box::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.rui-login-layout--4 .rui-login-box::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.rui-login-layout--4 .rui-login-box::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .rui-login-layout--4 .rui-login-box {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .rui-login-layout--4 .rui-login-box::-webkit-scrollbar {
  width: 12px;
}
.theme-dark .rui-login-layout--4 .rui-login-box::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark .rui-login-layout--4 .rui-login-box::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark .rui-login-layout--4 .rui-login-box::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.rui-login-layout--5 .rui-login-box {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
@media (min-width: 768px) {
  .rui-login-layout--5 .rui-login-box {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    overflow-y: auto;
    border-radius: 0;
  }
}
.rui-login-layout--5 .rui-login-box::-webkit-scrollbar {
  width: 12px;
}
.rui-login-layout--5 .rui-login-box::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.rui-login-layout--5 .rui-login-box::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.rui-login-layout--5 .rui-login-box::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .rui-login-layout--5 .rui-login-box {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .rui-login-layout--5 .rui-login-box::-webkit-scrollbar {
  width: 12px;
}
.theme-dark .rui-login-layout--5 .rui-login-box::-webkit-scrollbar-track {
  background: #0b0d0f;
  border-radius: 20px;
}
.theme-dark .rui-login-layout--5 .rui-login-box::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.theme-dark .rui-login-layout--5 .rui-login-box::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}

.rui-login-additional-content {
  position: absolute;
  top: 90px;
  left: 90px;
  font-size: 2rem;
  font-weight: 700;
}

.rui-login-wrapper {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.rui-login-logo img {
  width: auto;
  height: 40px;
}

.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: #e1e0e4;
  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 #e1e0e4;
  border-radius: 60px;
  color: #090223;
}
.btn--back:hover {
  background-color: #090223;
  border-color: #090223;
  color: #f9f9fa;
}

.rui-badge-guest {
  position: fixed;
  bottom: 3px;
  right: 3px;
  padding: 6px 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 7px;
  background-color: #FFF1D5;
  font-size: 0.875rem;
  font-weight: 500;
  color: #C3850C;
}

.rui-login-lang-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: none;
  background-color: #090223;
  border-radius: 40px;
  font-size: 0.75rem;
  color: #f9f9fa;
}
@media (max-width: 767.98px) {
  .rui-login-lang-btn {
    padding: 8px;
  }
}
.rui-login-lang-btn[aria-expanded=true], .rui-login-lang-btn:hover {
  color: #f9f9fa;
  background-color: #413c55;
  text-decoration: none;
}

.form-control--username,
.form-control--password {
  background-size: 22px;
  background-position: 16px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 50px;
}

.form-control--username {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.25' stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.8475 19.25H17.1525C18.2944 19.25 19.174 18.2681 18.6408 17.2584C17.8563 15.7731 16.068 14 12 14C7.93201 14 6.14367 15.7731 5.35924 17.2584C4.82597 18.2681 5.70558 19.25 6.8475 19.25Z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.form-control--password {
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' 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='%23a19eab' 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: 50px;
  right: 16px;
  z-index: 1030;
}
.rui-login-layout-5 .rui-login-lang-wrapper {
  left: 16px;
}

@media (max-width: 767.98px) {
  .rui-lang-btn .rui-lang-btn-text {
    display: none;
  }
}
.rui-login-wrapper--margin {
  margin-top: 25px;
}

.rui-login-layout--1 .rui-login-logo, .rui-login-layout--2 .rui-login-logo, .rui-login-layout--3 .rui-login-logo {
  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 {
  width: 100%;
  display: flex;
}
@media (max-width: 767.98px) {
  .rui-login-layout--4 .rui-login-logo {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .rui-login-layout--4 .rui-login-logo {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .rui-login-layout--5 .rui-login-logo {
    justify-content: flex-start;
  }
}
.rui-login-logo .rui-login-logo {
  height: 80px;
}

.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;
}

@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: #090223;
}

.btn--cookie {
  position: fixed;
  bottom: 10px;
  right: 16px;
}
.rui-login-layout--5 .btn--cookie {
  left: 16px;
  right: auto;
}

/* 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;
}

.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
  border: 1px dotted #e1e0e4;
}
.theme-dark .maincalendar .calendarmonth td,
.theme-dark .maincalendar .calendarmonth th {
  border-color: #2E3134;
}

.path-grade-report-grader h1 {
  text-align: inherit;
}

#page-mod-chat-gui_basic input#message {
  max-width: 100%;
}

#page-mod-data-view #singleimage {
  width: auto;
}

.path-mod-data form {
  margin-top: 0;
}

.path-mod-data .rui-page-title {
  margin-bottom: 0;
}

#page-mod-data-templates td.save_template,
#page-mod-data-templates .template_heading {
  text-align: left;
}

#tempform table {
  width: 100%;
}

#availabletags_wrapper {
  max-width: 300px;
}

.template_heading {
  margin-top: 10px;
}

.breadcrumb-button {
  margin-top: 4px;
}

.breadcrumb-button .singlebutton {
  float: left;
  margin-left: 4px;
}

.langmenu form {
  margin: 0;
}

canvas {
  -ms-touch-action: auto;
}

div#dock {
  display: none;
}

.path-mod-lesson .invisiblefieldset.fieldsetfix {
  display: block;
}

.path-mod-lesson .answeroption .checkbox label p {
  display: inline;
}

.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: #413c55;
}
.theme-dark .wiki_difftime, .theme-dark .wiki_headingtime {
  color: #BDC1C6;
}

.path-mod-wiki .wiki_contentbox {
  width: 100%;
}

.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: #ececfd !important;
}
.path-mod-survey .surveytable .rblock label {
  text-align: center;
  margin: 0;
}
.path-mod-survey .surveytable .qnumtopcell {
  display: inline-flex;
  font-size: 16px;
}
.path-mod-survey .surveytable .optioncell,
.path-mod-survey .surveytable .questioncell {
  padding: 10px;
}

.theme-dark.path-mod-survey .surveytable .whitecell {
  background-color: #E8EAED;
}

.theme-dark.path-mod-survey .surveytable tr:hover {
  background-color: #26258e !important;
}

#intro {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 0 !important;
}

.nav .caret {
  margin-left: 4px;
}

.nav .divider {
  overflow: hidden;
  width: 0;
}

.usermenu .login {
  line-height: 2.25rem;
}
.usermenu .dropdown-btn {
  padding: 0;
  background-color: transparent;
  color: #fff;
}
.usermenu .btn.btn-icon {
  padding: 0 !important;
}
.usermenu img.userpicture {
  margin: 0;
  border-radius: 7px;
  width: 40px;
  height: 40px;
}

.userinitials {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  background-color: transparent;
  font-size: 0.85rem;
  font-weight: 700;
  color: #090223;
}
table .userinitials, .aabtn .userinitials {
  margin-right: 0.35rem;
}

.userinitials.size-56 {
  width: 40px;
  height: 40px;
}

.userinitials.size-100 {
  width: 47px;
  height: 47px;
}

.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 .userbutton .avatars {
  position: relative;
  display: inline-block;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
  vertical-align: baseline;
}
.userloggedinas .usermenu .userbutton .avatars .avatar 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: space-between;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  background-image: none;
  height: 40px;
  width: 40px;
  border-radius: 3px;
  border: 0;
  overflow: visible;
  margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
  cursor: default;
  background-color: #eeedef;
  color: #a19eab;
}
.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
.path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
  text-decoration: underline;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border-radius: 3px;
  z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
  background: transparent url([[pix:theme|mod/quiz/flag-on]]) 25px 1px no-repeat;
  background-size: 9px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
  border: 0;
  background: #fff none center/10px no-repeat scroll;
  height: 20px;
  margin-top: 20px;
  border-radius: 0 0 3px 3px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  background-color: #fff;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-image: url([[pix:theme|mod/quiz/checkmark]]);
  background-color: #3f3dec;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
  background-image: url([[pix:core|t/locked]]);
  background-color: #eeedef;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-color: #ef1010;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-image: url([[pix:theme|mod/quiz/whitecircle]]);
  background-color: #F7B742;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: #b4b2bc;
}

.path-mod-quiz .qnbutton.thispage .thispageholder {
  border-color: #e1e0e4;
  border-width: 2px;
}

#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: 75px;
  z-index: 1020;
}
#quiz-timer-wrapper #quiz-timer {
  margin: 0;
  padding: 8px 15px 8px 10px;
  border-radius: 7px;
  background-color: #EAF4DD;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  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: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft8 {
  background-color: #f78383;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft9 {
  background-color: #f89191;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft10 {
  background-color: #f99f9f;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft11 {
  background-color: #faaeae;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft12 {
  background-color: #fbbcbc;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft13 {
  background-color: #fbcaca;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft14 {
  background-color: #fcd9d9;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft15 {
  background-color: #fde7e7;
  color: #090223;
}

#quiz-timer-wrapper #quiz-timer.timeleft16 {
  background-color: #fef5f5;
  color: #090223;
}

.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: 7px;
}

.path-mod-survey .main-content .reportlink {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.path-mod-survey .main-content .rui-main-content-title--h3 {
  margin-top: 1rem;
}
.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;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
  background-color: #f9f9fa;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
  background-color: #0e1013;
}
.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: #f9f9fa;
}
.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: #0b0d0f;
}
.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 #f9f9fa;
  border-bottom: 1px solid #e1e0e4;
  padding: 5px 0;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
  border-top: 1px solid #0e1013;
  border-bottom: 1px solid #202124;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
  margin-right: 8px;
  border-radius: 7px;
  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: #a19eab;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
  color: #9AA0A6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  margin-bottom: 1.25rem;
  border-radius: 7px;
  border: 1px solid #e1e0e4;
  padding: 1.25rem;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  border: 1px solid #2E3134;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
  float: right;
  font-size: 11px;
  color: #a19eab;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
  color: #9AA0A6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  background-color: #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
  font-weight: 700;
}

#page-mod-chat-report .main-content #intro p,
#page-mod-chat-view .main-content #intro p {
  margin: 0;
}
#page-mod-chat-report .main-content #enterlink:empty,
#page-mod-chat-view .main-content #enterlink:empty {
  display: none;
}
#page-mod-chat-report .main-content #enterlink p,
#page-mod-chat-view .main-content #enterlink p {
  margin-bottom: 0.5rem;
}

#page-mod-chat-report .main-content .list-group {
  margin-top: 2rem;
}
#page-mod-chat-report .main-content .list-group p {
  margin: 0 5px 0;
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark #page-mod-chat-report .main-content .list-group p {
  color: #BDC1C6;
}
#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: #ef1010;
}

.chat-message .userpicture {
  border-radius: 7px;
}
.chat-message .title {
  font-size: 0.875rem;
  color: #413c55;
}
.theme-dark .chat-message .title {
  color: #BDC1C6;
}
.chat-message p {
  font-size: 1rem;
  color: #090223;
}
.theme-dark .chat-message p {
  color: #E8EAED;
}

.chat-event {
  margin-bottom: 0.25rem;
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark .chat-event {
  background-color: #0b0d0f;
}
.chat-event td {
  padding: 0.25rem 0.35rem;
}
.chat-event .text {
  padding-right: 1rem;
  font-size: 0.75rem;
}
.chat-event .event {
  color: #a19eab;
}
.theme-dark .chat-event .event {
  color: #9AA0A6;
}
.chat-event .userpicture {
  margin: 0;
  width: 26px;
  height: 26px;
}

#chatcurrentusers {
  padding: 1rem;
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark #chatcurrentusers {
  background-color: #0b0d0f;
}
#chatcurrentusers .chatuserimage {
  margin-right: 0.5rem;
}
#chatcurrentusers .chatuserimage img {
  border-radius: 7px;
}
#chatcurrentusers p {
  margin: 0;
  font-weight: 500;
}
#chatcurrentusers .idletime {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #chatcurrentusers .idletime {
  color: #BDC1C6;
}

#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: 7px;
}
#page-mod-chat-gui_basic-index #participants .userinfo {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #page-mod-chat-gui_basic-index #participants .userinfo {
  color: #BDC1C6;
}

#enterlink {
  padding: 20px 30px;
  background-color: #ececfd;
  border-radius: 7px;
  text-align: center;
}
.theme-dark #enterlink {
  background-color: transparent;
  border: 1px solid #2E3134;
}

#enterlink p:nth-of-type(1) {
  margin-top: 10px;
  margin-bottom: 20px !important;
  color: #26258e;
}

.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: 7px;
  border: none;
  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);
  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: 7px;
  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 0.5rem 0;
}

.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 {
  background-color: #fff;
  padding: 1rem !important;
  border-radius: 7px;
  margin-bottom: 1rem;
}

.path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}

.path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.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: #090223;
}
.path-mod-assign [data-region=user-info] a {
  color: inherit;
}

.path-mod-assign [data-region=user-info] .img-rounded {
  margin-top: 0;
  border-radius: 7px;
}

.path-mod-assign [data-region=grading-navigation-panel] {
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05);
  top: 60px;
  left: 30px;
  right: 30px;
  z-index: 999;
  width: auto;
  height: auto;
}

@media (max-width: 767px) {
  .path-mod-assign [data-region=grading-navigation-panel] {
    height: auto;
  }
  .path-mod-assign [data-region=user-info] {
    margin-top: 1rem;
  }
}
.path-mod-assign [data-region=review-panel] {
  top: 145px;
  left: 30px;
  bottom: 100px;
}

.path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
  width: auto;
  display: inline-block;
}

#id_gradeheader,
#id_attemptsettings {
  font-size: 0.875rem !important;
  border-radius: 7px;
  border: 2px solid #c5c5f9;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
#id_gradeheader .fcontainer,
#id_attemptsettings .fcontainer {
  padding: 0;
}
#id_gradeheader legend, #id_gradeheader > legend,
#id_attemptsettings legend,
#id_attemptsettings > legend {
  width: auto;
  padding: 5px 20px;
  border-radius: 7px;
  background-color: #3f3dec;
  color: #fff;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
#id_gradeheader .col-form-label,
#id_attemptsettings .col-form-label {
  font-size: 1rem;
  font-weight: 700;
}
#id_gradeheader .form-control-static,
#id_gradeheader .form-group,
#id_attemptsettings .form-control-static,
#id_attemptsettings .form-group {
  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 {
  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: 7px;
  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", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.rui-gradingsummary {
  margin: 60px 0;
}

.rui-submissionstatustable {
  padding-top: 60px;
  margin-bottom: 60px;
  border-top: 1px solid #e1e0e4;
}
.theme-dark .rui-submissionstatustable {
  border-top: 1px solid #2E3134;
}
.section .rui-submissionstatustable {
  padding-top: 10px;
  margin-bottom: 10px;
}

.rui-plugincontentsummary,
.rui-submissionsummarytable {
  margin-bottom: 60px;
}
.section .rui-plugincontentsummary,
.section .rui-submissionsummarytable {
  margin-bottom: 10px;
}

.rui-plugincontentsummary:last-of-type {
  margin-bottom: 0;
}

.rui-plugincontentsummary .visibleifjs .btn {
  display: inline-block;
  margin-top: 0.35rem;
  margin-left: 44px;
}

.rui-info-container {
  column-gap: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  flex-wrap: wrap;
  margin: 30px 0;
  padding: 0;
}
.theme-dark .rui-info-container {
  color: #090223;
}
@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: #090223;
}

.rui-infobox {
  display: inline-grid;
  padding: 3.75rem 1.25rem 1rem 1.25rem;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 16px 20px;
  background-size: 25px;
  word-break: break-all;
  border-radius: 7px;
}
#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;
}

.rui-infobox--hiddenfromstudents {
  background-image: url([[pix:theme|alpha/icon-eye-off]]);
  background-color: #f9f9fa;
}

.rui-infobox--participant {
  background-image: url([[pix:theme|alpha/icon-users]]);
  background-color: #EEF8FF;
}

.rui-infobox--draft,
.rui-infobox--drafts {
  background-image: url([[pix:theme|alpha/icon-edit]]);
  background-color: #fbefe9;
}

.submissionstatussubmitted,
.rui-badge-assign--submitted,
.rui-infobox--submitted {
  background-image: url([[pix:theme|alpha/icon-checked]]);
  background-color: #EAF4DD;
}

.latesubmission,
.submissionstatus,
.rui-badge-assign--noattempt,
.rui-badge-assign--overdue,
.rui-badge-assign--needgrading,
.rui-infobox--needgrading {
  background-image: url([[pix:theme|alpha/icon-alert-circle]]);
  background-color: #feeded;
}

.lockedsubmission,
.rui-badge-assign--submissionlocked,
.rui-infobox--submissionlocked {
  background-image: url([[pix:theme|alpha/icon-lock]]);
  background-color: #feeded;
}

.rui-badge-assign--timeremaining,
.rui-infobox--duedate {
  background-image: url([[pix:theme|alpha/icon-calendar]]);
  background-color: #ececfd;
}

.rui-badge-assign--noonlinesubmissions,
.rui-infobox--noonlinesubmissions,
.rui-infobox--timeremaining {
  background-image: url([[pix:theme|alpha/icon-alert-triangle]]);
  background-color: #FFF1D5;
}

.overduesubmission,
.rui-infobox--cutofdate {
  background-image: url([[pix:theme|alpha/icon-alert-circle]]);
  background-color: #EEEAF8;
}

.rui-infobox--status {
  background-image: url([[pix:theme|alpha/icon-state]]);
  background-color: #FDF6EA;
}

.rui-badge-assign-submissionstatus,
.rui-infobox--progress {
  background-image: url([[pix:theme|alpha/icon-progress]]);
  background-color: #f9f9fa;
}

.rui-submissionsummarytable,
.rui-feedbacktable {
  background-color: #f9f9fa;
  padding: 1.25rem;
  border-radius: 7px;
  font-size: 0.875rem;
}
.theme-dark .rui-submissionsummarytable,
.theme-dark .rui-feedbacktable {
  background-color: #0b0d0f;
}

.rui-feedback {
  margin-top: 60px;
  margin-bottom: 60px;
}
.rui-feedback .userpicture {
  border-radius: 60px;
}

.jsenabled .comment-link .icon,
.path-mod-assign.jsenabled .expandsummaryicon {
  padding: 10px;
  margin-right: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: #f9f9fa;
  color: #090223;
  border-radius: 7px;
}
.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 #e1e0e4;
}
.theme-dark .rui-assign-btns {
  border-top: 1px solid #2E3134;
}

.rui-assignsubmissio {
  margin: 60px 0;
  padding: 1rem;
  background-color: #fff;
  border-radius: 7px;
}
.theme-dark .rui-assignsubmissio {
  background-color: #E8EAED;
}

.path-mod-assign .feedbacktable {
  margin-top: 0;
}
.path-mod-assign .fileuploadsubmission a {
  color: #090223;
}
.theme-dark .path-mod-assign .fileuploadsubmission a {
  color: #E8EAED;
}
.path-mod-assign .fileuploadsubmissiontime {
  margin-top: 0.25rem;
  margin-left: 27px;
  float: none !important;
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .path-mod-assign .fileuploadsubmissiontime {
  color: #9AA0A6;
}

.path-mod-assign .gradingtable tr.unselectedrow td {
  vertical-align: top;
  background-color: transparent;
}

.path-mod-assign.jsenabled .gradingtable .c0 .commands {
  display: none;
}
.path-mod-assign.jsenabled .gradingtable .c0 .selectall {
  display: inline-flex;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.path-mod-assign .gradingtable tr.selectedrow td {
  background-color: #ececfd;
  vertical-align: top;
}

.path-mod-assign.jsenabled .gradingtable tr {
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .path-mod-assign.jsenabled .gradingtable tr {
  border-bottom: 1px solid #2E3134;
}

.path-mod-assign [data-region=user-selector] .alignment {
  margin: 0 10px 0 0;
  width: auto;
}

.path-mod-assign [data-region=user-selector] select {
  max-width: 100%;
}

.path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
  margin: 0;
}

.path-mod-assign [data-region=configure-filters] {
  margin-top: 48px;
  margin-left: -143px;
  width: 180px;
}

.path-mod-assign [data-region=grade-panel] .fitem.popout {
  bottom: auto;
}

.path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
  padding: 0;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
  padding: 0 !important;
}

.assignfeedback_editpdf_widget .warningmessages .icon {
  margin-right: 0.35rem;
  width: 12px;
  height: 12px;
}
.assignfeedback_editpdf_widget .warningmessages .warningmessages {
  display: inline-flex;
  align-items: center;
}

.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
  width: auto;
}

#fitem_id_assignfeedbackcomments_editor .col-md-3.text-right {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.badge-assign {
  padding-top: 10px;
  padding-left: 50px;
  padding-bottom: 9px;
  padding-right: 1.5rem;
  margin-bottom: 0.25rem;
  background-size: 18px;
  background-position: 17px;
  background-repeat: no-repeat;
  border-radius: 7px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #090223;
}
.theme-dark .badge-assign {
  color: #E8EAED;
}

.overduesubmission,
.submissionstatus,
.lockedsubmission,
.submissionstatussubmitted,
.latesubmission {
  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: 7px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #090223;
}
.theme-dark .overduesubmission,
.theme-dark .submissionstatus,
.theme-dark .lockedsubmission,
.theme-dark .submissionstatussubmitted,
.theme-dark .latesubmission {
  color: #E8EAED;
}

.editsubmissionform .col-md-3,
.editsubmissionform .col-md-9 {
  padding: 0;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: left !important;
}
.editsubmissionform .col-md-3 .col-form-label,
.editsubmissionform .col-md-9 .col-form-label {
  margin-bottom: 10px;
  display: block !important;
}
.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;
}

.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: #f9f9fa;
  border-radius: 7px;
  color: #a19eab;
  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: #ececfd;
  color: #3f3dec;
}
.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: #ef1010;
}
.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: 7px;
}
.path-mod-book .book_toc li a {
  color: #090223;
}
.theme-dark .path-mod-book .book_toc li a {
  color: #E8EAED;
}
.path-mod-book .book_toc li strong {
  background-color: #eeedef;
  color: #b4b2bc;
}
.theme-dark .path-mod-book .book_toc li strong {
  background-color: #17181B;
  color: #3C4043;
}
.path-mod-book .book_toc li a:hover {
  background-color: #EEF8FF;
  text-decoration: none;
  color: #406CD2;
}

#page-enrol-index .main-content,
#page-grade-report-overview-index .main-content,
.rui-book-wrapper,
.modal-in-page,
.book_content {
  background-color: #fff;
  padding: 30px !important;
  position: relative;
  border-width: 1px 2px 1px 2px;
  border-style: solid solid solid dashed;
  border-color: #e1e0e4 #eeedef #e1e0e4 #e1e0e4;
  border-radius: 7px;
}
#page-enrol-index .main-content:before, #page-enrol-index .main-content:after,
#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: 7px;
  border-style: solid;
}
#page-enrol-index .main-content:before,
#page-grade-report-overview-index .main-content:before,
.rui-book-wrapper:before,
.modal-in-page:before,
.book_content:before {
  right: 4px;
  border-color: #eeedef;
  border-width: 0px 2px 0px 0px;
}
#page-enrol-index .main-content:after,
#page-grade-report-overview-index .main-content:after,
.rui-book-wrapper:after,
.modal-in-page:after,
.book_content:after {
  right: 1px;
  border-color: #f9f9fa;
  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: #E8EAED;
  border-color: #202124 #202124 #202124 #202124;
}
.theme-dark#page-enrol-index .main-content:before,
.theme-dark#page-grade-report-overview-index .main-content:before,
.theme-dark .rui-book-wrapper:before,
.theme-dark .modal-in-page:before,
.theme-dark .book_content:before {
  border-color: #202124;
}
.theme-dark#page-enrol-index .main-content:after,
.theme-dark#page-grade-report-overview-index .main-content:after,
.theme-dark .rui-book-wrapper:after,
.theme-dark .modal-in-page:after,
.theme-dark .book_content:after {
  border-color: #202124;
}

#page-grade-report-overview-index .main-content .grade-navigation {
  width: auto;
}

.book_content .rui-title-container {
  margin-top: 0;
}
.book_content .rui-main-content-title--h3,
.book_content .rui-main-content-title--h4 {
  width: auto !important;
  padding-top: 0.5rem;
  padding-left: 40px;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  margin: 0 0 1rem 0 !important;
  background: #ececfd url([[pix:theme|alpha/icon-file-text]]) 13px no-repeat;
  background-size: 18px;
  border-radius: 7px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #090223;
}
.book_content .rui-main-content-title--h4 {
  display: inline-flex;
  margin-left: 0.35rem !important;
}

.book-tags {
  margin-top: 30px;
  margin-bottom: 30px;
}
.book-tags b {
  display: none;
}

.block_book_toc .action-list .icon {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.path-mod-book .book_toc_numbered li div {
  align-items: center;
}
.path-mod-book .book_toc_numbered li ul li a, .path-mod-book .book_toc_numbered li ul li strong {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .path-mod-book .book_toc_numbered li ul li a, .theme-dark .path-mod-book .book_toc_numbered li ul li strong {
  color: #BDC1C6;
}

.path-mod-book .book_toc li strong {
  background-color: #ececfd;
  font-weight: 500;
  color: #3f3dec;
}

.path-mod-book .main-content .rui-main-content-title {
  margin-bottom: 0;
  display: inline-flex;
  align-content: center;
  justify-content: space-between;
}

.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 #e1e0e4;
}

#feedback_complete_form {
  border: 1px solid #e1e0e4;
}

#feedback_print_form,
#feedback_complete_form,
#feedback_dragarea {
  margin-top: 30px;
  padding: 0 40px;
  border-radius: 7px;
}
#feedback_print_form .dropdown-btn,
#feedback_complete_form .dropdown-btn,
#feedback_dragarea .dropdown-btn {
  padding: 10px 20px;
  font-size: 0.875rem;
}
#feedback_print_form .feedback_itemlist,
#feedback_complete_form .feedback_itemlist,
#feedback_dragarea .feedback_itemlist {
  padding: 10px 20px;
  margin: 0 -40px;
  width: calc(100% + 80px);
  max-width: calc(100% + 80px);
  border-bottom: 1px solid #e1e0e4;
}
#feedback_print_form .feedback_itemlist:last-child,
#feedback_complete_form .feedback_itemlist:last-child,
#feedback_dragarea .feedback_itemlist:last-child {
  border-bottom: none;
}
#feedback_print_form .feedback_itemlist.feedback_is_dependent,
#feedback_complete_form .feedback_itemlist.feedback_is_dependent,
#feedback_dragarea .feedback_itemlist.feedback_is_dependent {
  padding-left: 40px !important;
}
#feedback_print_form .custom-control-inline,
#feedback_complete_form .custom-control-inline,
#feedback_dragarea .custom-control-inline {
  margin-left: 5px;
}
#feedback_print_form .col-md-3,
#feedback_print_form .col-md-9,
#feedback_complete_form .col-md-3,
#feedback_complete_form .col-md-9,
#feedback_dragarea .col-md-3,
#feedback_dragarea .col-md-9 {
  padding: 12px 40px !important;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: left !important;
}
#feedback_print_form .col-form-label,
#feedback_print_form .col-md-3 .itemname,
#feedback_complete_form .col-form-label,
#feedback_complete_form .col-md-3 .itemname,
#feedback_dragarea .col-form-label,
#feedback_dragarea .col-md-3 .itemname {
  font-size: 1.125rem;
  font-weight: 400;
}
#feedback_print_form #fgroup_id_buttonar .col-md-9,
#feedback_complete_form #fgroup_id_buttonar .col-md-9,
#feedback_dragarea #fgroup_id_buttonar .col-md-9 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#feedback_print_form #fgroup_id_buttonar fieldset,
#feedback_complete_form #fgroup_id_buttonar fieldset,
#feedback_dragarea #fgroup_id_buttonar fieldset {
  width: 100%;
}
#feedback_print_form #fgroup_id_buttonar fieldset .rui-form-element-group,
#feedback_complete_form #fgroup_id_buttonar fieldset .rui-form-element-group,
#feedback_dragarea #fgroup_id_buttonar fieldset .rui-form-element-group {
  justify-content: space-between;
}
#feedback_print_form #fgroup_id_buttonar fieldset .rui-form-element-group .btn,
#feedback_complete_form #fgroup_id_buttonar fieldset .rui-form-element-group .btn,
#feedback_dragarea #fgroup_id_buttonar fieldset .rui-form-element-group .btn {
  margin: 0;
}
#feedback_print_form .mform .form-inline .form-group,
#feedback_complete_form .mform .form-inline .form-group,
#feedback_dragarea .mform .form-inline .form-group {
  margin: 0;
}

.col-form-label .rui-icon-container {
  display: inline-grid;
}

.feedback_form .custom-control {
  padding-left: 0;
}

.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='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75 9.5V14.5' stroke='%23090223' 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='%23090223' 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='%23090223' 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='%23090223' 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([[pix:theme|diagonal-lines]]);
  background-repeat: repeat;
  background-size: 9px;
  background-color: #f9f9fa;
}

#page-mod-feedback-print .continuebutton {
  margin-bottom: 1rem;
}

.path-mod-feedback .itemactions {
  position: absolute;
  top: 5px;
  right: 60px;
}

.path-mod-feedback .itemhandle {
  margin: 0;
  position: absolute;
  top: 13px;
  right: 10px;
}

.path-mod-feedback span.feedback_depend {
  display: inline-grid;
  margin-left: 0.35rem;
  padding: 0.35rem 0.5rem;
  border-radius: 7px;
  background-color: #EAF4DD;
  font-size: 0.75rem;
  color: #027654;
}

#page-mod-feedback-complete [align=center] {
  text-align: left;
}

#feedback_subject {
  width: auto;
  margin-bottom: 0.35rem;
}

#showentrytable .c10 {
  max-width: 300px;
  font-size: 0.875rem;
}

.path-mod-feedback table.analysis {
  border: none;
}
.path-mod-feedback table.analysis th {
  font-size: 1.125rem;
}

.chart-table-data {
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  font-size: 0.875rem;
}
.chart-table-data table {
  margin: 0;
}
.chart-table-data table tr {
  border-bottom: 1px solid #e1e0e4;
}
.chart-table-data table tr th {
  background-color: #f9f9fa;
}
.chart-table-data table tr:last-of-type {
  border-bottom: none;
}

#fitem_id_anonymousmode .felement {
  padding: 0 !important;
  margin-top: 10px;
  font-weight: 700;
}

.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;
  padding-left: 12px !important;
  min-width: 200px;
}
.discussion-list .userpicture {
  width: 45px;
  height: 45px;
}

.forum-post-details {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark .forum-post-details {
  color: #BDC1C6;
}
.forum-post-details a {
  font-weight: 500;
}

.subscriptionmode {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .subscriptionmode {
  background-color: #3f3dec;
  color: #ececfd;
}

.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: 7px;
  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: #e1e0e4;
  display: block;
  width: 100%;
  padding: 1.25rem 0 1rem;
}
.theme-dark .forum-post {
  border-color: #2E3134;
}
.modal-body .forum-post {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.forum-post:last-of-type {
  border-bottom: none;
}
.forum-post .forum-post-rating {
  background-color: #f9f9fa;
  border-radius: 7px;
  padding: 6px 20px;
  font-size: 0.75rem;
}
.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;
}
.forum-post.unread {
  border: 3px solid #6564f0;
}
.forum-post.unread .forum-post-header {
  background-color: transparent !important;
  border-bottom: 0 !important;
  color: #c5c5f9;
}
.forum-post .edited {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  vertical-align: baseline;
  border-radius: 40px;
  background-color: #FDF6EA;
}
.forum-post .picture a:before {
  display: none;
}
.forum-post .picture img.userpicture {
  margin-top: 10px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .forum-post .picture img.userpicture {
    margin: 0;
  }
}
.forum-post .subject {
  font-weight: 500;
  font-size: 1.5rem;
  color: #090223;
  padding: 10px 0 0;
}
.theme-dark .forum-post .subject {
  color: #E8EAED;
}
.forum-post .subject a {
  font-weight: 500;
  color: #090223;
}
.theme-dark .forum-post .subject a {
  color: #E8EAED;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .forum-post .subject {
    font-size: 0.8rem;
  }
}
.forum-post .forum-post-header {
  margin-bottom: 3px;
}
.forum-post .author {
  font-size: 0.875rem;
  padding: 0 0 0.5rem;
  margin-bottom: 0;
  color: #a19eab;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .forum-post .author {
    font-size: 0.75rem;
  }
}
.forum-post .author a {
  color: #413c55;
}
.theme-dark .forum-post .author a {
  color: #BDC1C6;
}
.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: #d3d2d8;
  color: #413c55;
  border-radius: 7px;
}
.theme-dark .forum-post .post-word-count {
  background: #282A2D;
  color: #BDC1C6;
}
.forum-post .options {
  margin: 1rem -1rem 0 !important;
  padding: 0.5rem 1.25rem;
  border-top: 1px solid #e1e0e4;
}
.theme-dark .forum-post .options {
  border-color: #2E3134;
}
.forum-post .options .attachments {
  margin: 1rem 0 0;
  padding-left: 95px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e1e0e4;
}
.theme-dark .forum-post .options .attachments {
  border-color: #2E3134;
}
.forum-post .options .commands {
  margin: 0 1rem;
  float: right;
  color: #d3d2d8;
}
.theme-dark .forum-post .options .commands {
  color: #282A2D;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .forum-post .options .commands {
    margin: 0.5rem 0;
    display: block;
    float: none;
    width: auto;
    text-align: center;
  }
}
.forum-post .options .commands a {
  padding: 0 1.5rem;
  margin: 1.5rem 0 0.5rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #413c55;
  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: #BDC1C6;
}
.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;
}

.author-info-details {
  font-size: 0.75rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .author-info-details {
  color: #BDC1C6;
}

.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 - 0.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 {
  font-size: 0.875rem;
  color: #413c55;
}
#page-mod-forum-view .main-content .discussionname,
#page-mod-forum-post .main-content .discussionname,
#page-mod-forum-discuss .main-content .discussionname,
#user-content .main-content .discussionname {
  display: inline-flex;
  width: auto;
  padding-top: 0.75rem;
  padding-left: 50px;
  padding-bottom: 0.75rem;
  padding-right: 1rem;
  background-color: #f9f9fa;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-square'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 15px;
  border-radius: 7px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: #090223;
}
@media (max-width: 767.98px) {
  #page-mod-forum-view .main-content .discussionname,
#page-mod-forum-post .main-content .discussionname,
#page-mod-forum-discuss .main-content .discussionname,
#user-content .main-content .discussionname {
    width: 100%;
  }
}

.theme-dark#page-mod-forum-view .rui-main-content-title--h2,
.theme-dark#page-mod-forum-post .rui-main-content-title--h2,
.theme-dark#page-mod-forum-discuss .rui-main-content-title--h2,
.theme-dark#user-conten .rui-main-content-title--h2 {
  color: #BDC1C6;
}
.theme-dark#page-mod-forum-view .main-content .discussionname,
.theme-dark#page-mod-forum-post .main-content .discussionname,
.theme-dark#page-mod-forum-discuss .main-content .discussionname,
.theme-dark#user-conten .main-content .discussionname {
  background-color: #0b0d0f;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-square'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
  color: #E8EAED;
}

#page-mod-forum-subscribers .main-content h3:first-of-type {
  margin-bottom: 2rem;
}

.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 .rui-backup-progress .backup_stage, .rui-backup-progress .path-mod-forum .nested-v2-display-mode .backup_stage, .path-mod-forum .nested-v2-display-mode .form-defaultinfo,
.path-mod-forum.nested-v2-display-mode .badge-light,
.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 .form-defaultinfo {
  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 .que .discussionlocked.validationerror, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.validationerror, .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 .que .discussionlocked.validationerror,
.que .path-mod-forum.nested-v2-display-mode .discussionlocked.validationerror,
.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: #a19eab !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .nested-v2-display-mode .author-header,
.path-mod-forum.nested-v2-display-mode .author-header {
  font-style: italic;
}
.path-mod-forum .nested-v2-display-mode .author-header .author-name,
.path-mod-forum.nested-v2-display-mode .author-header .author-name {
  font-style: normal;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b,
.path-mod-forum.nested-v2-display-mode .tag_list > b {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.path-mod-forum .nested-v2-display-mode :target > .focus-target,
.path-mod-forum.nested-v2-display-mode :target > .focus-target {
  animation-name: background-highlight;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
  border-top: 1px solid #dee2e6;
  padding-top: 1.5rem;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
  border-top: none;
  padding-top: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
  display: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
.path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
  margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
  width: 70px;
  margin-right: 24px;
  flex-shrink: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
.path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
  border: 0;
  resize: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
  /**
   * The first post and first set of replies have a larger author image so offset the 2nd
   * set of replies by the image width + margin to ensure they align.
   */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
  padding-left: 94px;
  /**
   * Reduce the size of the the author image for all second level replies (and below).
   */
  /**
   * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
   */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
  width: 30px;
  margin-right: 8px;
  padding-top: 3px;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
  padding-left: 38px;
  /**
   * Stop indenting the replies after the 5th reply.
   */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
  padding-left: 0;
}

/** Extra small devices (portrait phones, less than 576px). */
@media (max-width: 767.98px) {
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
    width: 30px;
    margin-right: 8px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
    padding-left: 38px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
    padding-left: 0;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .group-image {
    width: 30px;
    height: 30px;
  }
}
.filter-scrollable {
  overflow-y: auto;
  max-height: 25em;
  margin-bottom: 1em;
}

.filter-dates-popover {
  width: 100%;
  max-width: 41.5em;
}
.filter-dates-popover .mform {
  margin-left: -3em;
}

/* stylelint-disable-line max-line-length */
@keyframes expandSearchButton {
  from {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #eeedef;
  }
  to {
    width: 100%;
    height: calc(1.5em + 2rem + 2px);
    border-radius: 0;
    background-color: #f9f9fa;
    border-color: #e1e0e4;
    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: #f9f9fa;
    border-color: #e1e0e4;
    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: #eeedef;
  }
}
.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.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: #413c55;
  height: 36px;
  width: 34px;
  background-color: #f9f9fa;
  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: #BDC1C6;
  background-color: #080808;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 1;
  color: inherit;
  text-align: left;
  padding-left: 9px;
  transition: right 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
  width: calc(36px + 0.5rem + 0.5rem);
  transition: width 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
  padding-left: 0;
  padding-right: 0;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
  opacity: 0;
  visibility: hidden;
  left: -100%;
  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: #3f3dec;
}
.path-mod-forum .unified-grader .drawer-button .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
  position: relative;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding-left: calc(1rem + 45px);
  text-align: left;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
  display: block;
  height: auto !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
  transition: margin-bottom 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
  opacity: 0.3;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
  margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
  opacity: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
  padding-left: 94px;
}
.path-mod-forum .unified-grader .no-search-results-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
  margin-left: 94px;
  border-radius: 40px;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
  position: relative;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
  position: absolute;
  top: calc(70px + 0.5rem);
  content: "";
  background-color: #eeedef;
  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;
}

.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,
.path-mod-forum .discussionsubscription {
  margin-top: 0;
  margin-bottom: 0;
}

.attachedimages img {
  border-radius: 7px;
}

/* stylelint-disable-line max-line-length */
@keyframes collapseSearchButton {
  from {
    width: 100%;
    height: calc(1.5em + 2rem + 2px);
    border-radius: 0;
    background-color: #f9f9fa;
    border-color: #e1e0e4;
    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: #eeedef;
  }
}
.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 {
  margin-left: 1rem;
  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: #f9f9fa;
  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: #080808;
}
.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: #413c55;
  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: #BDC1C6;
}
.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: 10px;
  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: -100%;
  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: #3f3dec;
}
.path-mod-forum .unified-grader .drawer-button .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
  position: relative;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
  display: block;
  height: auto !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
  transition: margin-bottom 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
  margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
  opacity: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
  padding-left: 94px;
}
.path-mod-forum .unified-grader .no-search-results-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
  margin-left: 94px;
  border-radius: 40px;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
  position: relative;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
  position: absolute;
  top: calc(70px + 0.5rem);
  content: "";
  background-color: #eeedef;
  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 #e1e0e4;
  border-radius: 7px;
}
.theme-dark .grade-notifications-box,
.theme-dark .grade-grade-box {
  border-color: #2E3134;
}
.grade-notifications-box label,
.grade-grade-box label {
  margin: 0.5rem 0;
}

.grade-form input {
  width: 100%;
}

#page-mod-forum-search .rui-main-content-title--h4 {
  margin-top: 1rem;
}
#page-mod-forum-search .rui-main-content-title--h3 {
  margin-bottom: 30px;
}
#page-mod-forum-search .reportlink {
  position: absolute;
  top: -5px;
  right: 200px;
}
@media (max-width: 1088.98px) {
  #page-mod-forum-search .reportlink {
    top: 0;
    right: 0;
  }
}

.path-mod-forum .forumthread.post-replies {
  margin-left: 76px;
}

.rui-forum-border-left {
  position: relative;
}
.rui-forum-border-left:before {
  content: "";
  background-color: #e1e0e4;
  height: 16px;
  width: 1px;
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
}
.theme-dark .rui-forum-border-left:before {
  background-color: #2E3134;
}

#page-mod-forum-index .subscription,
#page-mod-forum-view .subscription {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
}
#page-mod-forum-index .subscription .helplink + .helplink,
#page-mod-forum-view .subscription .helplink + .helplink {
  margin-left: 0.25rem;
}

.path-mod-forum-report .pb-5.rui-main-content-title--h2 {
  margin: 1rem 0;
  padding-bottom: 0 !important;
}

.rui-collapseaddform .row {
  display: block !important;
}
.rui-collapseaddform .col-md-3 {
  margin-bottom: 0.35rem;
  text-align: left !important;
}
.rui-collapseaddform .col-md-3,
.rui-collapseaddform .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.user-content .page-content-header-avatar {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: 860px !important;
}
@media (max-width: 1088.98px) {
  .user-content .page-content-header-avatar {
    width: 100%;
  }
}

.discussion.favourited {
  border-color: #6564f0;
}

#page-mod-glossary-view table.glossarycategoryheader h3 {
  font-size: 2.5rem;
}

.continuous .entryheader,
.faq .entryheader,
.dictionary .entryheader {
  border-bottom: 1px solid #e1e0e4;
}
.continuous .entryheader .concept,
.faq .entryheader .concept,
.dictionary .entryheader .concept {
  color: #413c55;
}
.continuous .entryheader .concept h4,
.faq .entryheader .concept h4,
.dictionary .entryheader .concept h4 {
  margin: 1rem 0;
  font-size: 1.5rem;
  color: #090223;
  line-height: 1.5;
}
.continuous .entry,
.faq .entry,
.dictionary .entry {
  padding-top: 1rem;
}
.continuous .entry b,
.faq .entry b,
.dictionary .entry b {
  margin: 1rem 0;
  font-size: 1rem;
}

.continuous .time,
.faq .time,
.fullwithauthor .time,
.fullwithoutauthor .time,
.dictionary .time {
  display: block;
  margin: 0.5rem 0;
  font-size: 0.75rem;
  color: #a19eab;
}
.continuous .attachments,
.faq .attachments,
.fullwithauthor .attachments,
.fullwithoutauthor .attachments,
.dictionary .attachments {
  margin: 1rem 0;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  display: inline-flex;
  align-items: center;
  background-color: #f9f9fa;
  border-radius: 7px;
  color: #090223;
}
.continuous .attachments .icon,
.faq .attachments .icon,
.fullwithauthor .attachments .icon,
.fullwithoutauthor .attachments .icon,
.dictionary .attachments .icon {
  margin-right: 0.35rem;
  width: 40px;
  height: 40px;
}
.continuous .attachments a,
.faq .attachments a,
.fullwithauthor .attachments a,
.fullwithoutauthor .attachments a,
.dictionary .attachments a {
  padding: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  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;
}

.fullwithoutauthor .userpicture,
.fullwithauthor .userpicture,
.encyclopedia .userpicture {
  border-radius: 7px;
}
.fullwithoutauthor .concept h4,
.fullwithauthor .concept h4,
.encyclopedia .concept h4 {
  margin: 0 0 0.5rem;
}
.fullwithoutauthor .author,
.fullwithauthor .author,
.encyclopedia .author {
  display: inline-flex;
  margin: 0.5rem 0;
  font-size: 0.75rem;
  color: #a19eab;
}
.fullwithoutauthor .author a,
.fullwithauthor .author a,
.encyclopedia .author a {
  margin: 0 0.25rem;
}
.fullwithoutauthor .entrylowersection,
.fullwithauthor .entrylowersection,
.encyclopedia .entrylowersection {
  padding-top: 1rem;
}

.glossarypost .aliases,
.glossarypost .entrylowersection {
  display: block;
  margin-top: 0.35rem;
  text-align: left;
}
.glossarypost .aliases label,
.glossarypost .entrylowersection label {
  margin-right: 0.35rem;
}
.glossarypost .attachments {
  margin: 1rem 0;
}
.glossarypost .attachments img {
  border-radius: 7px;
}

.glossaryexplain {
  margin: 2rem 0 1rem;
}

.path-mod-glossary .entrybox {
  text-align: center;
}

#page-mod-glossary-view .main-content .glossaryexplain {
  margin: 2rem auto;
}
#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 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 60px;
}
#page-mod-glossary-view #intro {
  display: block;
  margin: 0 auto 2rem auto;
  padding: 0 !important;
}

.addlinks {
  margin-top: 2rem;
  border-top: 1px solid #e1e0e4;
  text-align: center;
}
.addlinks:nth-of-type(1) {
  margin-top: 0;
  border-top: none;
}

.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 #e1e0e4;
  border-radius: 7px;
  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: #2E3134;
}

.path-mod-workshop .userplan dt {
  height: auto;
  color: #090223;
  border-bottom: 2px solid #c4c3cb;
  padding: 0.5rem;
}

.theme-dark.path-mod-workshop .userplan dt {
  color: #E8EAED;
  border-color: #2E3134;
}

.path-mod-workshop .userplan dt.active {
  border-left: 2px solid #027654;
  border-right: 2px solid #027654;
  border-top: 2px solid #027654;
  border-radius: 7px 7px 0 0;
  background-color: #EAF4DD;
}

.theme-dark.path-mod-workshop .userplan dd.active,
.theme-dark.path-mod-workshop .userplan dt.active {
  background-color: #002D47;
  color: #E8EAED;
  border-color: #004B57;
}

.path-mod-workshop .userplan dt.active .phasetitle {
  font-size: 1rem;
  color: #027654;
}

.path-mod-workshop .userplan dl {
  width: 20%;
  float: inherit;
  display: inline-grid;
}

@media only screen and (max-width: 768px) {
  .path-mod-workshop .userplan {
    border-right: none;
    border-top: none;
  }
  .path-mod-workshop .userplan dl {
    width: 20%;
    border-right: none;
  }
  .path-mod-workshop .userplan dt {
    float: left;
    width: 100%;
    border-bottom: none;
    border-top: 1px solid #e1e0e4;
  }
  .theme-dark.path-mod-workshop .userplan dt {
    border-color: #2E3134;
  }
  .path-mod-workshop .userplan dt.active {
    border: none;
  }
  .path-mod-workshop .userplan dd {
    float: left;
    width: 100%;
    border-left: 1px solid #e1e0e4;
    border-top: 1px solid #e1e0e4;
  }
  .theme-dark.path-mod-workshop .userplan dd {
    border-color: #2E3134;
  }
}
@media only screen and (max-width: 420px) {
  .path-mod-workshop .userplan {
    border-bottom: none;
  }
  .path-mod-workshop .userplan dt {
    float: left;
    width: 100%;
    border-bottom: none;
    border-right: 1px solid #e1e0e4;
    border-left: 1px solid #e1e0e4;
    margin: 0;
    padding: 5px;
  }
  .path-mod-workshop .userplan dd {
    float: left;
    width: 100%;
    border-left: 1px solid #e1e0e4;
    border-top: 1px solid #e1e0e4;
    border-bottom: 1px solid #e1e0e4;
  }
  .theme-dark.path-mod-workshop .userplan dt,
.theme-dark.path-mod-workshop .userplan dd {
    border-color: #2E3134;
  }
}
.path-mod-workshop .userplan dd {
  border-right: 1px solid #e1e0e4;
  background-color: #f9f9fa;
  padding: 0.5rem;
}
.path-mod-workshop .userplan dd:last-child {
  border-right: 0;
}

.theme-dark.path-mod-workshop .userplan dd {
  border-color: #2E3134;
  background-color: #0b0d0f;
}

.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: #413c55;
}

.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: #BDC1C6;
}

.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: #090223;
}

.theme-dark.path-mod-workshop .userplan dd.active,
.theme-dark.path-mod-workshop .userplan dd.active a,
.theme-dark.path-mod-workshop .userplan dd.active a:link,
.theme-dark.path-mod-workshop .userplan dd.active a:hover,
.theme-dark.path-mod-workshop .userplan dd.active a:visited,
.theme-dark.path-mod-workshop .userplan dd.active a:active {
  color: #E8EAED;
}

.path-mod-workshop .grading-report {
  border-color: #e1e0e4;
}

.theme-dark.path-mod-workshop .grading-report {
  border-color: #2E3134;
}

.path-mod-workshop .userplan dd.lastcol {
  border-right: 0;
}

.path-mod-workshop .userplan dd.active {
  border-left: 2px solid #027654;
  border-right: 2px solid #027654;
  border-bottom: 2px solid #027654;
  border-radius: 0 0 7px 7px;
  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;
}

.path-mod-workshop .userplan dd.phasetasks li {
  background-image: url([[pix:theme|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-position: top right;
}

.path-mod-workshop .userplan dd.phasetasks li.completed {
  background-image: url([[pix:theme|mod/workshop/userplan/task-done]]);
  background-size: 14px;
  background-position: 0 2px;
  color: #048444;
}
.path-mod-workshop .userplan dd.phasetasks li.completed a {
  color: #048444;
}

.path-mod-workshop .userplan dd.phasetasks li.fail {
  background-image: url([[pix:theme|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: 7px;
  color: #ef1010;
  line-height: 1.3;
}
.path-mod-workshop .userplan dd.phasetasks li.fail a {
  color: #ef1010;
}

.path-mod-workshop .userplan dd.phasetasks li.info {
  background-image: url([[pix:mod_workshop|userplan/task-info]]);
  background-position: 4px;
  padding: 0.25rem;
  margin: 0.25rem 0;
  background-color: #FFF1D5;
  border-radius: 7px;
  line-height: 1.3;
  font-size: 0.75rem;
}

.theme-dark.path-mod-workshop .userplan dd.phasetasks li.info {
  color: #090223;
}

.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-] .que .validationerror, .que [id^=workshop-viewlet-] .validationerror, [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 #e1e0e4;
  border-radius: 7px;
}
.theme-dark #page-report-outline-user .main-content .section {
  border-color: #2E3134;
}
#page-report-outline-user .main-content .section .content {
  margin: 1rem 0;
}
#page-report-outline-user .main-content .section .content table {
  width: 100%;
}
#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: 40px;
}
#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) {
  width: 300px !important;
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark #page-report-outline-user .main-content .section .content table td:nth-child(6) {
  color: #9AA0A6;
}
#page-report-outline-user .main-content .section h2 {
  margin: 0;
  padding: 0.35rem 0.45rem;
  display: inline-block;
  background-color: #f9f9fa;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 700;
}
.theme-dark #page-report-outline-user .main-content .section h2 {
  background-color: #0b0d0f;
}
#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 #e1e0e4;
}
.theme-dark #page-report-outline-user .main-content .section h4 {
  border-color: #2E3134;
}
#page-report-outline-user .main-content .section .rui-icon-container {
  margin-right: 8px;
}
#page-report-outline-user .main-content .section ul {
  margin-left: 20px;
}

.export-actions a {
  margin-top: 0.5rem;
}

#page-report-log-index .logselecform {
  margin-bottom: 30px;
}

#page-report-completion-index .rui-main-content-title--h3 {
  margin-bottom: 30px;
}
#page-report-completion-index .urlselect .urlselect {
  margin-bottom: 0 !important;
}

/* Log live report table */
.reportloglive .c0 {
  font-size: 0.75rem;
  color: #a19eab;
}

#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;
}

#scormtablecontainer #attempts .c5, #scormtablecontainer #attempts .c6 {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #scormtablecontainer #attempts .c5, .theme-dark #scormtablecontainer #attempts .c6 {
  color: #BDC1C6;
}

/* Mod default styles */
#scormpage {
  margin-top: 30px;
}

#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
  width: calc(75% - 30px);
  margin-left: 30px;
}

#scorm_toc_toggle_btn {
  margin: 0 10px 30px;
  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='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23090223' 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: 7px;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-indent: -99px;
}
.theme-dark #scorm_toc_toggle_btn {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 5.75H14.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}

#scorm_toc {
  padding: 20px;
  background-color: #f9f9fa;
  border-radius: 7px;
}
.theme-dark #scorm_toc {
  background-color: #0b0d0f;
}

#scorm_tree .yui3-treeview-row {
  padding: 10px;
  border-radius: 7px;
}
#scorm_tree .yui3-treeview-row .icon {
  font-size: 11px;
}

#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;
}

#scorm_layout {
  margin-bottom: 30px;
}

.theme-dark.path-backup .mform .icon {
  filter: invert(0.9);
}

.path-backup .mform {
  /* These are long labels with checkboxes on the right. */
}
.path-backup .mform .checkbox .form-check {
  background-color: transparent;
  padding: 3px 0;
}
.path-backup .mform .form-control-static {
  line-height: 2;
  padding: 0;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
}
.path-backup .mform .form-control-static .icon {
  font-size: 12px;
  height: auto !important;
}
.path-backup .mform .fcontainer {
  margin: 0 0 1rem;
}
.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden;
  /* Use card styles but avoid extend because that brings in too much. */
}
.path-backup .mform .grouped_settings .icon {
  margin: 0 0.25rem;
  width: 30px;
  height: 30px;
}
.path-backup .mform .grouped_settings.section_level {
  border-radius: 7px;
  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.section_level {
  padding: 0;
}
.path-backup .mform .normal_setting {
  width: 50%;
  display: inline-block;
}
.path-backup .mform .backup_selector {
  padding: 10px 15px;
  background-color: #f9f9fa;
}
.theme-dark .path-backup .mform .backup_selector {
  background-color: #0b0d0f;
}

.path-backup .section_level {
  font-weight: 500;
}
.path-backup .section_level .activity_level {
  padding-left: 20px;
}
.path-backup .proceedbutton {
  margin-left: auto;
}
.path-backup .detail-pair {
  border-bottom: 1px solid #e1e0e4;
  padding: 10px 0;
}
.theme-dark .path-backup .detail-pair {
  border-bottom: 1px solid #2E3134;
}
.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;
}

/* 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 {
  /* 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 #e1e0e4;
}
.path-backup .mform .root_setting .form-group,
.path-backup .mform .grouped_settings .form-group {
  margin: 0;
}
.path-backup .mform .root_setting .form-group .col-md-3.checkbox,
.path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
  width: 0%;
}
.path-backup .mform .root_setting .form-group .col-md-9.checkbox,
.path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
  width: 100%;
  left: 0;
}

.theme-dark.path-backup .mform .root_setting:nth-of-type(odd),
.theme-dark.path-backup .mform .grouped_settings:nth-of-type(odd) {
  border-color: #2E3134;
}
.theme-dark.path-backup .mform .mform .grouped_settings .icon {
  filter: invert(0.9);
}

/* Detail pair is (usually) some short label with a longer value */
.path-backup .detail-pair {
  width: 100%;
}
.path-backup .detail-pair .detail-pair-label,
.path-backup .detail-pair .detail-pair-value {
  display: block !important;
}

.detail-pair .rcs-search {
  margin-top: 10px;
}
.detail-pair .pl-2 {
  padding: 0 !important;
}

.ics-results {
  margin-bottom: 1rem;
}

/* Make these bits full width and work with the detail-pair */
#id_rootsettings,
#id_coursesettings {
  font-size: 0.875rem !important;
  border-radius: 7px;
  border: 2px solid #c5c5f9;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
.theme-dark #id_rootsettings,
.theme-dark #id_coursesettings {
  border-color: #2E3134;
}
#id_rootsettings legend,
#id_coursesettings legend {
  width: auto;
  padding: 5px 20px;
  border-radius: 7px;
  background-color: #3f3dec;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}
#id_rootsettings .col-form-label,
#id_coursesettings .col-form-label {
  padding: 5px 0;
  line-height: 1.3;
}

.path-backup .backup-section {
  font-size: 0.875rem;
  border-radius: 7px;
  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 #e1e0e4;
  border-radius: 7px;
}
.theme-dark .backup-restore .backup-section {
  border: 1px solid #2E3134;
}
.backup-restore .backup-section .detail-pair label {
  margin-bottom: 0 !important;
}
.backup-restore .backup-section .detail-pair .detail-pair-label, .backup-restore .backup-section .detail-pair .detail-pair-value {
  display: inline-flex;
  width: auto;
  margin-bottom: 0 !important;
}
.backup-restore .backup-section .w-25, .backup-restore .backup-section .w-75 {
  width: 100% !important;
}
.backup-restore .backup-section .subheader {
  margin: 2rem 0 0.5rem;
}

.path-backup .notification.dependencies_enforced {
  color: #ef1010;
  font-weight: 700;
}

.rui-backup-progress {
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .rui-backup-progress {
  color: #BDC1C6;
}
.rui-backup-progress .sep {
  display: none;
}
.rui-backup-progress .backup_stage {
  margin: 3px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  vertical-align: baseline;
  border-radius: 40px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .rui-backup-progress .backup_stage {
    transition: none;
  }
}
a.rui-backup-progress .backup_stage:hover, a.rui-backup-progress .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: #f9f9fa;
}

.wibbler {
  margin: 5px auto 10px;
  padding: 10px;
  position: relative;
  min-height: 10px;
  border-radius: 7px;
  background-color: #f9f9fa;
}
.theme-dark .wibbler {
  background-color: #0b0d0f;
}
.wibbler .wibble {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 8px;
  height: 5px;
  border-radius: 7px;
}
.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: #002D47;
}
.wibbler .state8 {
  background: #D4DEF8;
}
.wibbler .state9 {
  background: #BACDF7;
}
.wibbler .state10 {
  background: #94ADE7;
}
.wibbler .state11 {
  background: #6E8EDA;
}
.wibbler .state12 {
  background: #406CD2;
}

#page-backup-backup [role=main] .form-group {
  margin: 0;
  padding: 0 0.25rem;
}
#page-backup-backup [role=main] .form-group label {
  margin: 0;
}

.path-backup .mform .grouped_settings.section_level {
  padding: 10px;
  border: 1px solid #e1e0e4;
}
.theme-dark .path-backup .mform .grouped_settings.section_level {
  border: 1px solid #2E3134;
}
.path-backup .mform .grouped_settings.section_level:last-child {
  margin-bottom: 0;
}

.backup-restore span.error {
  margin: 15px 0 0;
  padding: 10px;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  background-color: #ef1010;
  border-radius: 7px 7px 0 0;
}
.backup-restore fieldset.error {
  padding: 1rem;
  background-color: #fff;
  border-radius: 0 7px 7px 7px;
  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;
}

/* UI elements */
.table-overflow {
  overflow-x: auto;
}

.table-btn-uninstall, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a,
#reportplugins .c3 a,
#toolplugins .c2 a,
.manageformattable .c3 a,
#localplugins .c2 a,
.managecustomfieldtable .c2 a,
#commentstable .c3 a,
#page-admin-setting-editorsettingsatto .admintable .c4 a,
#plugins-control-panel .c4 a,
#assignfeedbackplugins .c5 a,
#assignsubmissionplugins .c5 a,
#modules .c5 a,
#filterssetting .c5 a,
#repositoriessetting .c4 a,
.tinymcesubplugins .lastcol a,
#editormanagement .lastcol a,
#courseenrolmentplugins .lastcol a,
#logstoreplugins .lastcol a,
#manageauthtable .lastcol a,
#compatibleblockstable .c6 a,
.attosubplugins .admintable .lastcol a,
#qtypes .c6 a,
#qbehaviours .c5 a,
#mediaplayerplugins .c6 a,
.managecontentbanktable .lastcol a {
  display: inline-block;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  margin: 1px 4px 1px 1px;
  background-color: #feeded;
  color: #ef1010;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  border-radius: 40px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.table-btn-uninstall:after, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:after, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:after,
#reportplugins .c3 a:after,
#toolplugins .c2 a:after,
.manageformattable .c3 a:after,
#localplugins .c2 a:after,
.managecustomfieldtable .c2 a:after,
#commentstable .c3 a:after,
#page-admin-setting-editorsettingsatto .admintable .c4 a:after,
#plugins-control-panel .c4 a:after,
#assignfeedbackplugins .c5 a:after,
#assignsubmissionplugins .c5 a:after,
#modules .c5 a:after,
#filterssetting .c5 a:after,
#repositoriessetting .c4 a:after,
.tinymcesubplugins .lastcol a:after,
#editormanagement .lastcol a:after,
#courseenrolmentplugins .lastcol a:after,
#logstoreplugins .lastcol a:after,
#manageauthtable .lastcol a:after,
#compatibleblockstable .c6 a:after,
.attosubplugins .admintable .lastcol a:after,
#qtypes .c6 a:after,
#qbehaviours .c5 a:after,
#mediaplayerplugins .c6 a:after,
.managecontentbanktable .lastcol a:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ef1010' 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='%23ef1010' 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='%23ef1010' 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-x: 10px;
  position: absolute;
  left: 1px;
  top: calc(50% - 9px);
}
.table-btn-uninstall:hover, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:hover, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:hover,
#reportplugins .c3 a:hover,
#toolplugins .c2 a:hover,
.manageformattable .c3 a:hover,
#localplugins .c2 a:hover,
.managecustomfieldtable .c2 a:hover,
#commentstable .c3 a:hover,
#page-admin-setting-editorsettingsatto .admintable .c4 a:hover,
#plugins-control-panel .c4 a:hover,
#assignfeedbackplugins .c5 a:hover,
#assignsubmissionplugins .c5 a:hover,
#modules .c5 a:hover,
#filterssetting .c5 a:hover,
#repositoriessetting .c4 a:hover,
.tinymcesubplugins .lastcol a:hover,
#editormanagement .lastcol a:hover,
#courseenrolmentplugins .lastcol a:hover,
#logstoreplugins .lastcol a:hover,
#manageauthtable .lastcol a:hover,
#compatibleblockstable .c6 a:hover,
.attosubplugins .admintable .lastcol a:hover,
#qtypes .c6 a:hover,
#qbehaviours .c5 a:hover,
#mediaplayerplugins .c6 a:hover,
.managecontentbanktable .lastcol a:hover {
  background-color: #fbc8c8;
  text-decoration: none;
}

.table,
.generaltable,
.rolecap,
.userenrolment,
#categoryquestions,
.grading-report,
.gradereport-grader-table,
#completion-progress {
  width: 100%;
  margin-bottom: 1rem;
  color: #090223;
}
.theme-dark .table,
.theme-dark .generaltable,
.theme-dark .rolecap,
.theme-dark .userenrolment,
.theme-dark #categoryquestions,
.theme-dark .grading-report,
.theme-dark .gradereport-grader-table,
.theme-dark #completion-progress {
  color: #E8EAED;
}
.table td,
.generaltable td,
.rolecap td,
.userenrolment td,
#categoryquestions td,
.grading-report td,
.gradereport-grader-table td,
#completion-progress td {
  border-color: #e1e0e4;
  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 {
  padding: 0.75rem;
  vertical-align: middle;
}
.theme-dark .table th,
.theme-dark .table td,
.theme-dark .generaltable th,
.theme-dark .rolecap th,
.theme-dark .generaltable td,
.theme-dark .rolecap td,
.theme-dark .userenrolment th,
.theme-dark .userenrolment td,
.theme-dark #categoryquestions th,
.theme-dark #categoryquestions td,
.theme-dark .grading-report th,
.theme-dark .grading-report td,
.theme-dark .gradereport-grader-table th,
.theme-dark .gradereport-grader-table td,
.theme-dark #completion-progress th,
.theme-dark #completion-progress td {
  border-color: #2E3134 !important;
}
.table th.column-leader,
.table td.column-leader,
.generaltable th.column-leader,
.rolecap th.column-leader,
.generaltable td.column-leader,
.rolecap td.column-leader,
.userenrolment th.column-leader,
.userenrolment td.column-leader,
#categoryquestions th.column-leader,
#categoryquestions td.column-leader,
.grading-report th.column-leader,
.grading-report td.column-leader,
.gradereport-grader-table th.column-leader,
.gradereport-grader-table td.column-leader,
#completion-progress th.column-leader,
#completion-progress td.column-leader {
  padding: 0;
}
.table th a,
.table td a,
.generaltable th a,
.rolecap th a,
.generaltable td a,
.rolecap td a,
.userenrolment th a,
.userenrolment td a,
#categoryquestions th a,
#categoryquestions td a,
.grading-report th a,
.grading-report td a,
.gradereport-grader-table th a,
.gradereport-grader-table td a,
#completion-progress th a,
#completion-progress td a {
  font-weight: 500;
}
.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 #e1e0e4;
  color: #a19eab;
}
.theme-dark .table thead th,
.theme-dark .generaltable thead th,
.theme-dark .rolecap thead th,
.theme-dark .userenrolment thead th,
.theme-dark #categoryquestions thead th,
.theme-dark .grading-report thead th,
.theme-dark .gradereport-grader-table thead th,
.theme-dark #completion-progress thead th {
  border-color: #2E3134;
  color: #9AA0A6;
}
.table tbody th,
.table thead th,
.generaltable tbody th,
.rolecap tbody th,
.generaltable thead th,
.rolecap thead th,
.userenrolment tbody th,
.userenrolment thead th,
#categoryquestions tbody th,
#categoryquestions thead th,
.grading-report tbody th,
.grading-report thead th,
.gradereport-grader-table tbody th,
.gradereport-grader-table thead th,
#completion-progress tbody th,
#completion-progress thead th {
  font-size: 0.75rem;
  font-weight: 500;
}
.table tbody th a:not(.btn),
.table thead th a:not(.btn),
.generaltable tbody th a:not(.btn),
.rolecap tbody th a:not(.btn),
.generaltable thead th a:not(.btn),
.rolecap thead th a:not(.btn),
.userenrolment tbody th a:not(.btn),
.userenrolment thead th a:not(.btn),
#categoryquestions tbody th a:not(.btn),
#categoryquestions thead th a:not(.btn),
.grading-report tbody th a:not(.btn),
.grading-report thead th a:not(.btn),
.gradereport-grader-table tbody th a:not(.btn),
.gradereport-grader-table thead th a:not(.btn),
#completion-progress tbody th a:not(.btn),
#completion-progress thead th a:not(.btn) {
  color: inherit;
  position: relative;
  /*&:after {
      content: '';
      background-color: $border-color;
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0;
      bottom: -4px;
      z-index: 0;
  }

  &:before {
      content: '';
      opacity: 0;
      width: 0;
      height: 1px;
      position: absolute;
      left: 0;
      bottom: -4px;
      z-index: 1;
  }*/
}
.table tbody th a:not(.btn):hover,
.table thead th a:not(.btn):hover,
.generaltable tbody th a:not(.btn):hover,
.rolecap tbody th a:not(.btn):hover,
.generaltable thead th a:not(.btn):hover,
.rolecap thead th a:not(.btn):hover,
.userenrolment tbody th a:not(.btn):hover,
.userenrolment thead th a:not(.btn):hover,
#categoryquestions tbody th a:not(.btn):hover,
#categoryquestions thead th a:not(.btn):hover,
.grading-report tbody th a:not(.btn):hover,
.grading-report thead th a:not(.btn):hover,
.gradereport-grader-table tbody th a:not(.btn):hover,
.gradereport-grader-table thead th a:not(.btn):hover,
#completion-progress tbody th a:not(.btn):hover,
#completion-progress thead th a:not(.btn):hover {
  text-decoration: none;
  color: #9f9ef6;
  /*&:before {
      background-color: $link-hover-color;
      opacity: 1;
      width: 100%;
      transition: all 350ms linear;
  }*/
}
.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 #e1e0e4;
}
.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 #e1e0e4;
}
.theme-dark .table tbody tr,
.theme-dark .generaltable tbody tr,
.theme-dark .rolecap tbody tr,
.theme-dark .userenrolment tbody tr,
.theme-dark #categoryquestions tbody tr,
.theme-dark .grading-report tbody tr,
.theme-dark .gradereport-grader-table tbody tr,
.theme-dark #completion-progress tbody tr {
  border-color: #2E3134;
}
.table tbody tr:hover,
.generaltable tbody tr:hover,
.rolecap tbody tr:hover,
.userenrolment tbody tr:hover,
#categoryquestions tbody tr:hover,
.grading-report tbody tr:hover,
.gradereport-grader-table tbody tr:hover,
#completion-progress tbody tr:hover {
  background-color: #f9f9fa;
}
.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: #0b0d0f;
}
.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 .move-down,
.table .move-up,
.table .action-icon,
.table .license-status,
.generaltable .move-down,
.rolecap .move-down,
.generaltable .move-up,
.rolecap .move-up,
.generaltable .action-icon,
.rolecap .action-icon,
.generaltable .license-status,
.rolecap .license-status,
.userenrolment .move-down,
.userenrolment .move-up,
.userenrolment .action-icon,
.userenrolment .license-status,
#categoryquestions .move-down,
#categoryquestions .move-up,
#categoryquestions .action-icon,
#categoryquestions .license-status,
.grading-report .move-down,
.grading-report .move-up,
.grading-report .action-icon,
.grading-report .license-status,
.gradereport-grader-table .move-down,
.gradereport-grader-table .move-up,
.gradereport-grader-table .action-icon,
.gradereport-grader-table .license-status,
#completion-progress .move-down,
#completion-progress .move-up,
#completion-progress .action-icon,
#completion-progress .license-status {
  display: inline-flex;
  margin: 2px;
}
.table .move-down .icon:not(.spacer),
.table .move-up .icon:not(.spacer),
.table .action-icon .icon:not(.spacer),
.table .license-status .icon:not(.spacer),
.generaltable .move-down .icon:not(.spacer),
.rolecap .move-down .icon:not(.spacer),
.generaltable .move-up .icon:not(.spacer),
.rolecap .move-up .icon:not(.spacer),
.generaltable .action-icon .icon:not(.spacer),
.rolecap .action-icon .icon:not(.spacer),
.generaltable .license-status .icon:not(.spacer),
.rolecap .license-status .icon:not(.spacer),
.userenrolment .move-down .icon:not(.spacer),
.userenrolment .move-up .icon:not(.spacer),
.userenrolment .action-icon .icon:not(.spacer),
.userenrolment .license-status .icon:not(.spacer),
#categoryquestions .move-down .icon:not(.spacer),
#categoryquestions .move-up .icon:not(.spacer),
#categoryquestions .action-icon .icon:not(.spacer),
#categoryquestions .license-status .icon:not(.spacer),
.grading-report .move-down .icon:not(.spacer),
.grading-report .move-up .icon:not(.spacer),
.grading-report .action-icon .icon:not(.spacer),
.grading-report .license-status .icon:not(.spacer),
.gradereport-grader-table .move-down .icon:not(.spacer),
.gradereport-grader-table .move-up .icon:not(.spacer),
.gradereport-grader-table .action-icon .icon:not(.spacer),
.gradereport-grader-table .license-status .icon:not(.spacer),
#completion-progress .move-down .icon:not(.spacer),
#completion-progress .move-up .icon:not(.spacer),
#completion-progress .action-icon .icon:not(.spacer),
#completion-progress .license-status .icon:not(.spacer) {
  padding: 6px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.table .move-down:hover,
.table .move-up:hover,
.table .action-icon:hover,
.table .license-status:hover,
.generaltable .move-down:hover,
.rolecap .move-down:hover,
.generaltable .move-up:hover,
.rolecap .move-up:hover,
.generaltable .action-icon:hover,
.rolecap .action-icon:hover,
.generaltable .license-status:hover,
.rolecap .license-status:hover,
.userenrolment .move-down:hover,
.userenrolment .move-up:hover,
.userenrolment .action-icon:hover,
.userenrolment .license-status:hover,
#categoryquestions .move-down:hover,
#categoryquestions .move-up:hover,
#categoryquestions .action-icon:hover,
#categoryquestions .license-status:hover,
.grading-report .move-down:hover,
.grading-report .move-up:hover,
.grading-report .action-icon:hover,
.grading-report .license-status:hover,
.gradereport-grader-table .move-down:hover,
.gradereport-grader-table .move-up:hover,
.gradereport-grader-table .action-icon:hover,
.gradereport-grader-table .license-status:hover,
#completion-progress .move-down:hover,
#completion-progress .move-up:hover,
#completion-progress .action-icon:hover,
#completion-progress .license-status:hover {
  text-decoration: none;
}
.table .move-down:hover:before,
.table .move-up:hover:before,
.table .action-icon:hover:before,
.table .license-status:hover:before,
.generaltable .move-down:hover:before,
.rolecap .move-down:hover:before,
.generaltable .move-up:hover:before,
.rolecap .move-up:hover:before,
.generaltable .action-icon:hover:before,
.rolecap .action-icon:hover:before,
.generaltable .license-status:hover:before,
.rolecap .license-status:hover:before,
.userenrolment .move-down:hover:before,
.userenrolment .move-up:hover:before,
.userenrolment .action-icon:hover:before,
.userenrolment .license-status:hover:before,
#categoryquestions .move-down:hover:before,
#categoryquestions .move-up:hover:before,
#categoryquestions .action-icon:hover:before,
#categoryquestions .license-status:hover:before,
.grading-report .move-down:hover:before,
.grading-report .move-up:hover:before,
.grading-report .action-icon:hover:before,
.grading-report .license-status:hover:before,
.gradereport-grader-table .move-down:hover:before,
.gradereport-grader-table .move-up:hover:before,
.gradereport-grader-table .action-icon:hover:before,
.gradereport-grader-table .license-status:hover:before,
#completion-progress .move-down:hover:before,
#completion-progress .move-up:hover:before,
#completion-progress .action-icon:hover:before,
#completion-progress .license-status:hover:before {
  display: none;
}
.table .move-down:hover .icon:not(.spacer),
.table .move-up:hover .icon:not(.spacer),
.table .action-icon:hover .icon:not(.spacer),
.table .license-status:hover .icon:not(.spacer),
.generaltable .move-down:hover .icon:not(.spacer),
.rolecap .move-down:hover .icon:not(.spacer),
.generaltable .move-up:hover .icon:not(.spacer),
.rolecap .move-up:hover .icon:not(.spacer),
.generaltable .action-icon:hover .icon:not(.spacer),
.rolecap .action-icon:hover .icon:not(.spacer),
.generaltable .license-status:hover .icon:not(.spacer),
.rolecap .license-status:hover .icon:not(.spacer),
.userenrolment .move-down:hover .icon:not(.spacer),
.userenrolment .move-up:hover .icon:not(.spacer),
.userenrolment .action-icon:hover .icon:not(.spacer),
.userenrolment .license-status:hover .icon:not(.spacer),
#categoryquestions .move-down:hover .icon:not(.spacer),
#categoryquestions .move-up:hover .icon:not(.spacer),
#categoryquestions .action-icon:hover .icon:not(.spacer),
#categoryquestions .license-status:hover .icon:not(.spacer),
.grading-report .move-down:hover .icon:not(.spacer),
.grading-report .move-up:hover .icon:not(.spacer),
.grading-report .action-icon:hover .icon:not(.spacer),
.grading-report .license-status:hover .icon:not(.spacer),
.gradereport-grader-table .move-down:hover .icon:not(.spacer),
.gradereport-grader-table .move-up:hover .icon:not(.spacer),
.gradereport-grader-table .action-icon:hover .icon:not(.spacer),
.gradereport-grader-table .license-status:hover .icon:not(.spacer),
#completion-progress .move-down:hover .icon:not(.spacer),
#completion-progress .move-up:hover .icon:not(.spacer),
#completion-progress .action-icon:hover .icon:not(.spacer),
#completion-progress .license-status:hover .icon:not(.spacer) {
  background-color: #D4DEF8;
  color: #0642CD !important;
}
.theme-dark .table .move-down:hover .icon:not(.spacer),
.theme-dark .table .move-up:hover .icon:not(.spacer),
.theme-dark .table .action-icon:hover .icon:not(.spacer),
.theme-dark .table .license-status:hover .icon:not(.spacer),
.theme-dark .generaltable .move-down:hover .icon:not(.spacer),
.theme-dark .rolecap .move-down:hover .icon:not(.spacer),
.theme-dark .generaltable .move-up:hover .icon:not(.spacer),
.theme-dark .rolecap .move-up:hover .icon:not(.spacer),
.theme-dark .generaltable .action-icon:hover .icon:not(.spacer),
.theme-dark .rolecap .action-icon:hover .icon:not(.spacer),
.theme-dark .generaltable .license-status:hover .icon:not(.spacer),
.theme-dark .rolecap .license-status:hover .icon:not(.spacer),
.theme-dark .userenrolment .move-down:hover .icon:not(.spacer),
.theme-dark .userenrolment .move-up:hover .icon:not(.spacer),
.theme-dark .userenrolment .action-icon:hover .icon:not(.spacer),
.theme-dark .userenrolment .license-status:hover .icon:not(.spacer),
.theme-dark #categoryquestions .move-down:hover .icon:not(.spacer),
.theme-dark #categoryquestions .move-up:hover .icon:not(.spacer),
.theme-dark #categoryquestions .action-icon:hover .icon:not(.spacer),
.theme-dark #categoryquestions .license-status:hover .icon:not(.spacer),
.theme-dark .grading-report .move-down:hover .icon:not(.spacer),
.theme-dark .grading-report .move-up:hover .icon:not(.spacer),
.theme-dark .grading-report .action-icon:hover .icon:not(.spacer),
.theme-dark .grading-report .license-status:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .move-down:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .move-up:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .action-icon:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .license-status:hover .icon:not(.spacer),
.theme-dark #completion-progress .move-down:hover .icon:not(.spacer),
.theme-dark #completion-progress .move-up:hover .icon:not(.spacer),
.theme-dark #completion-progress .action-icon:hover .icon:not(.spacer),
.theme-dark #completion-progress .license-status:hover .icon:not(.spacer) {
  background-color: #a19eab;
  color: #eeedef !important;
}
.table .move-down .fa-spacer,
.table .move-up .fa-spacer,
.table .action-icon .fa-spacer,
.table .license-status .fa-spacer,
.generaltable .move-down .fa-spacer,
.rolecap .move-down .fa-spacer,
.generaltable .move-up .fa-spacer,
.rolecap .move-up .fa-spacer,
.generaltable .action-icon .fa-spacer,
.rolecap .action-icon .fa-spacer,
.generaltable .license-status .fa-spacer,
.rolecap .license-status .fa-spacer,
.userenrolment .move-down .fa-spacer,
.userenrolment .move-up .fa-spacer,
.userenrolment .action-icon .fa-spacer,
.userenrolment .license-status .fa-spacer,
#categoryquestions .move-down .fa-spacer,
#categoryquestions .move-up .fa-spacer,
#categoryquestions .action-icon .fa-spacer,
#categoryquestions .license-status .fa-spacer,
.grading-report .move-down .fa-spacer,
.grading-report .move-up .fa-spacer,
.grading-report .action-icon .fa-spacer,
.grading-report .license-status .fa-spacer,
.gradereport-grader-table .move-down .fa-spacer,
.gradereport-grader-table .move-up .fa-spacer,
.gradereport-grader-table .action-icon .fa-spacer,
.gradereport-grader-table .license-status .fa-spacer,
#completion-progress .move-down .fa-spacer,
#completion-progress .move-up .fa-spacer,
#completion-progress .action-icon .fa-spacer,
#completion-progress .license-status .fa-spacer {
  display: none !important;
}
.table span.action-icon,
.generaltable span.action-icon,
.rolecap span.action-icon,
.userenrolment span.action-icon,
#categoryquestions span.action-icon,
.grading-report span.action-icon,
.gradereport-grader-table span.action-icon,
#completion-progress span.action-icon {
  display: none;
}
.table .userpicture,
.generaltable .userpicture,
.rolecap .userpicture,
.userenrolment .userpicture,
#categoryquestions .userpicture,
.grading-report .userpicture,
.gradereport-grader-table .userpicture,
#completion-progress .userpicture {
  margin-right: 0.5rem;
}

#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:first-of-type {
  overflow-x: auto;
}
.table-dynamic table {
  width: max-content;
}

.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: #413c55;
}
.theme-dark #thirdpartylibs .c1, .theme-dark #thirdpartylibs .c3 {
  color: #BDC1C6;
}
#thirdpartylibs .c2 {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #thirdpartylibs .c2 {
  color: #BDC1C6;
}

.tag-areas-table .c2 a .icon:not(.spacer),
.fieldslist .table-buttons a .icon:not(.spacer),
#page-admin-tool-filetypes-index .c1 a .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c0 a .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c3 a .icon:not(.spacer),
#mediaplayerplugins .c4 a .icon:not(.spacer),
#mediaplayerplugins .c5 a .icon:not(.spacer),
#repositoriessetting a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c4 a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c5 a .icon:not(.spacer),
.recordauthor a .icon:not(.fa-spacer),
.recordauthor a .icon:not(.spacer),
#compatibleblockstable a .icon:not(.spacer),
#backpacklist a .icon,
#roles a .icon,
#manage-licenses a .icon {
  margin: 1px;
  padding: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .tag-areas-table .c2 a .icon:not(.spacer),
.theme-dark .fieldslist .table-buttons a .icon:not(.spacer),
.theme-dark #page-admin-tool-filetypes-index .c1 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c0 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c3 a .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c4 a .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c5 a .icon:not(.spacer),
.theme-dark #repositoriessetting a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c4 a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c5 a .icon:not(.spacer),
.theme-dark .recordauthor a .icon:not(.fa-spacer),
.theme-dark .recordauthor a .icon:not(.spacer),
.theme-dark #compatibleblockstable a .icon:not(.spacer),
.theme-dark #backpacklist a .icon,
.theme-dark #roles a .icon,
.theme-dark #manage-licenses a .icon {
  filter: invert(1);
}

.tag-areas-table .c2 a:hover,
.fieldslist .table-buttons a:hover,
#page-admin-tool-filetypes-index .c1 a:hover,
#page-mod-lesson-edit .generaltable .c0 a:hover,
#page-mod-lesson-edit .rolecap .c0 a:hover,
#page-mod-lesson-edit .generaltable .c3 a:hover,
#page-mod-lesson-edit .rolecap .c3 a:hover,
#mediaplayerplugins .c4 a:hover,
#mediaplayerplugins .c5 a:hover,
#repositoriessetting a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c4 a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c5 a:hover,
.recordauthor a:hover,
#compatibleblockstable a:hover,
#backpacklist a:hover,
#roles a:hover,
#manage-licenses a:hover {
  text-decoration: none;
}

/*.tag-areas-table .c2 a:hover .icon:not(.spacer),
.fieldslist .table-buttons a:hover .icon:not(.spacer),
#page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
#mediaplayerplugins .c4 a:hover .icon:not(.spacer),
#mediaplayerplugins .c5 a:hover .icon:not(.spacer),
#repositoriessetting a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
.recordauthor a:hover .icon:not(.fa-spacer),
.recordauthor a:hover .icon:not(.spacer),
#roles a:hover .icon,
#manage-licenses a:hover .icon
{
    &.fa-eye {
        background-color: $green-200;
        color: $green-600;
    }

    &.fa-trash,
    &.fa-eye-slash {
        background-color: $red-600;
        color: $red-100;
    }
}*/
.tag-areas-table .c2 a:hover .icon:not(.spacer),
.fieldslist .table-buttons a:hover .icon:not(.spacer),
#page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c0 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c3 a:hover .icon:not(.spacer),
#mediaplayerplugins .c4 a:hover .icon:not(.spacer),
#mediaplayerplugins .c5 a:hover .icon:not(.spacer),
#repositoriessetting a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c4 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c5 a:hover .icon:not(.spacer),
.recordauthor a:hover .icon:not(.fa-spacer),
.recordauthor a:hover .icon:not(.spacer),
#compatibleblockstable a:hover .icon,
#backpacklist a:hover .icon,
#roles a:hover .icon,
#manage-licenses a:hover .icon {
  background-color: #D4DEF8;
  color: #0642CD;
}
.theme-dark .tag-areas-table .c2 a:hover .icon:not(.spacer),
.theme-dark .fieldslist .table-buttons a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c0 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c3 a:hover .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c4 a:hover .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c5 a:hover .icon:not(.spacer),
.theme-dark #repositoriessetting a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c4 a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c5 a:hover .icon:not(.spacer),
.theme-dark .recordauthor a:hover .icon:not(.fa-spacer),
.theme-dark .recordauthor a:hover .icon:not(.spacer),
.theme-dark #compatibleblockstable a:hover .icon,
.theme-dark #backpacklist a:hover .icon,
.theme-dark #roles a:hover .icon,
.theme-dark #manage-licenses a:hover .icon {
  background-color: #a19eab;
  color: #eeedef;
}

.fieldslist .table-buttons a:hover,
#page-mod-lesson-edit .generaltable .c0 a:hover,
#page-mod-lesson-edit .rolecap .c0 a:hover,
#page-mod-lesson-edit .generaltable .c3 a:hover,
#page-mod-lesson-edit .rolecap .c3 a:hover,
#mediaplayerplugins .c4 a:hover,
#mediaplayerplugins .c5 a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c4 a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c5 a:hover {
  text-decoration: none;
}

table {
  /*i.pluginicon {
      margin-right: 0.35rem;

      background-color: $white;
      border-radius: $border-radius-lg;
      border: 1px solid $border-color;

      font-size: 16px;
      width: 38px;
      height: 38px;
      line-height: 38px;

      .theme-dark & {
          background-color: $black;
          border-color: $dm-border-color;
      }

      &.noicon {
          opacity: 0;
      }
  }*/
}
table img.pluginicon {
  padding: 6px;
  margin-right: 0.35rem;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #e1e0e4;
}
table img.pluginicon.noicon {
  opacity: 0;
}

.table img.icon:not(.spacer) {
  margin: 0 5px;
}

#mediaplayerplugins .c0 .pluginicon {
  padding: 10px;
  margin-right: 0.35rem;
  background-color: #fff;
  border-radius: 40px;
  border: 1px solid #e1e0e4;
}
.theme-dark #mediaplayerplugins .c0 .pluginicon {
  background-color: #000;
  border-color: #2E3134;
}
#mediaplayerplugins .c2 {
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #mediaplayerplugins .c2 {
  color: #BDC1C6;
}

#page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.spacer), #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.spacer),
#page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.noicon),
#page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.noicon) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.spacer), .theme-dark #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.noicon),
.theme-dark #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.noicon) {
  filter: invert(1);
}

#participants td a .icon:not(.spacer),
#participants td a .icon:not(.noicon),
#modules td a .icon:not(.spacer),
#modules td a .icon:not(.noicon),
.tinymcesubplugins td a .icon:not(.spacer),
.tinymcesubplugins td a .icon:not(.noicon),
#editormanagement td a .icon:not(.spacer),
#editormanagement td a .icon:not(.noicon),
#webserviceprotocols td a .icon:not(.spacer),
#webserviceprotocols td a .icon:not(.noicon),
#courseenrolmentplugins td a .icon:not(.spacer),
#courseenrolmentplugins td a .icon:not(.noicon),
#logstoreplugins td a .icon:not(.spacer),
#logstoreplugins td a .icon:not(.noicon),
#page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.spacer),
#page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.spacer),
#page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.noicon),
#page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.noicon),
.managecustomfieldtable td a .icon:not(.spacer),
.managecustomfieldtable td a .icon:not(.noicon),
.manageformattable td a .icon:not(.spacer),
.manageformattable td a .icon:not(.noicon),
#availabilityconditions td a .icon:not(.spacer),
#availabilityconditions td a .icon:not(.noicon),
#manageauthtable td a .icon:not(.spacer),
#manageauthtable td a .icon:not(.noicon),
#antivirusmanagement td a .icon:not(.spacer),
#antivirusmanagement td a .icon:not(.noicon),
#mediaplayerplugins td a .icon:not(.spacer),
#mediaplayerplugins td a .icon:not(.noicon),
.managecontentbanktable td a .icon:not(.spacer),
.managecontentbanktable td a .icon:not(.noicon) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #participants td a .icon:not(.spacer),
.theme-dark #participants td a .icon:not(.noicon),
.theme-dark #modules td a .icon:not(.spacer),
.theme-dark #modules td a .icon:not(.noicon),
.theme-dark .tinymcesubplugins td a .icon:not(.spacer),
.theme-dark .tinymcesubplugins td a .icon:not(.noicon),
.theme-dark #editormanagement td a .icon:not(.spacer),
.theme-dark #editormanagement td a .icon:not(.noicon),
.theme-dark #webserviceprotocols td a .icon:not(.spacer),
.theme-dark #webserviceprotocols td a .icon:not(.noicon),
.theme-dark #courseenrolmentplugins td a .icon:not(.spacer),
.theme-dark #courseenrolmentplugins td a .icon:not(.noicon),
.theme-dark #logstoreplugins td a .icon:not(.spacer),
.theme-dark #logstoreplugins td a .icon:not(.noicon),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.noicon),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.noicon),
.theme-dark .managecustomfieldtable td a .icon:not(.spacer),
.theme-dark .managecustomfieldtable td a .icon:not(.noicon),
.theme-dark .manageformattable td a .icon:not(.spacer),
.theme-dark .manageformattable td a .icon:not(.noicon),
.theme-dark #availabilityconditions td a .icon:not(.spacer),
.theme-dark #availabilityconditions td a .icon:not(.noicon),
.theme-dark #manageauthtable td a .icon:not(.spacer),
.theme-dark #manageauthtable td a .icon:not(.noicon),
.theme-dark #antivirusmanagement td a .icon:not(.spacer),
.theme-dark #antivirusmanagement td a .icon:not(.noicon),
.theme-dark #mediaplayerplugins td a .icon:not(.spacer),
.theme-dark #mediaplayerplugins td a .icon:not(.noicon),
.theme-dark .managecontentbanktable td a .icon:not(.spacer),
.theme-dark .managecontentbanktable td a .icon:not(.noicon) {
  filter: invert(1);
}
#participants td a:hover,
#modules td a:hover,
.tinymcesubplugins td a:hover,
#editormanagement td a:hover,
#webserviceprotocols td a:hover,
#courseenrolmentplugins td a:hover,
#logstoreplugins td a:hover,
#page-admin-setting-managefileconverterplugins .admintable.generaltable td a:hover,
#page-admin-setting-managefileconverterplugins .admintable.rolecap td a:hover,
.managecustomfieldtable td a:hover,
.manageformattable td a:hover,
#availabilityconditions td a:hover,
#manageauthtable td a:hover,
#antivirusmanagement td a:hover,
#mediaplayerplugins td a:hover,
.managecontentbanktable td a:hover {
  text-decoration: none;
}

.discussion-list td a .icon:not(.spacer),
.discussion-list td a .icon:not(.noicon), .discussion-list td span .icon:not(.spacer),
.discussion-list td span .icon:not(.noicon) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .discussion-list td a .icon:not(.spacer),
.theme-dark .discussion-list td a .icon:not(.noicon), .theme-dark .discussion-list td span .icon:not(.spacer),
.theme-dark .discussion-list td span .icon:not(.noicon) {
  background-color: #17181B;
  color: #BDC1C6;
}
.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: #e1e0e4;
}
.theme-dark .discussion-list td a:hover .icon:not(.spacer),
.theme-dark .discussion-list td a:hover .icon:not(.noicon), .theme-dark .discussion-list td span:hover .icon:not(.spacer),
.theme-dark .discussion-list td span:hover .icon:not(.noicon) {
  background-color: #202124;
}
.discussion-list th span .icon:not(.spacer),
.discussion-list th span .icon:not(.noicon) {
  margin: 1px 1px 1px 5px;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF1D5;
  border-radius: 40px;
  font-size: 0.75rem;
  color: #413c55;
  width: 18px;
  height: 18px;
}
.theme-dark .discussion-list th span .icon:not(.spacer),
.theme-dark .discussion-list th span .icon:not(.noicon) {
  background-color: #F4A614;
  color: #BDC1C6;
}

#repositoriessetting .c3 .mdl-left br {
  display: none;
}

#page-admin-tool-oauth2-issuers .generaltable .c0 img, #page-admin-tool-oauth2-issuers .rolecap .c0 img {
  padding: 0.25rem;
  background-color: #fff;
  border-radius: 40px;
  border: 1px solid #e1e0e4;
}
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c0 img, .theme-dark #page-admin-tool-oauth2-issuers .rolecap .c0 img {
  background-color: #000;
  border-color: #2E3134;
}

.rolecap .allowmore {
  display: inline-flex;
  margin-left: 4px;
}
.rolecap .allowedroles .allowed {
  background-color: #fff;
  width: inherit;
  margin: 0.25rem 0;
  padding: 1px 1px 1px 10px;
  font-size: 0.875rem;
  border: 1px solid #e1e0e4;
  border-radius: 40px;
}
.theme-dark .rolecap .allowedroles .allowed {
  background-color: #000;
  border-color: #2E3134;
}
.rolecap .forbidden {
  display: inline-flex;
  background-color: #fff;
  width: inherit;
  margin: 0.25rem 0;
  padding: 1px 1px 1px 10px;
  font-size: 0.75rem;
  border: 1px solid #e1e0e4;
  border-radius: 40px;
}
.theme-dark .rolecap .forbidden {
  background-color: #000;
  border-color: #2E3134;
}
.rolecap .allowlink .icon:not(.spacer),
.rolecap .prohibitlink .icon:not(.spacer),
.rolecap .preventlink .icon:not(.spacer),
.rolecap .forbiddenroles .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  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;
}

#page-grade-report-overview-index .main-content #overview-grade {
  margin-bottom: 2rem;
}

#page-admin-tool-usertours-configure .admintable .c3 a:hover {
  text-decoration: none;
}
#page-admin-tool-usertours-configure .admintable .c3 a .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-tool-usertours-configure .admintable .c3 a .icon:not(.spacer) {
  filter: invert(1);
}

#cohorts p {
  margin-bottom: 0;
}
#cohorts .c5 a:hover, #cohorts .c6 a:hover {
  text-decoration: none;
}
#cohorts .c5 a .icon:not(.spacer), #cohorts .c6 a .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #cohorts .c5 a .icon:not(.spacer), .theme-dark #cohorts .c6 a .icon:not(.spacer) {
  filter: invert(1);
}
#cohorts .c5 a:hover .icon:not(.spacer), #cohorts .c6 a:hover .icon:not(.spacer) {
  background-color: #D4DEF8;
  color: #0642CD;
}
.theme-dark #cohorts .c5 a:hover .icon:not(.spacer), .theme-dark #cohorts .c6 a:hover .icon:not(.spacer) {
  background-color: #0642CD;
  color: #D4DEF8;
}

#users .c5 a:hover {
  text-decoration: none;
}
#users .c5 a .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #users .c5 a .icon:not(.spacer) {
  filter: invert(1);
}
#users .c5 a:hover .icon:not(.spacer) {
  background-color: #D4DEF8;
  color: #0642CD;
}
.theme-dark #users .c5 a:hover .icon:not(.spacer) {
  background-color: #0642CD;
  color: #D4DEF8;
}

#toolmonitorrules_table {
  margin: 1rem 0;
}

#page-admin-tool-monitor-managerules .main-content .no-overflow + a {
  display: inline-flex;
  margin-bottom: 2rem;
}
#page-admin-tool-monitor-managerules .urlselect {
  margin-bottom: 0 !important;
}
#page-admin-tool-monitor-managerules .c1 {
  max-width: 400px;
}

#plugins-control-panel 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: #413c55;
}
#tool-policy-managedocs-wrapper .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #tool-policy-managedocs-wrapper .icon:not(.spacer) {
  background-color: #17181B;
  color: #BDC1C6;
}
#tool-policy-managedocs-wrapper .icon:not(.spacer):hover {
  background-color: #D4DEF8;
  color: #0642CD;
}
.theme-dark #tool-policy-managedocs-wrapper .icon:not(.spacer):hover {
  background-color: #0642CD;
  color: #D4DEF8;
}

.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;
}

#page-mod-data-field- table .lastcol, #page-mod-data-field- .table .lastcol, #page-mod-data-field- .generaltable .lastcol, #page-mod-data-field- .rolecap .lastcol,
#page-admin-tool-dataprivacy-defaults table .lastcol,
#page-admin-tool-dataprivacy-defaults .table .lastcol,
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol,
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol,
#page-group-groupings table .lastcol,
#page-group-groupings .table .lastcol,
#page-group-groupings .generaltable .lastcol,
#page-group-groupings .rolecap .lastcol {
  text-align: left !important;
}
#page-mod-data-field- table .lastcol a, #page-mod-data-field- .table .lastcol a, #page-mod-data-field- .generaltable .lastcol a, #page-mod-data-field- .rolecap .lastcol a,
#page-admin-tool-dataprivacy-defaults table .lastcol a,
#page-admin-tool-dataprivacy-defaults .table .lastcol a,
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a,
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a,
#page-group-groupings table .lastcol a,
#page-group-groupings .table .lastcol a,
#page-group-groupings .generaltable .lastcol a,
#page-group-groupings .rolecap .lastcol a {
  display: inline-flex;
}
#page-mod-data-field- table .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- table .lastcol a .icon:not(.spacer), #page-mod-data-field- .table .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- .table .lastcol a .icon:not(.spacer), #page-mod-data-field- .generaltable .lastcol a .icon:not(.fa-spacer), #page-mod-data-field- .rolecap .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- .generaltable .lastcol a .icon:not(.spacer),
#page-mod-data-field- .rolecap .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.spacer),
#page-group-groupings table .lastcol a .icon:not(.fa-spacer),
#page-group-groupings table .lastcol a .icon:not(.spacer),
#page-group-groupings .table .lastcol a .icon:not(.fa-spacer),
#page-group-groupings .table .lastcol a .icon:not(.spacer),
#page-group-groupings .generaltable .lastcol a .icon:not(.fa-spacer),
#page-group-groupings .rolecap .lastcol a .icon:not(.fa-spacer),
#page-group-groupings .generaltable .lastcol a .icon:not(.spacer),
#page-group-groupings .rolecap .lastcol a .icon:not(.spacer) {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark #page-mod-data-field- table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- table .lastcol a .icon:not(.spacer), .theme-dark #page-mod-data-field- .table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .table .lastcol a .icon:not(.spacer), .theme-dark #page-mod-data-field- .generaltable .lastcol a .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .rolecap .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .generaltable .lastcol a .icon:not(.spacer),
.theme-dark #page-mod-data-field- .rolecap .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings table .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings .table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .table .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a .icon:not(.spacer) {
  background-color: #17181B;
  color: #BDC1C6;
}
#page-mod-data-field- table .lastcol a:hover, #page-mod-data-field- .table .lastcol a:hover, #page-mod-data-field- .generaltable .lastcol a:hover, #page-mod-data-field- .rolecap .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults table .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults .table .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover,
#page-group-groupings table .lastcol a:hover,
#page-group-groupings .table .lastcol a:hover,
#page-group-groupings .generaltable .lastcol a:hover,
#page-group-groupings .rolecap .lastcol a:hover {
  text-decoration: none;
}
#page-mod-data-field- table .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- table .lastcol a:hover .icon:not(.spacer), #page-mod-data-field- .table .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- .table .lastcol a:hover .icon:not(.spacer), #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.fa-spacer), #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.spacer),
#page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.spacer),
#page-group-groupings table .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings table .lastcol a:hover .icon:not(.spacer),
#page-group-groupings .table .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings .table .lastcol a:hover .icon:not(.spacer),
#page-group-groupings .generaltable .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings .rolecap .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings .generaltable .lastcol a:hover .icon:not(.spacer),
#page-group-groupings .rolecap .lastcol a:hover .icon:not(.spacer) {
  background-color: #D4DEF8;
  color: #0642CD;
}
.theme-dark #page-mod-data-field- table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-mod-data-field- .table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings .table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a:hover .icon:not(.spacer) {
  background-color: #0642CD;
  color: #D4DEF8;
}

.admintable .lastcol a:hover,
.profilefield .lastcol a:hover {
  text-decoration: none;
}
.admintable .lastcol a .icon,
.profilefield .lastcol a .icon {
  margin: 1px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #eeedef;
  font-size: 0.75rem;
  color: #413c55;
  transition: all 0.2s ease-in-out;
}
.theme-dark .admintable .lastcol a .icon,
.theme-dark .profilefield .lastcol a .icon {
  filter: invert(1);
}
.admintable .lastcol a:hover .icon,
.profilefield .lastcol a:hover .icon {
  background-color: #D4DEF8;
  color: #0642CD;
}
.theme-dark .admintable .lastcol a:hover .icon,
.theme-dark .profilefield .lastcol a:hover .icon {
  background-color: #0642CD;
  color: #D4DEF8;
}

.tool_policy-user_agreement-actions {
  margin-left: 0.35rem;
}
.tool_policy-user_agreement-actions a {
  padding: 0.25rem 0.35rem;
}
.tool_policy-user_agreement-actions a small {
  font-size: 0.875rem;
  font-weight: 500;
}

.tool_policy-user_agreement-status {
  margin-left: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}

#page-report-outline-index .section td {
  text-align: left;
}
#page-report-outline-index td.numviews {
  text-align: left;
}

#assigningrole tr {
  background-color: transparent;
}
#assigningrole tr:hover {
  box-shadow: none;
}

.toolmonitor .c1 {
  max-width: 400px;
}

#page-admin-tool-monitor-index .singleselect + h3 {
  margin: 1rem 0;
}
#page-admin-tool-monitor-index .no-overflow + div {
  margin-top: 1rem;
}

#page-admin-tool-policy-acceptances .colselect {
  width: auto;
}

#showentrytable .userpic {
  min-width: 150px;
}

[data-region=plans] .float-left {
  float: none !important;
}

.path-admin-tool-lp [data-region] .generaltable.fullwidth, .path-admin-tool-lp [data-region] .fullwidth.rolecap {
  margin: 2rem 0;
}

.path-admin-tool-lp [data-region=competencylinktree] ul li > span,
.path-badges [data-region=competencylinktree] ul li > span,
.path-admin-tool-lp [data-region=competencymovetree] ul li > span,
.path-admin-tool-lp [data-region=plans] ul li > span,
.path-admin-tool-lp [data-region=managecompetencies] ul li > span {
  width: calc(100% - 40px);
  display: inline-flex;
  padding: 0;
}

.path-admin-tool-lp [data-region=competencylinktree] ul [aria-selected=true] > span,
.path-badges [data-region=competencylinktree] ul [aria-selected=true] > span,
.path-admin-tool-lp [data-region=competencymovetree] ul [aria-selected=true] > span,
.path-admin-tool-lp [data-region=plans] ul [aria-selected=true] > span,
.path-admin-tool-lp [data-region=managecompetencies] ul [aria-selected=true] > span {
  background-color: #ececfd;
}
.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 {
  background-color: #26258e;
}

.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: 8px;
  width: 26px;
}

.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;
}

.path-admin-tool-lp [data-region=filtercompetencies] input {
  margin: 0;
}

#id_parentcompetencybutton {
  padding: 10px;
  background-color: #f9f9fa;
  border-radius: 40px;
  color: #090223;
  font-size: 0.875rem;
}
.theme-dark #id_parentcompetencybutton {
  background-color: #17181B;
  color: #BDC1C6;
}
#id_parentcompetencybutton .icon {
  margin: 0;
}
#id_parentcompetencybutton:hover {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark #id_parentcompetencybutton:hover {
  background-color: #26258e;
  color: #d9d8fb;
}

.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-bottom: 2rem;
}

#explaincaps .rolecapheading {
  background-color: #eeedef;
  font-size: 1rem;
}
.theme-dark #explaincaps .rolecapheading {
  background-color: #17181B;
}
#explaincaps .cap-name {
  color: #a19eab;
}
.theme-dark #explaincaps .cap-name {
  color: #9AA0A6;
}

.webservicestokenui {
  padding-top: 0 !important;
}
.webservicestokenui div {
  margin-bottom: 1rem;
}

#webservicetokens .missingcaps {
  max-width: 300px;
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #webservicetokens .missingcaps {
  color: #BDC1C6;
}

#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 .icon {
  width: 30px;
  height: 30px;
}
#completion-progress th[scope=row],
#completion-progress .completion-sortchoice {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
  min-width: 140px;
  width: 140px;
}
#page-report-progress-index #completion-progress th a,
#page-report-progress-index #completion-progress td a {
  display: block;
  text-align: left;
}

#page-report-progress-index #completion-progress td {
  padding: 10px;
}

#page-report-progress-index #completion-progress tbody th,
#page-report-progress-index #completion-progress tbody td {
  vertical-align: middle;
}

#page-report-progress-index .rotated-text {
  margin: 0 0 0 10px;
  display: block;
  font-size: 0.75rem;
  line-height: 1.3;
  transform: none;
  white-space: normal;
  word-break: break-word;
}

#page-report-progress-index .rotated-text-container {
  display: block;
}

#page-report-progress-index .modicon {
  padding-top: 0;
}
#page-report-progress-index .modicon .icon {
  margin: 0 0 0 10px;
  width: 30px;
  height: 30px;
}
.theme-dark #page-report-progress-index .modicon .icon {
  filter: invert(0.9);
}

#page-report-progress-index.theme-dark .modicon .icon {
  filter: invert(0.9);
}

.completion-expired .completion-expected {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.65rem;
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: left;
  border-radius: 40px;
  background-color: #EEF8FF;
  color: #406CD2;
}
.theme-dark .completion-expired .completion-expected {
  background-color: #406CD2;
  color: #EEF8FF;
}

.completion-header {
  min-width: 100px;
  max-width: 100px;
}
.completion-header a {
  display: flow-root;
}

#completion-progress .completion-progresscell a {
  display: flex !important;
  align-content: center;
  justify-content: center;
}

#page-report-progress-index #completion-progress thead th a,
#page-report-progress-index #completion-progress thead td a {
  display: inline-flex;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
}

#outlinetable .activity .icon {
  display: block;
  margin-right: 10px;
  margin-bottom: 0.35rem;
  width: 40px;
  height: 40px;
}
#outlinetable td {
  min-width: 200px;
}

#roles .c1 {
  max-width: 260px;
  font-size: 0.75rem;
  color: #413c55;
}
.theme-dark #roles .c1 {
  color: #BDC1C6;
}

.iconsort {
  margin: 2px;
  width: 30px;
  height: 30px;
  background-color: #f9f9fa;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-dark .iconsort {
  background-color: #17181B;
}
.iconsort:hover {
  background-color: #ececfd;
}
.theme-dark .iconsort:hover {
  background-color: #26258e;
}

.toolmonitor {
  margin-top: 1rem;
}

#page-admin-tool-monitor-index .main-content .singleselect {
  margin-bottom: 1rem;
}

.theme-dark table th, .theme-dark table td {
  border-color: #2E3134;
}
.theme-dark table th img.icon, .theme-dark table td img.icon {
  filter: invert(1);
}

.singlebutton {
  display: inline-block;
}
.singlebutton + .singlebutton {
  margin-left: 0.5rem;
}
.singlebutton + .btn-link, [data-fieldtype=submit] .singlebutton + a,
.cancel .singlebutton + a,
#page-mod-quiz-report .singlebutton + .gradetheselink {
  margin-left: 0.35rem;
}

.continuebutton {
  text-align: right;
}

p.arrow_button {
  margin-top: 5em;
  text-align: center;
}

#addcontrols {
  margin-top: 38px;
  text-align: center;
}
#addcontrols label {
  display: inline;
}

#removecontrols {
  margin-top: 10px;
}

#addcontrols input,
#removecontrols input {
  width: 100%;
  margin: auto;
}

.btn-lineup {
  margin: 0 0 10px 5px;
}

.btn.btn-icon {
  height: 40px;
  width: 40px;
  font-size: 20px;
  line-height: 20px;
  padding: 0;
  border-radius: 40px;
  flex-shrink: 0;
}
.action-menu .btn.btn-icon {
  width: auto;
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
}
.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: #eeedef;
}
.theme-dark .rui-activity-actions .btn.btn-icon:hover, .theme-dark .rui-activity-actions .btn.btn-icon:focus {
  background-color: #17181B;
}
.btn.btn-icon.icon-size-0 {
  height: 20px !important; /* stylelint-disable-line declaration-no-important */
  width: 20px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
  line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-1 {
  height: 25px !important; /* stylelint-disable-line declaration-no-important */
  width: 25px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 5px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 5px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-2 {
  height: 30px !important; /* stylelint-disable-line declaration-no-important */
  width: 30px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 10px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-3 {
  height: 40px !important; /* stylelint-disable-line declaration-no-important */
  width: 40px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 20px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 20px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-4 {
  height: 50px !important; /* stylelint-disable-line declaration-no-important */
  width: 50px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 30px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-5 {
  height: 60px !important; /* stylelint-disable-line declaration-no-important */
  width: 60px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-6 {
  height: 70px !important; /* stylelint-disable-line declaration-no-important */
  width: 70px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 50px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 50px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-7 {
  height: 80px !important; /* stylelint-disable-line declaration-no-important */
  width: 80px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 60px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 60px !important; /* stylelint-disable-line declaration-no-important */
}

.btn-icon--xs {
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 20px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0;
}
.btn-icon--xs:hover, .btn-icon--xs:focus {
  background-color: #eeedef;
}
.theme-dark .btn-icon--xs:hover, .theme-dark .btn-icon--xs:focus {
  background-color: #17181B;
}

.btn--topbar {
  /*margin-right: -20px;*/
  color: #413c55;
}
.theme-dark .btn--topbar {
  color: #BDC1C6;
}
.btn--topbar:hover {
  background-color: #f9f9fa;
  color: #090223;
}
.theme-dark .btn--topbar:hover {
  background-color: #0b0d0f;
  color: #E8EAED;
}

.settings-menu form {
  margin: 0;
}

.btn .loading-icon img {
  width: 14px;
  height: 14px;
}

.gradetreebox h4 {
  font-size: 1rem;
}
.gradetreebox th.cell,
.gradetreebox input[type=text] {
  min-width: 120px;
}
.gradetreebox input[type=text],
.gradetreebox select {
  margin-bottom: 0;
}

.core_grades_notices .singlebutton {
  display: inline-block;
}

.path-grade-report #maincontent + .urlselect {
  position: absolute;
  left: 40vw;
}

.path-grade-report-grader #region-main {
  overflow-x: visible;
  min-width: 100%;
  width: auto;
  display: inline-flex;
  flex-direction: column;
}
.path-grade-report-grader #region-main > .card {
  width: auto;
  overflow-x: initial;
}
.path-grade-report-grader #region-main div[role=main] {
  flex: 1 1 auto;
}
.path-grade-report-grader [data-region=blocks-column] {
  width: 100%;
  clear: both;
}
.path-grade-report-grader .gradeparent .user.cell .username {
  display: inline-flex;
  align-items: center;
}
.path-grade-report-grader .gradeparent .user.cell .username .userinitials {
  margin-right: 0.35rem;
}
.path-grade-report-grader .gradeparent .user.cell .userpicture {
  display: flex;
}

.path-grade-report-grader .gradepass,
.path-grade-report-user .gradepass {
  color: #3f3dec;
}
.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 #e1e0e4;
  border-radius: 7px;
  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: #c5c5f9;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
  border: none;
  border-left: 1px solid #e1e0e4;
}
.gradingform_rubric .criterion .description {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .description textarea {
  margin-bottom: 0;
  height: 115px;
}
.gradingform_rubric .criterion .definition textarea {
  width: 80%;
  margin-bottom: 0;
}
.gradingform_rubric .criterion .score {
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
  color: #3f3dec;
}
.gradingform_rubric .criterion .score input {
  margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
  background: #ececfd;
}
.gradingform_rubric .criterion .level.checked {
  background: #c5c5f9;
  border: 1px solid #e1e0e4;
}
.gradingform_rubric .criterion .level .delete {
  position: relative;
  width: 40px;
  height: 40px;
  margin-top: 5px;
}
.gradingform_rubric .criterion .level .delete input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 40px;
  border-radius: 7px;
  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([[pix:t/add]]) no-repeat 7px 8px;
  padding-left: 26px;
}
.gradingform_rubric .options {
  clear: both;
}
.gradingform_rubric .options .option label {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 2em;
  color: inherit;
  text-shadow: none;
  background-color: transparent;
}
.gradingform_rubric .options .option input {
  margin-left: 5px;
  margin-right: 12px;
}

.grade-display .description {
  font-size: 1rem;
}

.criterion .description {
  font-size: 1rem;
}
.criterion .criterion-toggle .expanded-icon {
  display: block;
}
.criterion .criterion-toggle .collapsed-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .expanded-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .collapsed-icon {
  display: block;
}

.path-grade-edit-tree .setup-grades h4 {
  margin: 0;
}
.path-grade-edit-tree .setup-grades .column-rowspan {
  padding: 0;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
}
.path-grade-edit-tree .setup-grades .category td.column-name {
  padding-left: 0;
}
.path-grade-edit-tree .setup-grades td.column-name {
  padding-left: 24px;
}
.path-grade-edit-tree .setup-grades td.movehere {
  padding: 0;
}
.path-grade-edit-tree .setup-grades td.movehere a.movehere {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #413c55;
}
.path-grade-edit-tree .setup-grades .category input[type=text],
.path-grade-edit-tree .setup-grades .category .column-range,
.path-grade-edit-tree .setup-grades .categoryitem,
.path-grade-edit-tree .setup-grades .courseitem {
  font-weight: 700;
}
.path-grade-edit-tree .setup-grades .emptyrow {
  display: none;
}
.path-grade-edit-tree .setup-grades .gradeitemdescription {
  padding-left: 14px;
}
.path-grade-edit-tree .setup-grades .column-weight {
  white-space: nowrap;
}
.path-grade-edit-tree .setup-grades .column-weight.level3 {
  padding-left: 37px;
}
.path-grade-edit-tree .setup-grades .column-weight.level4 {
  padding-left: 66px;
}
.path-grade-edit-tree .setup-grades .column-weight.level5 {
  padding-left: 95px;
}
.path-grade-edit-tree .setup-grades .column-weight.level6 {
  padding-left: 124px;
}
.path-grade-edit-tree .setup-grades .column-weight.level7 {
  padding-left: 153px;
}
.path-grade-edit-tree .setup-grades .column-weight.level8 {
  padding-left: 182px;
}
.path-grade-edit-tree .setup-grades .column-weight.level9 {
  padding-left: 211px;
}
.path-grade-edit-tree .setup-grades .column-weight.level10 {
  padding-left: 240px;
}
.path-grade-edit-tree .setup-grades .column-range.level2 {
  padding-left: 37px;
}
.path-grade-edit-tree .setup-grades .column-range.level3 {
  padding-left: 66px;
}
.path-grade-edit-tree .setup-grades .column-range.level4 {
  padding-left: 95px;
}
.path-grade-edit-tree .setup-grades .column-range.level5 {
  padding-left: 124px;
}
.path-grade-edit-tree .setup-grades .column-range.level6 {
  padding-left: 153px;
}
.path-grade-edit-tree .setup-grades .column-range.level7 {
  padding-left: 182px;
}
.path-grade-edit-tree .setup-grades .column-range.level8 {
  padding-left: 211px;
}
.path-grade-edit-tree .setup-grades .column-range.level9 {
  padding-left: 240px;
}
.path-grade-edit-tree .setup-grades .column-range.level10 {
  padding-left: 269px;
}
.path-grade-edit-tree .setup-grades.generaltable .levelodd, .path-grade-edit-tree .setup-grades.rolecap .levelodd {
  background-color: rgba(0, 0, 0, 0.025);
}
/**
 * Grader report.
 */
.column-name .gradeitemheader,
.column-itemname .gradeitemheader {
  display: flex;
  align-items: center;
}
.column-name .gradeitemheader .icon.itemicon,
.column-itemname .gradeitemheader .icon.itemicon {
  margin-right: 0.5rem;
  width: 30px;
  height: 30px;
}

.column-name .gradeitemheader {
  margin-left: 3px;
}

.path-grade-report-grader .gradeparent {
  max-width: 1260px;
  width: 90vw;
  overflow-x: auto;
}
.path-grade-report-grader .gradeparent .cell.category a,
.path-grade-report-grader .gradeparent .heading .cell a {
  display: contents;
}
.path-grade-report-grader .gradeparent table {
  border-radius: 7px;
}
.path-grade-report-grader .gradeparent tr .cell,
.path-grade-report-grader .gradeparent .floater .cell {
  background-color: #fff;
}
.path-grade-report-grader .gradeparent table,
.path-grade-report-grader .gradeparent .cell {
  border-color: #e1e0e4;
}
.path-grade-report-grader .gradeparent .userrow.odd .cell,
.path-grade-report-grader .gradeparent .floater .cell.odd,
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .cell.category,
.path-grade-report-grader .gradeparent .avg .cell {
  background-color: #f9f9fa;
}
.path-grade-report-grader .gradeparent table .clickable {
  cursor: pointer;
}

.theme-dark.path-grade-report-grader .gradeparent tr .cell,
.theme-dark.path-grade-report-grader .gradeparent .floater .cell {
  background-color: #E8EAED;
}
.theme-dark.path-grade-report-grader .gradeparent table,
.theme-dark.path-grade-report-grader .gradeparent .cell {
  border-color: #2E3134;
}
.theme-dark.path-grade-report-grader .gradeparent tr.heading {
  position: sticky;
  top: 0vh;
  z-index: 1;
}
.theme-dark.path-grade-report-grader .gradeparent tr.lastrow {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.theme-dark.path-grade-report-grader .gradeparent tr.lastrow td,
.theme-dark.path-grade-report-grader .gradeparent tr.lastrow th {
  border-top: 1px solid #e1e0e4;
}
.theme-dark.path-grade-report-grader .gradeparent th.header {
  position: sticky;
  left: -3rem;
}
.theme-dark.path-grade-report-grader .gradeparent td.noborder {
  border-right: transparent;
}
.theme-dark.path-grade-report-grader .show-drawer-left .gradeparent th.header {
  left: -1rem;
}

/**
 * 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.8rem;
  color: #413c55;
}

.path-grade-report-grader .gradeitemheader {
  margin-right: 0.5rem;
  line-height: 2.2;
}

/* 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: 7px;
}
.gradereport_history_usp .usp-user .details .fullname label {
  font-weight: 700;
}

#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;
  padding: 1rem 1.25rem;
  background-color: #f9f9fa;
  border-radius: 7px;
}

.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%;
  overflow-x: 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: 0.875rem;
  font-style: normal;
  white-space: normal;
  color: #027654;
}

.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: #f9f9fa;
  border-radius: 7px;
  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: 40px;
  height: 40px;
  background: #feeded url([[pix:theme|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([[pix:theme|mod/workshop/userplan/task-fail]]) no-repeat center center;
}

.gradingform_rubric.editor .moveup input,
.gradingform_guide.editor .moveup input {
  width: 40px;
  height: 40px;
  background: #f9f9fa url([[pix:theme|alpha/icon-arrow-up]]) no-repeat center center;
}

.gradingform_rubric.editor .movedown input,
.gradingform_guide.editor .movedown input {
  width: 40px;
  height: 40px;
  background: #f9f9fa url([[pix:theme|alpha/icon-arrow-down]]) no-repeat center center;
}

.gradingform_rubric.editor .criterion .controls .duplicate input {
  width: 40px;
  height: 40px;
  background: #f9f9fa url([[pix:theme|alpha/icon-copy]]) no-repeat center center;
}

#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;
  margin: 0.5rem 0;
  height: auto;
  line-height: inherit;
}

#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([[pix:theme|alpha/icon-edit]]) no-repeat 20px;
  background-size: 14px;
  padding: 10px 10px 10px 50px;
  font-size: 0.875rem;
  font-style: normal;
  color: #413c55;
}

.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: #e1e0e4;
  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: #ececfd;
}

#guide-criteria label {
  padding-top: 1rem;
  display: block;
  border-top: 1px solid #e1e0e4;
  color: #413c55;
}
#guide-criteria .criteriondescriptionmarkers {
  width: auto;
}

.gradingform_rubric_editform .status,
.gradingform_guide_editform .status {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 40px;
  text-transform: none;
  border: none;
}

#page-grade-edit-letter-index .mdl-align {
  text-align: left;
}

.gradereport-grader-table .user.cell {
  position: sticky;
  left: 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: #d9d8fb;
}

#page-grade-report-overview-index .main-content .rui-page-title--page,
#page-grade-report-overview-index .main-content .rui-page-title--avatar {
  display: none;
}

.path-grade-report-singleview div.reporttable {
  text-align: left;
}

.path-grade-report-singleview .reporttable tbody th .itemicon {
  margin-right: 0.35rem;
  width: 36px;
  height: 36px;
}

.path-grade-report-singleview .reporttable .category {
  font-size: 0.75rem;
  color: #a19eab;
}

.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].fullwidth {
  left: 30px;
  width: calc(100% - 60px);
  overflow: auto;
}

#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;
}

.columns-autoflow-1to1to1 {
  column-count: 3;
}

@media (max-width: 767px) {
  .columns-autoflow-1to1to1 {
    column-count: 1;
  }
}
/* some very targetted corrections to roll back nameclashes between
 * Moodle and Bootstrap like .row, .label, .content, .controls
 *
 * Mostly relies on these styles being more specific than the Bootstrap
 * ones in order to overule them.
 */
li.activity.label,
.file-picker td.label {
  background: transparent;
  color: inherit;
  border: inherit;
  text-shadow: none;
  padding: 8px;
  white-space: normal;
  display: block;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}

.file-picker td.label {
  display: table-cell;
  text-align: right;
}

.choosercontainer #chooseform .option label {
  font-size: 12px;
}

/* block.invisible vs .invisible
 * block.hidden vs .invisible
 *
 * uses .invisible where the rest of Moodle uses @mixin dimmed
 * fixible in block renderer?
 *
 * There's seems to be even more naming confusion here since,
 * blocks can be actually 'visible' (or not) to students,
 * marked 'visible' but really just dimmed to indicate to editors
 * that students can't see them or  'visible' to the user who
 * collapses them, 'visible' if you have the right role and in
 * different circumstances different sections of a block can
 * be 'visible' or not.
 *
 * currently worked around in renderers.php function block{}
 * by rewriting the class name "invisible" to "dimmed",
 * though the blocks don't look particularly different apart
 * from their contents disappearing. Maybe try .muted? or
 * dimming all the edit icons apart from unhide, might be a
 * nice effect, though they'd still be active. Maybe reverse
 * it to white?
 */
li.section.hidden,
.block.hidden,
.block.invisible {
  visibility: visible;
  display: block;
}

/* .row vs .row
 *
 * very tricky to track down this when it goes wrong,
 * since the styles are applied to generated content
 *
 * basically if you see things shifted left or right compared
 * with where they should be check for a .row
 */
.forum-post .row {
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.forum-post .row:before,
.forum-post .row:after {
  content: none;
}

/* fieldset.hidden vs .hidden
 *
 * Moodle uses fieldset.hidden for mforms, to signify a collection of
 * form elements that don't have a box drawn round them. Bootstrap
 * uses hidden for stuff that is hidden in various responsive modes.
 *
 * Relatedly, there is also fieldset.invisiblefieldset which hides the
 * border and sets the display to inline.
 *
 * Originally this just set block and visible, but it is used
 * in random question dialogue in Quiz,
 * that dialogue is hidden and shown, so when hidden the
 * above workaround leaves you with a button floating around
 */
fieldset.hidden {
  display: inherit;
  visibility: inherit;
}

/* .container vs .container
 *
 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
 * it becomes near unuseable.
 */
#questionbank + .container {
  width: auto;
}

body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: -6px;
}

body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
.langmenu.open > .dropdown-menu {
  display: block;
  max-height: 150px;
  overflow-y: auto;
}

.rui-topbar.fixed-top .dropdown .dropdown-menu {
  max-height: calc(100vh - 60px);
  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: 1359.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: 1359.98px) {
  body.reset-style #page-content #region-main-box {
    display: flex;
    flex-direction: column;
  }
}
body.reset-style select,
body.reset-style input,
body.reset-style textarea,
body.reset-style .btn:not(.btn-icon) {
  border-radius: 40px;
}

body.behat-site .fixed-top {
  position: absolute;
}
body.behat-site .dropdown-item {
  margin-top: 4px !important; /* stylelint-disable declaration-no-important */
}
body.behat-site.drawer-ease {
  transition: initial;
}
body.behat-site [data-region=drawer] {
  transition: initial;
  position: absolute;
}
body.behat-site .custom-control,
body.behat-site .custom-switch {
  padding-left: 0;
}
body.behat-site .custom-control-input {
  position: static;
  z-index: 0;
  opacity: 1;
}
body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
  content: none;
}

.phpinfo table,
.phpinfo th,
.phpinfo h2 {
  margin: auto;
}

.phpinfo .e,
.phpinfo .v,
.phpinfo .h {
  border: 1px solid #000;
  font-size: 0.8em;
  vertical-align: baseline;
  color: #000;
  background-color: #ccc;
}

.phpinfo .e {
  background-color: #ccf;
  font-weight: 700;
}

.phpinfo .h {
  background-color: #99c;
  font-weight: 700;
}

/**
 * This file contains the styles required to make the footer sticky.
 */
.popover-region {
  position: relative;
}

.popover-region-toggle {
  cursor: pointer;
}

.popover-region-container {
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 0;
  top: 40px;
  height: 320px;
  width: 290px;
  z-index: 10000;
  min-width: 10rem;
  padding: 0 20px;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #090223;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 7px;
  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 .popover-region-container {
  color: #E8EAED;
  background-color: #080808;
}

.popover-region-header-container {
  display: inline-flex;
  padding: 5px 5px 5px 20px;
  margin: 0 -20px;
  width: calc(100% + 40px);
  border-bottom: 1px solid #e1e0e4;
  box-sizing: border-box;
}
.theme-dark .popover-region-header-container {
  border-color: #2E3134;
}

.popover-region-header-text {
  float: left;
  margin: 0;
  font-size: 14px;
  line-height: 40px;
}

.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: 200px;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popover-region-content-container > .loading-icon {
  display: none;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
}
.popover-region-content-container .empty-message {
  display: none;
  text-align: center;
  padding: 10px;
}
.popover-region-content-container.loading > .loading-icon {
  display: block;
}
.popover-region-content-container.loading .empty-message {
  display: none;
}

.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: 7px;
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  position: relative;
}
.content-item-container:after {
  content: "";
  background-color: #e1e0e4;
  width: calc(100% - 20px);
  height: 1px;
  position: absolute;
  left: 10px;
  bottom: -2px;
}
.content-item-container:last-child {
  margin-bottom: 0;
}
.content-item-container:hover {
  color: #090223;
  background-color: #f9f9fa;
}
.content-item-container:hover .content-item-footer .timestamp {
  color: #090223;
}
.content-item-container.unread {
  background-color: #EAF4DD;
  color: #090223;
}
.content-item-container.unread:hover {
  background-color: #ececfd;
}
.content-item-container.unread .content-item-body .notification-message {
  font-weight: 600;
}
.content-item-container .context-link {
  color: inherit;
  text-decoration: none;
}
.content-item-container .content-item-footer {
  text-align: left;
  box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
  font-size: 0.75rem;
  font-weight: 400;
  color: #413c55;
  margin-top: 5px;
  margin-left: 53px;
}
.content-item-container .view-more {
  margin-top: 7px;
  margin-left: 55px;
}
.content-item-container.notification .content-item-body .notification-image {
  display: inline-flex;
  width: 40px;
  height: 40px;
}
.content-item-container.notification .content-item-body .notification-message {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 10px;
  width: calc(100% - 60px);
}
.content-item-container.selected {
  background-color: #ececfd;
  color: #090223;
}
.content-item-container.selected .content-item-footer .timestamp {
  color: #090223;
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-notifications .all-notifications {
  opacity: 1;
  visibility: visible;
}
.popover-region-notifications .all-notifications:empty + .empty-message {
  display: block;
}
.popover-region-notifications .notification-image {
  display: inline-block;
  width: 8%;
  vertical-align: top;
}
.popover-region-notifications .notification-message {
  display: inline-block;
  font-size: 12px;
}
.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
  display: none;
}

.popover-region-messages .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-messages .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-messages .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
  display: none;
}
.popover-region-messages .messages:empty + .empty-message {
  display: block;
}
.popover-region-messages .content-item-container.unread .content-item-body {
  width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
  display: inline-block;
  width: 10%;
  text-align: center;
}
.popover-region-messages .content-item {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.popover-region-messages .profile-image-container {
  width: 30px;
  display: inline-block;
  text-align: center;
}
.popover-region-messages .profile-image-container img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.popover-region-messages .content-item-body {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 30px);
  font-size: 12px;
  padding-left: 10px;
  overflow: hidden;
}
.popover-region-messages .content-item-body h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  width: 100%;
}
.popover-region-messages .content-item-body p {
  margin: 0;
}
.popover-region-messages .unread-count-container {
  display: none;
}

.rui-notification-pref,
.rui-markallread {
  width: 40px;
  height: 40px;
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
}
.rui-notification-pref:hover,
.rui-markallread:hover {
  text-decoration: none;
}

.rui-markallread {
  background-color: #EAF4DD;
  color: #027654;
}
.rui-markallread:hover {
  color: #004B57;
  background-color: #D1ECC0;
}

.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 {
  background-color: #f9f9fa;
  color: #b4b2bc;
}
.rui-notification-pref:hover {
  color: #413c55;
  background-color: #eeedef;
}

.rui-unreadcount:not(.hidden) {
  position: absolute;
  padding: 4px;
  top: 0;
  right: 0;
  min-width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #3f3dec;
  color: #ececfd;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 500;
}

.see-all-link {
  margin: 10px 0;
  padding: 5px 0;
  border-radius: 7px;
  font-size: 0.875rem;
  color: #413c55;
}
.see-all-link:hover {
  text-decoration: none;
  color: #090223;
}

/*
TODO: 1.1
.notification-icon--unread .unread-icon {
    animation: wobble-hor-top 4s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite both;
}
*/
/**
 * ----------------------------------------
 * animation wobble-hor-top
 * ----------------------------------------
 */
/*
TODO: 1.1
 @-webkit-keyframes wobble-hor-top {
    0%,
    100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateX(-6px) rotate(6deg);
              transform: translateX(-6px) rotate(6deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(-6deg);
              transform: translateX(3px) rotate(-6deg);
    }
    45% {
      -webkit-transform: translateX(0) rotate(3.6deg);
              transform: translateX(0) rotate(3.6deg);
    }
    60% {
      -webkit-transform: translateX(3px) rotate(-2.4deg);
              transform: translateX(3px) rotate(-2.4deg);
    }
    75% {
      -webkit-transform: translateX(-3px) rotate(1.2deg);
              transform: translateX(-3px) rotate(1.2deg);
    }
  }
  @keyframes wobble-hor-top {
    0%,
    100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateX(-6px) rotate(6deg);
              transform: translateX(-6px) rotate(6deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(-6deg);
              transform: translateX(3px) rotate(-6deg);
    }
    45% {
      -webkit-transform: translateX(0) rotate(3.6deg);
              transform: translateX(0) rotate(3.6deg);
    }
    60% {
      -webkit-transform: translateX(3px) rotate(-2.4deg);
              transform: translateX(3px) rotate(-2.4deg);
    }
    75% {
      -webkit-transform: translateX(-3px) rotate(1.2deg);
              transform: translateX(-3px) rotate(1.2deg);
    }
  }
  */
/**
 * Tour step must sit above all other UI components.
 * The backdrop is the lowest point in the tour.
 * Everything else is in the container, and the target background should be at the same z-index.
 * ----- moodle
 *  ---- step backdrop
 *   --- step container
 *   --- step target background
 */
div[data-flexitour=backdrop] {
  background-color: #000;
  opacity: 0.5;
  z-index: 1040;
}

div[data-flexitour=step-background-fader],
div[data-flexitour=step-background] {
  border-radius: 40px;
  z-index: 1041;
}

span[data-flexitour=container],
div[data-flexitour=step-background-fader],
[data-flexitour=step-backdrop] > td,
[data-flexitour=step-backdrop] {
  z-index: 1042;
}

span[data-flexitour=container] .modal-dialog {
  /**
   * Remove all margins to:
   * 1) ensure that the arrow touches the target; and
   * 2) ensure that the focus border touches the modal.
   */
  margin: 0;
}
span[data-flexitour=container] div[data-role=arrow] {
  border-width: 1rem;
}
span[data-flexitour=container] div[data-role=arrow],
span[data-flexitour=container] div[data-role=arrow]:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1rem;
}
span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
  margin-bottom: 1rem;
}
span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
  bottom: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-bottom-width: 0;
  border-top-color: #fff;
}
span[data-flexitour=container][x-placement=top] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=top-start] div[data-role=arrow]:after {
  bottom: 1px;
  margin-left: -1rem;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff;
}
span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
  margin-top: 1rem;
}
span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
  top: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-top-width: 0;
  border-bottom-color: #fff;
}
span[data-flexitour=container][x-placement=bottom] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow]:after {
  top: 1px;
  margin-left: -1rem;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
  margin-right: 1rem;
}
span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
  right: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-right-width: 0;
  border-left-color: #fff;
}
span[data-flexitour=container][x-placement=left] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=left-start] div[data-role=arrow]:after {
  right: 1px;
  margin-top: -1rem;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
  margin-left: 1rem;
}
span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
  left: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-left-width: 0;
  border-right-color: #fff;
}
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;
}

[data-region=drawer] [data-flexitour=container] {
  /*rtl:ignore*/
  margin-left: -15px;
  width: 270px;
}

.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 .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: 9999;
  transition: 0.5s;
  width: 100vw;
  margin: 0;
  opacity: 1;
  background-color: #fff;
}
.theme-dark .layout.fullscreen {
  background-color: #E8EAED;
}
.layout.fullscreen > div {
  height: 100%;
  width: 100%;
}
.layout.fullscreen .loading-icon {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  top: 40%;
  position: fixed;
}
.layout.fullscreen .loading-icon .icon {
  width: 1em;
  height: 1em;
  font-size: 4em;
}

#page-report {
  margin: 30px 60px;
  width: calc(100% - 120px);
  border-radius: 7px;
}

#page {
  padding: 7px 20px;
  width: 100%;
  position: relative;
}

#page-popup {
  padding: 20px;
  background-color: #fff;
  border-radius: 7px;
}
.theme-dark #page-popup {
  background-color: #E8EAED;
}
#page-popup .closewindow {
  margin: 1rem 0;
}
#page-popup .closewindow .btn {
  width: 100%;
}

.wrapper-xl,
.wrapper-lg,
.wrapper-md {
  margin-left: auto;
  margin-right: auto;
}

.wrapper-lg {
  width: 960px;
}
@media (max-width: 1088.98px) {
  .wrapper-lg {
    width: 85%;
  }
}

.wrapper-md {
  width: 860px;
}
@media (max-width: 1088.98px) {
  .wrapper-md {
    width: 100%;
  }
}
.wrapper-md .wrapper-md {
  width: 100%;
}

.wrapper-blocks {
  width: 100%;
  margin: 0 auto;
}

.wrapper-page {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.rui-btn-show-hide {
  position: fixed;
  top: 100px;
  right: 10px;
  z-index: 1030;
}

.wrapper--margin {
  margin-top: 60px;
  margin-bottom: 60px;
}

.wrapper-xl {
  max-width: 1300px;
  width: 100%;
}
@media (max-width: 1088.98px) {
  .wrapper-xl {
    width: 90%;
  }
}

.wrapper-xxl {
  width: 100%;
}

.rui-blocks-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wrapper-fw {
  width: 100%;
}

.region-main-content {
  position: relative;
}

.rui-title-container {
  margin-top: 20px;
}
.rui-title-container + .singlebutton, .rui-title-container + .rui-nav-tabs {
  margin-top: 20px;
}
.rui-title-container:first-of-type, #page .rui-course-card-content .rui-title-container {
  margin-top: 0;
}
#page-mod-quiz-summary .rui-title-container {
  margin-top: 0;
}

.rui-title-container + form,
.mform + div {
  margin-top: 30px;
}

.sep--left {
  position: relative;
}
.sep--left:before {
  content: "";
  background-color: #e1e0e4;
  width: 1px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  left: -5px;
}
.theme-dark .sep--left:before {
  background-color: #2E3134;
}

#page-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#page-wrapper #page {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1088.98px) {
  #page-wrapper #page {
    margin-top: 55px;
  }
}
@media (max-width: 767.98px) {
  #page-wrapper #page {
    padding: 7px 10px;
  }
}
#page-wrapper #page #page-content {
  flex: 1 0 auto;
}

#s-page-footer {
  margin: 20px 0;
  padding: 30px 40px;
  width: 100%;
  flex-shrink: 0;
  background-color: #f9f9fa;
  border-radius: 7px;
  color: #090223;
}
#page-site-index #s-page-footer {
  text-align: center;
}
@media (max-width: 767.98px) {
  #s-page-footer {
    padding: 30px;
    width: 100%;
  }
}
#s-page-footer hr {
  border-color: #e1e0e4;
}
.theme-dark #s-page-footer hr {
  border-color: #2E3134;
}
.theme-dark #s-page-footer {
  background-color: #0e1013;
  color: #BDC1C6;
}

.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: #090223;
}
.rui-footer--contact li,
.rui-footer--social li {
  display: inline-flex;
  align-items: center;
  margin-top: 0.35rem;
  margin-right: 1rem;
  margin-bottom: 0.35rem;
}
.rui-footer--contact li:last-of-type,
.rui-footer--social li:last-of-type {
  margin-right: 0;
}
.theme-dark .rui-footer--contact,
.theme-dark .rui-footer--social {
  color: #9AA0A6;
}
.rui-footer--contact a,
.rui-footer--social a {
  color: #090223;
}
.theme-dark .rui-footer--contact a,
.theme-dark .rui-footer--social a {
  color: #9AA0A6;
}
.rui-footer--contact a:hover,
.rui-footer--social a:hover {
  opacity: 0.6;
}

.rui-social-list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  font-size: 0.75rem;
  color: #090223;
}
.rui-social-list li {
  display: inline-flex;
  align-items: center;
  margin-top: 0.35rem;
  margin-right: 1rem;
  margin-bottom: 0.35rem;
}
.rui-social-list li:last-of-type {
  margin-right: 0;
}
.theme-dark .rui-social-list {
  color: #9AA0A6;
}
.rui-social-list a {
  color: #090223;
}
.theme-dark .rui-social-list a {
  color: #9AA0A6;
}
.rui-social-list a:hover {
  opacity: 0.6;
}

.rui-topbar-wrapper {
  padding: 10px;
  margin: 0;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1050;
  background-color: #fff;
  border-bottom: 1px solid #e1e0e4;
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(0, 0, 0, 0.05) 0 4px 16px, rgba(0, 0, 0, 0.08) 0 10px 20px;
  font-size: 0.875rem;
  color: #090223;
}
@media (max-width: 767.98px) {
  .rui-topbar-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1088.98px) {
  .rui-topbar-wrapper {
    position: fixed;
    top: 3px;
    left: 7px;
    width: calc(100% - 14px);
  }
}
.theme-dark .rui-topbar-wrapper {
  background-color: #E8EAED;
  color: #E8EAED;
  border-color: #2E3134;
}

.rui-topbar {
  position: relative;
  display: flex;
  align-items: center;
}
.rui-topbar .navbar-nav {
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: space-between;
}
.rui-topbar .navbar-nav .nav-link {
  color: #090223;
  border-radius: 7px;
}
.rui-topbar .navbar-nav .nav-link:hover {
  color: #3f3dec;
  background-color: #ececfd;
}
.rui-topbar .site-name {
  width: max-content;
  max-width: 260px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #090223;
}
.theme-dark .rui-topbar .site-name {
  color: #E8EAED;
}

.sidebar-btn {
  padding: 0;
  margin-right: 10px;
  margin-left: -1rem;
  width: 60px;
  height: 60px;
  line-height: 1;
  border: 0;
  color: #090223;
  background-color: transparent;
  border-right: 1px solid rgba(9, 2, 35, 0.15);
  border-radius: 7px 0 0 0;
}
.sidebar-btn:hover {
  background-color: #ececfd;
}

.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: 600px;
  margin-bottom: 30px;
  display: inline-flex;
  align-items: center;
}
.course-teachers-box .course-contact-title-item {
  margin-right: 0.25rem;
}
.course-teachers-box .course-contact-title {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #413c55;
}
.theme-dark .course-teachers-box .course-contact-title {
  color: #BDC1C6;
}
.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: 40px;
  height: 40px;
  border-radius: 7px;
  position: relative;
}

.course-hero-img {
  border-radius: 7px;
}

.course-progressbar-wrapper {
  padding: 5px 14px;
  margin: 5px 7px;
  border-radius: 7px;
  background-color: #EEF8FF;
  position: relative;
}
.theme-dark .course-progressbar-wrapper {
  background-color: #0b0d0f;
}
.course-progressbar-wrapper .rui-progress {
  width: 100%;
  height: 7px;
  border-radius: 7px;
}

@media (max-width: 767.98px) {
  .header-button-group {
    width: 100%;
  }
  .header-button-group .btn {
    width: 100%;
  }
}
.page-header-content:empty,
.header-content:empty {
  display: none;
}
.page-header-content .rui-page-title,
.header-content .rui-page-title {
  margin-bottom: 20px;
}

.rui-page-title {
  font-size: 2.5rem;
  line-height: 1.3;
}
@media (max-width: 767.98px) {
  .rui-page-title {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    text-align: center;
  }
}

.page-header-content {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
}
.rui-course-header .page-header-content,
.page-header-content .rui-title-container,
.page-header-content .rui-page-title {
  margin: 0;
}

/** Navbar logo. */
.rui-logo img {
  height: 100%;
  max-height: 35px;
}

.rui-logo-ml {
  margin-left: 10px;
}

.rui-logo-box {
  padding: 4px;
  border-radius: 7px;
  background-color: #fff;
}
.theme-dark .rui-logo-box {
  background-color: #000;
}

.rui-navbar-nav .nav-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.rui-navbar-nav .nav-item .nav-link {
  position: relative;
  width: max-content;
  margin-right: 0.5rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border-radius: 7px;
  color: #090223;
  line-height: 1.8;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link {
  color: #E8EAED;
}
@media (max-width: 767.98px) {
  .rui-navbar-nav .nav-item .nav-link {
    margin-right: 0;
    width: 100%;
  }
}
.rui-navbar-nav .nav-item .nav-link[aria-expanded=true], .rui-navbar-nav .nav-item .nav-link:hover {
  background-color: #ececfd;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link[aria-expanded=true], .theme-dark .rui-navbar-nav .nav-item .nav-link:hover {
  color: #201f76;
}

@media (min-width: 768px) {
  .rui-navbar-nav--sep {
    position: relative;
  }
  .rui-navbar-nav--sep:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    width: 1px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: -6px;
  }
}
.popover-region-notifications:not(.collapsed) .nav-link {
  background-color: #a19eab;
}

.rui-topbar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  width: max-content;
  min-height: 40px;
  border: none;
  border-radius: 7px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #090223;
}
.rui-topbar-btn[aria-expanded=true], .rui-topbar-btn:hover {
  color: #3f3dec;
  background-color: #ececfd;
  text-decoration: none;
}

.nav-drawer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  width: max-content;
  min-height: 40px;
  border: none;
  border-radius: 7px;
  background-color: #eeedef;
  color: #090223;
}
.nav-drawer-btn[aria-expanded=true], .nav-drawer-btn:hover {
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark .nav-drawer-btn[aria-expanded=true], .theme-dark .nav-drawer-btn:hover {
  background-color: #3f3dec;
  color: #ececfd;
}
.nav-drawer-btn[aria-expanded=true] .nav-drawer-btn--opened {
  display: flex;
}
.nav-drawer-btn[aria-expanded=true] .nav-drawer-btn--closed {
  display: none;
}
.nav-drawer-btn[aria-expanded=false] .nav-drawer-btn--closed {
  display: flex;
}
.nav-drawer-btn[aria-expanded=false] .nav-drawer-btn--opened {
  display: none;
}

.rui-login-btn {
  padding: 0 1rem;
  background-color: #3f3dec;
  color: #ececfd;
}

.rui-topbar-special-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 7px;
  font-size: 0.75rem;
  color: #090223;
}
@media (max-width: 767.98px) {
  .rui-topbar-special-btn {
    padding: 8px;
  }
}
.rui-topbar-special-btn.active {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .rui-topbar-special-btn.active {
  background-color: #201f76;
  color: #E8EAED;
}
.theme-dark .rui-topbar-special-btn {
  background-color: #E8EAED;
  color: #E8EAED;
}

.rui-icon-menu {
  padding: 0;
  margin: 0;
  display: inline-flex;
  position: relative;
  list-style: none;
}
@media (max-width: 767.98px) {
  .rui-icon-menu {
    margin: 0 0 0 auto;
  }
}
.rui-icon-menu li {
  margin: 0 2px;
}
.rui-icon-menu li, .rui-icon-menu .popover-region {
  display: inline-flex;
}
.rui-icon-menu .popover-region {
  margin-right: 2px;
}

.rui-icon-menu--sep:before {
  content: "";
  background-color: #e1e0e4;
  position: absolute;
  top: -14px;
  left: calc(50% - 10px);
  width: 20px;
  height: 1px;
}
.theme-dark .rui-icon-menu--sep:before {
  background-color: #2E3134;
}

.nav-editswitch {
  width: max-content;
}

@media (max-width: 767.98px) {
  .mobile-nav--open #topBar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100vh;
  }
}

.rui-icon-menu--horizontal {
  display: inline-flex;
  align-items: center;
}
.rui-icon-menu--horizontal li {
  display: inline-flex;
  margin-bottom: 0;
  margin-left: 0.4rem;
}

.rui-drawer-toggle {
  margin-right: 8px;
}

.rui-topbar-special-btn {
  background: transparent;
  color: #090223;
}
.rui-topbar-special-btn:hover {
  background: #ececfd;
  color: #3f3dec;
}

.rui-nav-tabs + * {
  margin-top: 30px;
}

.rui-navbar-brand,
body:not(#rui-lang-btn).rui-navbar-lang {
  position: relative;
}
@media (max-width: 767.98px) {
  .rui-navbar-brand,
body:not(#rui-lang-btn).rui-navbar-lang {
    margin-left: 0;
    margin-right: 0;
  }
}

.rui-navbar-brand {
  margin-right: 15px;
  margin-left: 15px;
}

.rui-navbar-brand--img {
  margin-left: 0;
}

.rui-navbar-brand:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media (max-width: 1088.98px) {
  .rui-navbar-collapse {
    padding: 20px;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #26258e;
    border-radius: 0 0 7px 7px;
    display: inline-flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 1088.98px) and (max-width: 767.98px) {
  .rui-navbar-collapse {
    top: 95px;
  }
}
.rui-custom-logo {
  display: inline-flex;
}
.theme-dark .rui-custom-logo {
  display: none;
}

.rui-custom-dmlogo {
  display: none;
}
.theme-dark .rui-custom-dmlogo {
  display: inline-flex;
}

.rui-topbar-customfield {
  position: relative;
  margin-right: 12px;
  padding: 0 20px;
  width: inherit;
  max-width: 280px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
}
@media (max-width: 1088.98px) {
  .rui-topbar-customfield {
    max-width: 210px;
    margin: 0 50px 0 0;
  }
}
.rui-topbar-customfield:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.15);
  width: 1px;
  height: 16px;
  position: absolute;
  top: calc(50% - 8px);
  right: -6px;
}
.rui-topbar-customfield p {
  margin-bottom: 0;
}
.rui-topbar-customfield a {
  color: #3f3dec;
}
.rui-topbar-customfield a:hover {
  color: #9f9ef6;
}

/* Footer */
.rui-footer-content {
  font-size: 0.75rem;
}

.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: #090223;
}
.theme-dark .rui-footer-nav-title {
  color: #E8EAED;
}

.rui-footer-nav-items {
  font-size: 0.875rem;
  color: rgba(9, 2, 35, 0.6);
}
.theme-dark .rui-footer-nav-items {
  color: #BDC1C6;
}
.rui-footer-nav-items li {
  margin: 0.65rem 0;
}
.rui-footer-nav-items li a {
  color: #090223;
}
.theme-dark .rui-footer-nav-items li a {
  color: #BDC1C6;
}
.rui-footer-nav-items li a:hover {
  color: #9f9ef6;
}

/* Enroll Page */
.theme-dark#page-enrol-index .main-content .info {
  background-color: #0b0d0f;
}
.theme-dark#page-enrol-index .main-content .box:not(.info) {
  border: 1px solid #2E3134;
}

#page-enrol-index .main-content {
  margin: 0 auto;
  padding: 40px 60px !important;
  width: 860px;
}
@media (max-width: 1088.98px) {
  #page-enrol-index .main-content {
    width: 100%;
  }
}
#page-enrol-index .main-content .col-md-3,
#page-enrol-index .main-content .col-md-9 {
  padding: 0;
  text-align: left !important;
  flex: 0 0 100%;
  max-width: 100%;
}
#page-enrol-index .main-content .col-md-3 {
  margin-top: 0.5rem;
}
#page-enrol-index .main-content .info {
  margin-top: 30px;
  background-color: #f9f9fa;
  border-radius: 7px;
}
#page-enrol-index .main-content .info .rui-course-card {
  max-width: 320px;
  margin: 30px auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
#page-enrol-index .main-content .info .rui-course-card-body {
  margin-top: 0;
}
#page-enrol-index .main-content .info .rui-title-container {
  width: auto;
  margin-bottom: 30px;
}
#page-enrol-index .main-content .mform .form-inline .form-control {
  width: 100%;
}
#page-enrol-index .main-content a.fheader {
  margin-bottom: 0;
}
#page-enrol-index .main-content .fcontainer,
#page-enrol-index .main-content .btn, #page-enrol-index .main-content [type=submit] {
  width: 300px;
  margin: 0 auto;
}
#page-enrol-index .main-content .box:not(.info) {
  margin-top: 20px;
  padding: 20px !important;
  border: 1px solid #e1e0e4;
  border-radius: 5px;
}

body#page-enrol-index #region-main .generalbox:last-of-type {
  width: 100% !important;
  float: none !important;
  margin-top: 20px !important;
  box-shadow: none !important;
}

.theme-dark .rui-dark-mode-status--on {
  display: block;
}

body:not(.theme-dark) .rui-dark-mode-status--on,
.theme-dark .rui-dark-mode-status--off {
  display: none;
}

.notloggedin .hidefornotloggedin {
  display: none !important;
}

body:not(.notloggedin):not(#page-admin-setting-themesettingalpha) .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: 1025;
  bottom: 0;
  left: 15px;
  background-color: #fff;
  color: #413c55;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
@media (max-width: 767.98px) {
  .rui-custom-alert {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    left: 10px;
  }
}
.rui-custom-alert.fade:not(.show) {
  z-index: -1;
}
.theme-dark .rui-custom-alert {
  background-color: #000;
  color: #BDC1C6;
}
.rui-custom-alert .rui-custom-alert-close {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-content: center;
  background-color: transparent;
  border: none;
  border-radius: 60px;
  background-color: #f9f9fa;
  color: #b4b2bc;
  width: 40px;
  height: 40px;
  transition: all 0.2s ease-in-out;
}
.theme-dark .rui-custom-alert .rui-custom-alert-close {
  background-color: #0b0d0f;
  color: #3C4043;
}
.rui-custom-alert .rui-custom-alert-close:hover {
  background-color: #feeded;
  color: #ef1010;
}

.rui-main-nav .nav-item {
  font-size: 1rem;
}

.rui-main-nav {
  padding: 0;
  margin: 0;
}
.rui-main-nav .nav-item {
  position: relative;
  font-weight: 500;
  list-style: none;
}
.rui-main-nav .nav-item .nav-link {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.35rem 1.25rem;
  margin: 9px 0;
  border-radius: 7px;
  color: #090223;
  z-index: 1;
}
.rui-main-nav .nav-item .nav-link:hover:before {
  background-color: #fff;
}
.rui-main-nav .nav-item .nav-link.active:before {
  background-color: #fff;
  color: #a19eab;
}
.rui-main-nav .nav-item .nav-link:before {
  content: "";
  position: absolute;
  width: 100%;
  top: -3px;
  bottom: -3px;
  left: 0;
  border-radius: 7px;
  z-index: -1;
}
.rui-main-nav .nav-item .nav-link .nav-link-icon {
  opacity: 0.6;
}

.wrapper-course {
  width: 100%;
  margin-top: 16px;
  padding: 40px;
  background-color: #fff;
  border-radius: 7px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767.98px) {
  .wrapper-course {
    padding: 20px;
  }
}
@media (min-width: 1360px) {
  .drawer-open-right .wrapper-course {
    width: calc(100% - 340px);
  }
}
.theme-dark .wrapper-course {
  background-color: #E8EAED;
}

#blocks-dashboardonecol .block-region {
  margin-bottom: 1.25rem;
}
#blocks-dashboardonecol .block-region:last-of-type {
  margin-bottom: 0;
}

.editmode-switch-form {
  padding: 5px 5px 5px 10px;
  border: none;
  border-radius: 7px;
}
.editmode-switch-form .custom-control.ios-switch {
  color: #fff;
}
.hidden-sidebar .editmode-switch-form .custom-control.ios-switch {
  color: #090223;
}
.hidden-sidebar .editmode-switch-form {
  padding: 5px 5px 5px 10px;
  background-color: #fff;
  border: none;
  border-radius: 7px;
  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: 10px;
  bottom: 10px;
  z-index: 10001;
}

#page.drawers .main-inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  flex: 1 0 auto;
}
#page.drawers .activity-header {
  margin: 0;
}

@media (max-width: 767.98px) {
  .drawer-toggles {
    z-index: 100;
  }
  .drawer-toggles .drawer-right-toggle,
.drawer-toggles .drawer-left-toggle {
    top: calc(99vh - (60px * 2.5));
  }
  #page.drawers.scroll-down .drawer-right-toggle {
    transform: translateX(150%);
    pointer-events: auto;
    visibility: hidden;
  }
  #page.drawers.scroll-down .drawer-left-toggle {
    transform: translateX(-150%);
    pointer-events: auto;
    visibility: hidden;
  }
}
@media (min-width: 1089px) {
  .drawer-left,
.drawer-right {
    height: 100%;
  }
  #page.drawers {
    position: relative;
    overflow-y: auto;
    transition: 0.2s;
    height: 100vh;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1089px) and (prefers-reduced-motion: reduce) {
  #page.drawers {
    transition: none;
  }
}
.drawercontent {
  position: relative;
  z-index: -1;
  height: calc(100% - 56px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  padding: 0;
}
.drawercontent .dropdown-menu .dropdown-item {
  width: 220px;
  white-space: normal;
}

@media (min-width: 1089px) {
  .rui-blocks-area--sm {
    flex: 0 0 320px;
    max-width: 320px;
  }
}
.drawercontent,
.filemanager .fp-content,
.rui-card-course-contacts,
.cb-toolbar-container .dropdown-scrollable,
.rui-column-mh,
.rui-nav--admin,
.rui-content-message-container,
.rui-course-card-text,
#sidepre-blocks .rui-sidebar-blocks-wrapper,
.table-dynamic div:first-of-type {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #fff;
}
.drawercontent::-webkit-scrollbar,
.filemanager .fp-content::-webkit-scrollbar,
.rui-card-course-contacts::-webkit-scrollbar,
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar,
.rui-column-mh::-webkit-scrollbar,
.rui-nav--admin::-webkit-scrollbar,
.rui-content-message-container::-webkit-scrollbar,
.rui-course-card-text::-webkit-scrollbar,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar,
.table-dynamic div:first-of-type::-webkit-scrollbar {
  width: 12px;
}
.drawercontent::-webkit-scrollbar-track,
.filemanager .fp-content::-webkit-scrollbar-track,
.rui-card-course-contacts::-webkit-scrollbar-track,
.cb-toolbar-container .dropdown-scrollable::-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,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track,
.table-dynamic div:first-of-type::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
}
.drawercontent::-webkit-scrollbar-thumb,
.filemanager .fp-content::-webkit-scrollbar-thumb,
.rui-card-course-contacts::-webkit-scrollbar-thumb,
.cb-toolbar-container .dropdown-scrollable::-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,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb,
.table-dynamic div:first-of-type::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #fff;
}
.drawercontent::-webkit-scrollbar-thumb:hover,
.filemanager .fp-content::-webkit-scrollbar-thumb:hover,
.rui-card-course-contacts::-webkit-scrollbar-thumb:hover,
.cb-toolbar-container .dropdown-scrollable::-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,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover,
.table-dynamic div:first-of-type::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}
.theme-dark .drawercontent,
.theme-dark .filemanager .fp-content,
.theme-dark .rui-card-course-contacts,
.theme-dark .cb-toolbar-container .dropdown-scrollable,
.theme-dark .rui-column-mh,
.theme-dark .rui-nav--admin,
.theme-dark .rui-content-message-container,
.theme-dark .rui-course-card-text,
.theme-dark #sidepre-blocks .rui-sidebar-blocks-wrapper,
.theme-dark .table-dynamic div:first-of-type {
  scrollbar-width: thin;
  scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .drawercontent::-webkit-scrollbar,
.theme-dark .filemanager .fp-content::-webkit-scrollbar,
.theme-dark .rui-card-course-contacts::-webkit-scrollbar,
.theme-dark .cb-toolbar-container .dropdown-scrollable::-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 #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar {
  width: 12px;
}
.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 .cb-toolbar-container .dropdown-scrollable::-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 #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar-track {
  background: #0b0d0f;
  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 .cb-toolbar-container .dropdown-scrollable::-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 #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-radius: 20px;
  border: 3px solid #0b0d0f;
}
.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 .cb-toolbar-container .dropdown-scrollable::-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 #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar-thumb:hover {
  background-color: #a19eab;
}

.rui-grid-layout {
  display: grid;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 20px;
}

.rui-fp-margin-top {
  margin-top: 80px;
}

.rui-fp-margin-bottom {
  margin-bottom: 80px;
}

.rui-block-hr {
  margin: 80px auto;
  max-width: 260px;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  .rui-block-hr {
    margin: 40px auto;
  }
}

.rui-block-title {
  margin-bottom: 10px;
  font-size: 3rem;
  text-align: center;
  color: #090223;
}
.theme-dark .rui-block-title {
  color: #E8EAED;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  .rui-block-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .rui-block-title {
    font-size: 1.5rem;
  }
}

.rui-block-desc {
  margin-bottom: 30px;
  font-size: 1.25rem;
  color: #090223;
  text-align: center;
}
.theme-dark .rui-block-desc {
  color: #E8EAED;
}
@media (max-width: 767.98px) {
  .rui-block-desc {
    font-size: 1rem;
  }
}

.rui-block-desc--lg {
  font-size: 2rem;
}
@media (max-width: 767.98px) {
  .rui-block-desc--lg {
    font-size: 1.5rem;
  }
}

.rui-block-desc--sm {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.rui-block-footer {
  margin-top: 60px;
  font-size: 0.875rem;
  color: #a19eab;
}
.theme-dark .rui-block-footer {
  color: #9AA0A6;
}

.rui-card-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.rui-block-team-item img {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 7px;
}

.rui-block-team-title {
  font-size: 1rem;
  color: #090223;
}
.theme-dark .rui-block-team-title {
  color: #E8EAED;
}

.rui-block-team-desc {
  font-size: 0.938rem;
  color: #413c55;
}
.theme-dark .rui-block-team-desc {
  color: #BDC1C6;
}

.rui-block-team-desc--sm {
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .rui-block-team-desc--sm {
  color: #9AA0A6;
}

.rui-block-team-list li {
  margin-right: 10px;
  display: inline-block;
}
.rui-block-team-list li a {
  font-size: 0.875rem;
  font-weight: 700;
  color: #413c55;
}
.theme-dark .rui-block-team-list li a {
  color: #BDC1C6;
}

.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: #6564f0;
}
.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 10px;
  font-size: 1.5rem;
  color: #090223;
}
.theme-dark .rui-block-testimonials--quote {
  color: #E8EAED;
}

.rui-block-testimonials--author {
  width: 100%;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .rui-block-testimonials--author {
  color: #E8EAED;
}

.rui-block-testimonials--additional {
  width: 100%;
  font-size: 0.75rem;
  color: #a19eab;
}
.theme-dark .rui-block-testimonials--additional {
  color: #9AA0A6;
}

.rui-card-cat-grid {
  width: 100%;
  display: grid;
  flex-wrap: wrap;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.rui-block-category-item {
  padding: 15px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 7px;
  text-align: left;
}
.theme-dark .rui-block-category-item {
  background-color: #E8EAED;
  border-color: #E8EAED;
}
.theme-dark .rui-block-category-item img {
  filter: invert(1);
}
.rui-block-category-item:hover {
  border: 2px solid #9f9ef6;
  text-decoration: none;
}
.rui-block-category-item .badge-wrapper {
  margin: 10px 0;
}

.rui-block-category-item--icon {
  display: block;
}

.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: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: left;
  color: #090223;
}
.theme-dark .rui-block-category-item-title {
  color: #E8EAED;
}

.rui-block-category-item-subtitle {
  font-size: 0.75rem;
  font-weight: 500;
  color: #a19eab;
}
.theme-dark .rui-block-category-item-subtitle {
  color: #9AA0A6;
}

.rui-cta-wrapper {
  padding: 80px 0;
  color: #fff;
}
@media (max-width: 1088.98px) {
  .rui-cta-wrapper {
    text-align: center !important;
  }
}
@media (max-width: 767.98px) {
  .rui-cta-wrapper {
    padding: 30px;
  }
}

.rui-cta-content {
  margin-bottom: 2rem;
  font-size: 1.125rem;
}
@media (max-width: 767.98px) {
  .rui-cta-content {
    font-size: 1rem;
  }
}

.rui-cta-title {
  margin-bottom: 10px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 3rem;
  line-height: 1.3;
  color: #fff;
}
@media (max-width: 767.98px) {
  .rui-cta-title {
    font-size: 1.5rem;
  }
}

.rui-cta-small {
  margin-top: 30px;
  font-size: 0.75rem;
  opacity: 0.7;
}

.rui-card {
  padding: 30px;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
  background-color: #fff;
}
.theme-dark .rui-card {
  border-color: #2E3134;
  background-color: #E8EAED;
}

.rui-color-card,
.rui-card--smpl {
  padding: 30px;
}

.rui-color-card {
  color: #090223;
}

.rui-card-title {
  font-size: 1.125rem;
  color: #090223;
}
.theme-dark .rui-card-title {
  color: #E8EAED;
}
.rui-color-card .rui-card-title {
  color: inherit;
}

.rui-card-text {
  font-size: 1rem;
  color: #413c55;
}
.theme-dark .rui-card-text {
  color: #BDC1C6;
}
.rui-color-card .rui-card-text {
  color: inherit;
}

.rui-card--with-img {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 767.98px) {
  .rui-card--with-img {
    display: block;
    text-align: center;
  }
}

.rui-card-btn-link {
  font-size: 0.875rem;
  font-weight: 500;
}

.rui-pricing-table-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.rui-pricing-table-price {
  margin: 20px 0;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #090223;
}
.theme-dark .rui-pricing-table-price {
  color: #E8EAED;
}
.rui-pricing-table-price .rui-pricing-table-price--smaller {
  font-size: 1.5rem;
  color: #a19eab;
}
.theme-dark .rui-pricing-table-price .rui-pricing-table-price--smaller {
  color: #9AA0A6;
}

.rui-pricing-table-text {
  margin-top: 10px;
  font-size: 0.875rem;
  text-align: center;
  color: #413c55;
}
.theme-dark .rui-pricing-table-text {
  color: #BDC1C6;
}

.rui-special-list {
  padding: 0;
  list-style: none !important;
  color: #413c55;
}
.theme-dark .rui-special-list {
  color: #BDC1C6;
}
.rui-special-list li {
  padding-left: 26px;
  margin-bottom: 10px;
  position: relative;
}
.rui-special-list li:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 18px;
}
.rui-special-list li.list-icon-x {
  opacity: 0.8;
}
.rui-special-list li.list-icon-x:before {
  background-color: #f9f9fa;
  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='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list li.list-icon-x:before {
  background-color: #0b0d0f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-special-list--light li:before {
  background-color: #f9f9fa;
  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='%23a19eab' 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: #0b0d0f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-special-list--primary li:before {
  background-color: #d9d8fb;
  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='%233f3dec' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list--primary li:before {
  background-color: #201f76;
  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='%236564f0' 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: #e1e0e4;
  border-width: 1px 0;
}
@media (min-width: 1089px) {
  .rui-pricing-table:first-of-type {
    border-radius: 7px 0 0 7px;
    border-width: 1px;
  }
  .rui-pricing-table:last-of-type {
    border-radius: 0 7px 7px 0;
    border-width: 1px;
  }
}
@media (max-width: 1088.98px) {
  .rui-pricing-table {
    margin: 10px 0;
    border-radius: 7px;
    border-width: 1px;
  }
}

.rui-pricing-table--special {
  background-color: #ececfd;
  border-color: #c5c5f9;
  border-left: 2px dashed #c5c5f9 !important;
}
.theme-dark .rui-pricing-table--special {
  background-color: #201f76;
  border-color: #3f3dec;
}
@media (max-width: 1088.98px) {
  .rui-pricing-table--special {
    border-left: 1px solid #c5c5f9;
  }
  .theme-dark .rui-pricing-table--special {
    border-color: #3f3dec !important;
  }
}

.rui-fp-block--11 .swiper-button-prev, .rui-fp-block--11 .swiper-button-next,
.rui-fp-block--12 .swiper-button-prev,
.rui-fp-block--12 .swiper-button-next {
  top: 160px;
}

.rui-fp-block .swiper-button-next {
  top: calc(50% - 45px);
}

.rui-fp-block--cta {
  padding: 60px 80px;
  background-color: #ececfd;
  border-radius: 7px;
}
.theme-dark .rui-fp-block--cta {
  background-color: #201f76;
}
@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: 7px;
  overflow: hidden;
}

.rui-fp-block-mt {
  margin-top: 80px;
}
@media (max-width: 767.98px) {
  .rui-fp-block-mt {
    margin-top: 40px;
  }
}

.rui-fp-block-mb {
  margin-bottom: 80px;
}
@media (max-width: 767.98px) {
  .rui-fp-block-mb {
    margin-bottom: 40px;
  }
}

.theme-dark .rui-fp-block--8 .rui-card-title,
.theme-dark .rui-fp-block--8 .rui-card-text {
  color: #090223;
}

.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.5);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border-radius: 7px;
}
@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: #E8EAED;
  }
}

.rui-hero-content-position {
  position: absolute;
  z-index: 3;
}
@media (max-width: 767.98px) {
  .rui-hero-content-position {
    position: relative;
    top: 0 !important;
    text-align: center;
  }
}

.rui-hero-content-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: 140px;
}
@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: 2.5rem;
  line-height: 1.2;
  color: inherit;
}
@media (max-width: 1088.98px) {
  .rui-hero-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .rui-hero-title {
    color: #090223;
  }
  .theme-dark .rui-hero-title {
    color: #E8EAED;
  }
}

.rui-hero-title + .rui-hero-desc {
  margin: 20px 0 0;
}

.rui-hero-desc {
  font-size: 1.125rem;
  color: inherit;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  .rui-hero-desc {
    font-size: 0.85rem;
  }
}
@media (max-width: 767.98px) {
  .rui-hero-desc {
    font-size: 0.875rem;
    color: #090223;
  }
  .theme-dark .rui-hero-desc {
    color: #E8EAED;
  }
}

.rui-hero-btns {
  margin-top: 30px;
}

.rui--swiper-arrows {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.rui-img--rounded-fluid img {
  max-width: 100%;
  height: auto;
  border-radius: 7px;
}

.rui-text-content--absolute {
  padding: 80px;
  color: #fff;
}
.rui-text-content--absolute .rui-text-content-heading {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}

.rui-hero-img {
  width: 100%;
  overflow: hidden;
  border-radius: 7px;
  position: relative;
}

.rui-hero-video {
  width: 100%;
  height: 600px;
  overflow: hidden;
  border-radius: 7px;
  position: relative;
}
.rui-hero-video .vidbg-container {
  width: 100%;
}

#site-news-forum .rui-title-container .rui-main-content-title,
#frontpage-category-combo .rui-title-container .rui-main-content-title,
#frontpage-course-list .rui-title-container .rui-main-content-title,
#frontpage-available-course-list .rui-title-container .rui-main-content-title {
  margin: 30px 0;
  display: block;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  color: #090223;
}
.theme-dark #site-news-forum .rui-title-container .rui-main-content-title,
.theme-dark #frontpage-category-combo .rui-title-container .rui-main-content-title,
.theme-dark #frontpage-course-list .rui-title-container .rui-main-content-title,
.theme-dark #frontpage-available-course-list .rui-title-container .rui-main-content-title {
  color: #E8EAED;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
  #site-news-forum .rui-title-container .rui-main-content-title,
#frontpage-category-combo .rui-title-container .rui-main-content-title,
#frontpage-course-list .rui-title-container .rui-main-content-title,
#frontpage-available-course-list .rui-title-container .rui-main-content-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  #site-news-forum .rui-title-container .rui-main-content-title,
#frontpage-category-combo .rui-title-container .rui-main-content-title,
#frontpage-course-list .rui-title-container .rui-main-content-title,
#frontpage-available-course-list .rui-title-container .rui-main-content-title {
    font-size: 1.5rem;
  }
}

.sitetopic {
  width: 860px;
  margin: 0 auto;
}
@media (max-width: 1088.98px) {
  .sitetopic {
    width: 100%;
  }
}

.rui-icon-box {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rui-icon-box--primary {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .rui-icon-box--primary {
  background-color: #3f3dec;
  color: #ececfd;
}

.rui-icon-box--gray {
  background-color: #f9f9fa;
  color: #b4b2bc;
}
.theme-dark .rui-icon-box--gray {
  background-color: #0b0d0f;
  color: #3C4043;
}

.rui-block-text--secondary {
  color: #413c55;
}

.rui-block-text--light {
  color: #a19eab;
}

.rui-block-text--1 {
  font-size: 1.125rem;
}

.rui-block-text--2 {
  font-size: 0.875rem;
}

.rui-block-text--3 {
  font-size: 0.75rem;
}

.c-hero-content {
  position: absolute;
  left: 20%;
  width: 60%;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .c-hero-content .btn {
    padding: 10px 15px;
    font-size: 12px;
  }
  .c-hero-content .mt-5 {
    margin-top: 20px !important;
  }
}

.c-hero-container {
  background-size: cover;
  border-radius: 7px;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-hero-container {
    border-radius: 0;
  }
}
.c-hero-container .c-hero-slider-item {
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .c-hero-container .c-hero-slider-item--h {
    background-image: none;
    height: auto !important;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .c-hero-container .c-hero-slider-item--h {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 400px;
  }
}
.c-hero-container .tns-outer {
  max-width: 100% !important;
  padding: 0;
  margin: 0;
}
.c-hero-container .tns-nav {
  bottom: 20px;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-hero-container .tns-nav {
    bottom: 5px;
  }
}

.c-hero-container--video {
  position: relative;
  z-index: 0 !important;
}

.c-hero-container {
  position: relative;
  margin: 0 0 60px;
}
.c-hero-slider .c-hero-container {
  margin: 0;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-hero-container {
    margin-bottom: 0;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .c-hero-container {
    margin-top: 0;
  }
}
.c-hero-container.c-hero-box-shadow {
  overflow: inherit;
}

.c-hero-shadow-img:before {
  display: none;
}

.c-hero-shadow-img-box {
  position: absolute;
  top: -110px;
  left: 0;
  width: 100%;
  height: 500px;
  z-index: -2;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-hero-shadow-img-box {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-hero-container-shadow:before {
    display: none;
  }
}
.c-hero-container-shadow:before {
  content: "";
  background: #d3d2d8; /* fallback for old browsers */
  background: -webkit-linear-gradient(165deg, #fff, #d3d2d8); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(165deg, #fff, #d3d2d8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  top: -110px;
  left: 0;
  width: 100%;
  height: 500px;
  position: absolute;
  z-index: -1;
}

.c-heroimg {
  background-size: cover;
  width: 100%;
  border-radius: 7px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.c-hero-box-shadow .c-heroimg {
  box-shadow: 0px 30px 90px 0 rgba(0, 0, 0, 0.32);
}
.c-heroimg a:hover {
  text-decoration: none;
}
.c-heroimg .h1 {
  margin: 0.5rem 0;
  font-size: 3.5rem;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-heroimg .h1 {
    font-size: 18px;
  }
}
.c-heroimg .h3 {
  font-size: 1.5rem;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-heroimg .h3 {
    font-size: 14px;
  }
}
.c-heroimg .h5 {
  margin-bottom: 0;
  font-size: 1rem;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .c-heroimg .h5 {
    font-size: 12px;
  }
}
.c-heroimg .h1 a:not(.btn), .c-heroimg .h2 a:not(.btn), .c-heroimg .h3 a:not(.btn), .c-heroimg .h4 a:not(.btn), .c-heroimg .h5 a:not(.btn), .c-heroimg p a:not(.btn) {
  color: #fff;
}

.tns-outer {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*rtl:begin:ignore*/
  direction: ltr; /*rtl:end:ignore*/
}

.tns-inner {
  margin: 0 !important;
}

.tns-item {
  padding: 0;
}

.tns-controls {
  position: absolute;
  width: 100%;
  top: calc(50% - 50px);
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .tns-controls {
    display: none;
  }
}
.tns-controls [data-controls=next],
.tns-controls [data-controls=prev] {
  background-color: rgba(0, 0, 0, 0.9);
  border: 0;
  font-size: 18px;
  color: #fff;
  position: absolute;
  padding: 0;
  width: 40px;
  height: 80px;
  border-radius: 7px;
  z-index: 2;
}
.tns-controls [data-controls=next][disabled],
.tns-controls [data-controls=prev][disabled] {
  opacity: 0.2;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .tns-controls [data-controls=next],
.tns-controls [data-controls=prev] {
    display: none;
  }
}
.tns-controls [data-controls=next] {
  right: -60px;
  left: auto;
}
.c-hero-container .tns-controls [data-controls=next] {
  right: 30px;
}
@media (min-width: 1089px) {
  .tns-controls [data-controls=next] {
    left: auto;
    right: -40px;
  }
}
@media (min-width: 320px) and (max-width: 1088.98px) {
  .tns-controls [data-controls=next] {
    right: -15px;
  }
}
.tns-controls [data-controls=prev] {
  left: -60px;
  right: auto;
}
.c-hero-container .tns-controls [data-controls=prev] {
  left: 30px;
}
@media (min-width: 1089px) {
  .tns-controls [data-controls=prev] {
    left: -40px;
    right: auto;
  }
}

.tns-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  z-index: 9;
}
.tns-nav button {
  margin: 5px 10px;
  padding: 0;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  border: 0;
  background-color: #e1e0e4;
}
.tns-nav button.tns-nav-active {
  background-color: #c5c5f9;
}

/* Courses list section */
.s-courses-list .c-courses-list-title {
  margin-bottom: 2rem;
}
.s-courses-list .c-courses-list {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  color: #a19eab;
}
.s-courses-list .c-courses-list li {
  list-style: none;
  margin-bottom: 0.5rem;
}
.s-courses-list .c-courses-list li a {
  font-weight: 500;
  color: inherit;
}
.s-courses-list .c-courses-list li a:hover {
  color: #9f9ef6;
}

.form-control:-ms-input-placeholder {
  color: #b4b2bc;
}

.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: 9999;
}

.editor_atto_content {
  padding: 1rem;
  resize: vertical;
  overflow: auto;
  border: 0;
}

.editor_atto_content_wrap,
.editor_atto + textarea {
  width: 100%;
  padding: 0;
}
#page-admin-setting-themesettingalpha .editor_atto_content_wrap .swiper,
#page-admin-setting-themesettingalpha .editor_atto_content_wrap .swiper-wrapper,
#page-admin-setting-themesettingalpha .editor_atto + textarea .swiper,
#page-admin-setting-themesettingalpha .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 #e1e0e4;
  width: 100%;
  padding: 0;
  border-radius: 7px 7px 0 0;
}
.theme-dark div.editor_atto_toolbar {
  background: #E8EAED;
}

div.editor_atto_toolbar button {
  padding: 6px;
  margin: 1px;
  background: none;
  border: 0;
  margin: 0;
  border-radius: 7px;
  line-height: 1;
  cursor: pointer;
}
div.editor_atto_toolbar button:hover {
  outline: 2px solid rgba(6, 66, 205, 0.7);
}

div.editor_atto_toolbar button + button {
  border-left: 0;
}

div.editor_atto_toolbar button[disabled] {
  opacity: 0.45;
  background: none;
  cursor: default;
}

.editor_atto_toolbar button:hover {
  background-image: none;
  background-color: #f9f9fa;
}
.theme-dark .editor_atto_toolbar button:hover {
  background-color: #0b0d0f;
}

.editor_atto_toolbar button:active,
.editor_atto_toolbar button.highlight {
  background-color: #ececfd;
  background-image: none;
}
.theme-dark .editor_atto_toolbar button:active,
.theme-dark .editor_atto_toolbar button.highlight {
  background-color: #6564f0;
}
.editor_atto_toolbar button:active .icon,
.editor_atto_toolbar button.highlight .icon {
  color: #3f3dec;
}

.editor_atto_toolbar button.highlight::before {
  display: none;
}

/* Make firefox button sizes match other browsers */
div.editor_atto_toolbar button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

div.editor_atto_toolbar button .icon {
  padding: 0;
  margin: 2px 0;
}
.theme-dark div.editor_atto_toolbar button .icon {
  filter: invert(1);
}

div.editor_atto_toolbar div.atto_group {
  display: inline-flex;
  border-left: 0;
  border-right: 1px solid #e1e0e4;
  border-top: 1px solid #e1e0e4;
  border-bottom: 1px solid #e1e0e4;
  padding: 4px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  background: transparent;
}
.theme-dark div.editor_atto_toolbar div.atto_group {
  border-right: 1px solid #2E3134;
  border-top: 1px solid #2E3134;
  border-bottom: 1px solid #2E3134;
}
div.editor_atto_toolbar div.atto_group:last-of-type {
  border-right: 0;
}

.editor_atto_content_wrap {
  background-color: #fff;
  color: #090223;
}
.theme-dark .editor_atto_content_wrap {
  background-color: #E8EAED;
  color: #E8EAED;
}
.editor_atto_content_wrap .form-control {
  box-shadow: none;
}

div.editor_atto_toolbar div.atto_group:nth-child(0),
div.editor_atto_toolbar div.atto_group:nth-child(1),
div.editor_atto_toolbar div.atto_group:nth-child(2),
div.editor_atto_toolbar div.atto_group:nth-child(3),
div.editor_atto_toolbar div.atto_group:nth-child(4),
div.editor_atto_toolbar div.atto_group:nth-child(5) {
  border-top: 0;
}

.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: #f9f9fa;
  padding: 0.5rem;
  font-size: 0.75rem;
  border-radius: 7px;
}
.theme-dark .editor_atto_notification .atto_info,
.theme-dark .editor_atto_notification .atto_warning {
  background-color: #0b0d0f;
}
.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: #f9f9fa;
}
.theme-dark .editor_atto_notification .atto_info {
  background-color: #0b0d0f;
}

.editor_atto_notification .atto_warning {
  background-color: #FFF1D5;
}

.editor_atto_toolbar,
.editor_atto_content_wrap,
.editor_atto + textarea {
  border-radius: 0 0 7px 7px;
  box-sizing: border-box;
  border: 1px solid #e1e0e4;
}
.theme-dark .editor_atto_toolbar,
.theme-dark .editor_atto_content_wrap,
.theme-dark .editor_atto + textarea {
  border: 1px solid #2E3134;
}

.editor_atto_content.form-control {
  width: 100%;
  min-height: 200px !important;
  border-top: 0;
}

/** Atto fields do not have form-control because that would break the layout of the editor.
    So they need these extra styles to highlight the editor when there is a validation error. */
.has-danger .editor_atto_content.form-control .invalid-feedback,
.has-danger .editor_atto_content.form-control-danger .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #ef1010;
}
.has-danger .editor_atto_content.form-control .invalid-tooltip,
.has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(239, 16, 16, 0.9);
  border-radius: 7px;
}
.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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center/8px 10px no-repeat, #f9f9fa 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%;
}

.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
  display: block !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.yui3-widget-modal .ftoggler h3, .modal .ftoggler h3 {
  font-size: 0.875rem;
}

.atto_form.atto_media > .tab-content {
  padding: 10px;
}

.block_course_contents .badge {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #ececfd;
  font-size: 0.75rem;
  color: #3f3dec;
}
.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: #ececfd;
}
.block_course_contents .section-item.active {
  background-color: #f9f9fa;
  color: #a19eab;
}
.block_course_contents .section-item.active .badge {
  background-color: #fff;
}
.block_course_contents a {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 7px;
  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: 7px;
  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: #e1e0e4;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.block.block_course_modulenavigation .section-group {
  margin-bottom: 0;
}

.block.block_course_modulenavigation .section {
  border: none;
}

.block.block_course_modulenavigation .module-navigation-section-heading {
  padding: 10px 1.25rem 0 1.25rem;
  margin: 0 -1.25rem 10px;
  width: calc(100% + 2.5rem);
  border-top: 1px solid #e1e0e4;
  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: #090223;
}

.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: 7px;
  font-weight: 500;
  font-size: 0.75rem;
  color: #413c55;
}

.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: #9f9ef6;
  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: 7px;
}

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 .course-content .sections {
  padding: 0 !important;
}

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-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: 7px;
  border: 1px solid #e1e0e4 !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname {
  font-size: 1rem;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary .item {
  padding: 3px 10px 3px 0;
}

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: #090223;
}

body#page-course-view-remuiformat .remui-format-list #section-0 #teachers-carousel {
  width: 200px;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.left,
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.right,
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-prev,
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-next {
  width: 25px !important;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
  margin: 0 auto;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .float-right {
  padding-right: 20px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary {
  font-size: 0.875rem;
  color: #413c55;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary {
  font-size: 0.75rem;
  color: #b4b2bc;
}

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;
  text-align: center;
}

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 .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: 7px;
  border: 1px solid #e1e0e4 !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;
}

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: #f9f9fa;
  border: 1px solid #e1e0e4;
  border-radius: 7px;
}

body#page-course-view-remuiformat .course-content .card {
  padding: 1rem 1.25rem;
  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: 2rem;
  border-radius: 7px;
  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;
  padding: 0 !important;
}

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: #413c55;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .course-cover-image {
  padding: 2rem !important;
  border-radius: 7px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .card-footer {
  padding: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity {
  padding: 15px 20px !important;
}

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-list #section-0 .general-section-activities .activity {
  width: calc(25% - 4px);
}

body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance {
  display: block !important;
  text-align: left;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance > a {
  display: flex;
  flex-wrap: wrap;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance > a .rui-instancename {
  margin-top: 0.35rem;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .summary {
  min-height: auto;
}

body#page-course-view-remuiformat .general-section-activities .activity .activityinstance {
  text-align: left;
}
body#page-course-view-remuiformat .general-section-activities .activity .activityinstance .aalink {
  display: flex;
  align-items: center;
}

body#page-course-view-remuiformat .general-section-activities .activityinstance img,
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance .iconlarge.activityicon {
  width: 40px !important;
  height: 40px !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content,
body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink,
body#page-course-view-remuiformat .section-summary-activities {
  margin: 0.5rem 0 0 0;
  padding: 0;
  text-align: left !important;
  font-size: 0.75rem;
  color: #b4b2bc;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content:empty,
body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink:empty,
body#page-course-view-remuiformat .section-summary-activities:empty {
  display: none;
}

body#page-course-view-remuiformat li.activity form.togglecompletion .btn {
  position: absolute;
  right: 0;
  top: 0;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .actions {
  position: relative;
  right: auto;
  top: 5px;
  justify-content: flex-start;
}

body#page-course-view-remuiformat .general-section-activities .activity {
  border-bottom: 0;
  text-align: left;
}

body#page-course-view-remuiformat .general-section-activities .activity:first-of-type {
  margin-left: 0;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead {
  padding: 0 1.3rem;
}

body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
  width: 105px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner a {
  margin: 3px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner a:before {
  display: none;
}

body#page-course-view-remuiformat .section-modchooser .section-modchooser-link {
  box-shadow: none !important;
  border: 0 !important;
  color: #090223 !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;
}

.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;
}

.tool_gdpr_plus.policies-consent .policy-container {
  left: 10px;
  right: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  border-radius: 7px;
}

div#trailmiddle-column > ul {
  padding: 0;
}
div#trailmiddle-column > ul li.section ul {
  padding: 0;
}

.format-tiles .subtile.hasphoto .btn.completion-btn, .format-tiles .subtile.hasphoto .subtilecontrols, .format-tiles.editing .section .activity.subtile.hasphoto .action-menu, .format-tiles.jsenabled ul.tiles {
  max-width: 100% !important;
}

.format-tiles #section-0 ul.section {
  margin: 30px 0 !important;
  padding: 0 !important;
  border: 1px solid #e1e0e4;
  border-radius: 7px !important;
}

.format-tiles .course-content #filterbuttons {
  margin-right: 0;
  margin-bottom: 0;
  min-height: auto;
  display: inline-flex;
  align-items: center;
}

.format-tiles .tiles-top-button,
.format-tiles .filterbutton {
  margin-left: 0.25rem;
  border-radius: 7px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223 !important;
}

.format-tiles .tiles-top-button {
  background-color: transparent;
}

.format-tiles .tiles-top-button:hover,
.format-tiles .filterbutton:hover, .sectionbutton:hover,
.format-tiles .filterbutton.selected {
  background-color: #ececfd !important;
  color: #3f3dec !important;
}

.format-tiles .overall-progress {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
}

.format-tiles .course-content ul.tiles .tile {
  border-radius: 7px !important;
  box-shadow: none !important;
}

.format-tiles ul.tiles .tile h3 {
  font-size: 1rem !important;
  font-weight: 700;
  color: #090223 !important;
}

format-tiles .tileiconcontainer .icon {
  width: 35px !important;
  height: 35px !important;
}

.tiletopright {
  position: absolute;
  top: 10px;
  right: 10px;
}

@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(249, 249, 250, 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='%23090223' 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='%23090223' 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(9, 2, 35, 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='%23f9f9fa' 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='%23f9f9fa' 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(249, 249, 250, 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='%23090223' 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='%23090223' 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(9, 2, 35, 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='%23f9f9fa' 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='%23f9f9fa' 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: #6564f0;
}

.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: #c5c5f9;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: calc(100% - 20px);
  height: 5px;
  left: 10px;
  top: 10px;
  border-radius: 7px;
  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: #e1e0e4 1px solid;
  align-items: stretch;
  height: 61px;
  z-index: 1030;
}
.navbar.fixed-top .navbar-brand .logo {
  max-height: calc(60px - (0.25rem * 2));
}
.navbar.fixed-top .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.navbar.fixed-top .divider {
  width: 1px;
  background-color: #e1e0e4;
}
.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: "\f00c";
  font-size: 0.75rem;
  padding-left: 0.25rem;
}
@media (max-width: 767.98px) {
  .navbar.fixed-top .langmenu .langbutton {
    display: none;
  }
}
.navbar.fixed-top .moodle-actionmenu .menubar,
.navbar.fixed-top .action-menu-trigger .dropdown {
  height: 100%;
  display: flex;
}

.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
  content: "";
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
  transform: translateX(0);
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
  transform: translateX(-100%);
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
  transform: translateX(100%);
}

.pagelayout-embedded #page {
  margin-top: 0;
}

@media (max-width: 1088.98px) {
  .rui-courseheadermenu-container {
    overflow-x: auto;
  }
  .rui-courseheadermenu-container .header-links {
    width: max-content;
  }
}

.rui-course-nav-container {
  width: max-content;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #e1e0e4;
  font-weight: 500;
  font-size: 0.813rem;
}
.theme-dark .rui-course-nav-container {
  color: #E8EAED;
  border-color: #2E3134;
}
@media (max-width: 767.98px) {
  .rui-course-nav-container {
    margin-top: 0;
  }
}
.rui-course-nav-container .header-link-item {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 5px 1.5rem 5px 0;
  padding: 0.55rem 0;
  border-radius: 7px;
  color: #a19eab;
}
.rui-course-nav-container .header-link-item:last-child {
  margin-right: 0;
}
.theme-dark .rui-course-nav-container .header-link-item {
  color: #9AA0A6;
}
.rui-course-nav-container .header-link-item .header-link-item-icon {
  margin-right: 0.35rem;
  opacity: 0.7;
}
.rui-course-nav-container .header-link-item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -6px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #3f3dec;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.theme-dark .rui-course-nav-container .header-link-item:before {
  border-color: #9f9ef6;
}
.rui-course-nav-container .header-link-item:hover {
  text-decoration: none;
  color: #3f3dec;
}
.theme-dark .rui-course-nav-container .header-link-item:hover {
  color: #9f9ef6;
}
.rui-course-nav-container .header-link-item:hover:before {
  opacity: 1;
}
.rui-course-nav-container .header-link-item.active {
  color: #3f3dec;
}
.theme-dark .rui-course-nav-container .header-link-item.active {
  color: #9f9ef6;
}
.rui-course-nav-container .header-link-item.active:before {
  opacity: 1;
}

/**
* Reportbuilder.
*/
/* Table */
#page-admin-reportbuilder-edit {
  background-color: #fff;
}
#page-admin-reportbuilder-edit #page-popup {
  margin-top: 65px;
  padding: 0;
}

/* Filters */
.reportbuilder-wrapper .filters-dropdown {
  width: 27rem;
  padding: 0;
}
@media (max-width: 767.98px) {
  .reportbuilder-wrapper .filters-dropdown {
    width: 100%;
  }
}
.reportbuilder-wrapper .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;
  max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group > span,
.reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
  max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header,
.reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {
  font-size: 0.875rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name,
.reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name:hover,
.reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name:hover {
  white-space: normal;
  text-overflow: clip;
  word-break: break-all;
}

/**
* Styled scrollbar with left padding for webkit browsers.
*/
/**
* Custom Reports.
*/
.reportbuilder-report-container {
  min-width: 0;
}

.reportbuilder-editor-table-container {
  overflow-x: auto;
}

/* Custom table headers */
.reportbuilder-table th button[data-action=report-remove-column] .icon,
.reportbuilder-table th span[data-drag-type=move] .icon {
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  color: #090223;
}
.reportbuilder-table th button[data-action=report-remove-column] .icon {
  margin-right: 0;
}

/* Sidebar menu */
@media (min-width: 1089px) {
  .reportbuilder-sidebar-menu {
    width: 250px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-menu .card-body .list-group-item {
  padding: 0.3rem 0.75rem;
}
.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
  width: 18px;
  height: 18px;
}

.reportbuilder-sidebar-menu-cards {
  overflow-y: auto;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-left: 5px solid #fff;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
  background-color: white;
  border-left: 5px solid #fff;
}

/* Settings sidebar */
.reportbuilder-sidebar-settings {
  overflow-y: auto;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
  background-color: #b4b2bc;
  border-left: 5px solid #fff;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
  background-color: white;
  border-left: 5px solid #fff;
}
@media (min-width: 1089px) {
  .reportbuilder-sidebar-settings {
    width: 350px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-settings .list-group-item {
  padding: 0.3rem 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
  width: 18px;
  height: 18px;
  color: #090223;
}
.reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
.reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
  margin-right: 0;
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
  vertical-align: middle;
}
.reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
.reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
  flex: 1 1;
  max-width: initial;
}
.reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
  flex-basis: auto;
}
.reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
  width: 100%;
}

/* Add button styles when a toggle button is active. */
/* Drag&drop styles. */
.reportbuilder-sortable-list li.sortable-list-current-position,
.reportbuilder-table th.sortable-list-current-position,
.reportbuilder-conditions-list .condition.sortable-list-current-position {
  background-color: #f7f7fe;
}
.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 {
    position: fixed;
    z-index: 1030;
    width: calc(100% - 40px);
    border-radius: 0;
    padding-top: 0;
    margin-bottom: 0 !important;
  }
  .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
    padding-top: 60px;
  }
  .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 - 140px - 52px);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
    position: absolute;
    right: 30px;
    max-height: calc(100vh - 140px);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    margin-left: calc(250px + 1rem);
    margin-right: calc(350px + 1rem);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-left: 5px solid #fff;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
    background-color: white;
    border-left: 5px solid #fff;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
    margin-left: calc(250px + 1rem);
  }
}
/* Toggle cards. */
.reportbuilder-toggle-card .card-header {
  border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
  border-top: 1px solid #e1e0e4;
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
  color: #b4b2bc;
  font-size: 1.5em;
  font-weight: 700;
}
.reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
  display: none;
}
.reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
  display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
  display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
  display: none;
}

/**
* Audiences.
*/
.reportbuilder-audiences-container {
  /* 'OR' separator. */
  /* Card action icons. */
}
.reportbuilder-audiences-container .audience-separator {
  text-transform: uppercase;
}
.reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::before {
  margin-right: 1rem;
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::after {
  margin-left: 1rem;
}
.reportbuilder-audiences-container .instance-card .card-header i.icon {
  margin-right: 0;
}

/* Report table card view styles */
/* Report table card view for small screens */
@media (max-width: 319.98px) {
  .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table thead {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0;
    padding: 0.25rem 0.5rem 0 0.5rem;
    background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
  }
  .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: #413c55;
  }
  .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 #e1e0e4;
  }
  .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: #b4b2bc;
  }
  .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;
  }
}

.courseindex {
  margin: 1px;
}
.courseindex .courseindex-item {
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 7px;
  position: relative;
}
.courseindex .courseindex-item.courseindex-section-title a {
  font-weight: 500;
  font-size: 0.875rem;
  color: #090223;
}
.theme-dark .courseindex .courseindex-item.courseindex-section-title a {
  color: #f9f9fa;
}
.courseindex .courseindex-item .icons-collapse-expand {
  line-height: 1;
}
.courseindex .courseindex-item .courseindex-name,
.courseindex .courseindex-item .courseindex-link {
  color: #413c55;
  font-size: 0.75rem;
}
.theme-dark .courseindex .courseindex-item .courseindex-name,
.theme-dark .courseindex .courseindex-item .courseindex-link {
  color: #BDC1C6;
}
.courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  color: black;
}
.theme-dark .courseindex .courseindex-item:hover, .theme-dark .courseindex .courseindex-item:focus {
  color: #fff;
}
.courseindex .courseindex-item:hover .courseindex-link,
.courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
.courseindex .courseindex-item:focus .courseindex-chevron {
  color: black;
  cursor: pointer;
}
.theme-dark .courseindex .courseindex-item:hover .courseindex-link,
.theme-dark .courseindex .courseindex-item:hover .courseindex-chevron, .theme-dark .courseindex .courseindex-item:focus .courseindex-link,
.theme-dark .courseindex .courseindex-item:focus .courseindex-chevron {
  color: #fff;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
  color: black;
}
.theme-dark .courseindex .courseindex-item:hover.dimmed, .theme-dark .courseindex .courseindex-item:focus.dimmed {
  color: #fff;
}
.courseindex .courseindex-item:hover.dimmed .courseindex-link,
.courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
.courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
  color: black;
}
.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: #fff;
}
.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: #ececfd;
  border-color: #e1e0e4;
}
.courseindex .courseindex-item.dimmed {
  color: #b4b2bc;
}
.courseindex .courseindex-item.dimmed .courseindex-link,
.courseindex .courseindex-item.dimmed .courseindex-chevron {
  color: #b4b2bc;
}
.courseindex .courseindex-item.dimmed.pageitem {
  color: #3f3dec;
}
.theme-dark .courseindex .courseindex-item.dimmed.pageitem {
  color: #3f3dec;
}
.courseindex .courseindex-item.dimmed.pageitem a {
  color: #3f3dec;
}
.theme-dark .courseindex .courseindex-item.dimmed.pageitem a {
  color: #3f3dec;
}
.courseindex .courseindex-item .courseindex-locked {
  display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
  display: block;
}
.courseindex .courseindex-item.restrictions .courseindex-locked .rui-icon-container {
  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: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .courseindex .courseindex-item.pageitem {
  background-color: #17181B;
  color: #3f3dec;
}
.courseindex .courseindex-item.pageitem a {
  color: #3f3dec;
}
.theme-dark .courseindex .courseindex-item.pageitem a {
  color: #3f3dec;
}
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
  background-color: #c9c9f9;
  color: #1816e0;
}
.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: #1816e0;
}
.courseindex .courseindex-item .completioninfo {
  line-height: 1;
  margin-right: 5px;
  min-width: 24px;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
  color: #3f3dec;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
  color: #ef1010;
}
.courseindex .courseindex-section {
  border-bottom: 1px solid #e1e0e4;
}
.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:last-of-type {
  border-bottom: 0;
}
.theme-dark .courseindex .courseindex-section {
  border-color: #2E3134;
}
.courseindex .courseindex-section .current-badge {
  line-height: 1.5;
  display: none;
}
.courseindex .courseindex-section.current {
  background-color: rgba(236, 236, 253, 0.5);
}
.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.75rem;
}
.courseindex .courseindex-sectioncontent {
  margin-left: 0;
}
.courseindex .d-flex-noedit {
  display: none;
}
.courseindex.editing .d-flex-noedit {
  display: flex;
}
.courseindex .media-list .placeholder-circle {
  height: 20px;
  width: 20px;
  border-radius: 7px;
}
.courseindex .media-list .placeholder-rec {
  width: 50%;
  height: 20px;
  border-radius: 7px;
  margin: 0.5rem 0;
}

.moremenu {
  opacity: 0;
  width: 100%;
  height: 40px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .moremenu {
    width: auto;
  }
}
@media screen and (min-width: 1680px) {
  .moremenu {
    max-width: 500px;
  }
}
@media screen and (min-width: 1920px) {
  .moremenu {
    max-width: 700px;
  }
}
.moremenu.observed {
  opacity: 1;
}
.moremenu .nav-link {
  border-radius: 7px;
  padding: 10px 14px;
  margin: 0 2px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #090223;
}
.theme-dark .moremenu .nav-link {
  color: #E8EAED;
}
.moremenu .nav-link:hover {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .moremenu .nav-link:hover {
  background-color: #080808;
  color: #E8EAED;
}
.moremenu .nav-link.active {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .moremenu .nav-link.active {
  background-color: #080808;
  color: #E8EAED;
}
.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  background-color: #ececfd;
  color: #3f3dec;
}
.theme-dark .moremenu .nav-link.active:focus, .theme-dark .moremenu .nav-link.active:hover {
  background-color: #080808;
  color: #E8EAED;
}
.moremenu .nav-link.focus, .moremenu .nav-link:focus {
  position: relative;
}
.moremenu .nav-link[data-toggle=tab] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.moremenu .nav-link[data-toggle=tab]::after {
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: bold;
}
@media speech {
  .moremenu .nav-link[data-toggle=tab]::after {
    display: none;
  }
}
.moremenu .nav-tabs {
  margin-left: 0;
  background-color: #f9f9fa;
}
.moremenu .show > .nav-link,
.moremenu .active > .nav-link,
.moremenu .nav-link.show,
.moremenu .nav-link.active {
  background: transparent;
}
.moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
  padding: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
  position: static;
  border: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
  display: block;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover {
  background-color: #ececfd;
  color: #3f3dec;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
  display: none;
}
.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 {
  background-color: #ececfd;
  color: #3f3dec;
}

.morebutton a {
  color: #090223;
}
.theme-dark .morebutton a {
  color: #ececfd;
}
.morebutton a:hover {
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark .morebutton a:hover {
  background-color: #3f3dec;
  color: #ececfd;
}

@media (max-width: 767.98px) {
  .more-nav {
    width: 40px;
  }
}
.more-nav .show .nav-link,
.more-nav .show .btn--more {
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark .more-nav .show .nav-link,
.theme-dark .more-nav .show .btn--more {
  background-color: #3f3dec;
  color: #ececfd;
}
.more-nav .show .nav-link:hover,
.more-nav .show .btn--more:hover {
  color: #3f3dec;
  background-color: #ececfd;
}
.theme-dark .more-nav .show .nav-link:hover,
.theme-dark .more-nav .show .btn--more:hover {
  background-color: #3f3dec;
  color: #ececfd;
}

.secondary-navigation {
  max-width: 860px;
  margin: 30px auto;
  padding-bottom: 15px;
}
.secondary-navigation .navigation {
  border-top: 1px solid #e1e0e4;
  border-bottom: 1px solid #e1e0e4;
  height: calc(60px + 2px);
  background-color: #f9f9fa;
}
.secondary-navigation .navigation .nav-tabs {
  border: none;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
  border-radius: initial;
}

.path-group .tertiary-navigation {
  margin-top: 30px;
}
.tertiary-navigation .navitem {
  display: flex;
  margin-bottom: 25px;
}
@media (max-width: 767.98px) {
  .tertiary-navigation .navitem {
    width: 100%;
  }
  .tertiary-navigation .navitem .btn {
    width: 100%;
  }
}
.tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
  margin-bottom: 25px;
}
.tertiary-navigation .navitem:not(:last-child) {
  margin-right: 20px;
}

@media print {
  .tertiary-navigation {
    display: none;
  }
}
.path-report .tertiary-navigation {
  margin-bottom: 30px;
}

/*# sourceMappingURL=default.css.map */