/* Theming CSS */
  /* Header color */
  .u-org--header {
    background-color: #000000 !important;
  }


  /* Header text color */
  .u-org--header {
    color: #ffffff;
  }

  button.u-org--header.appheader__button:hover,
  button.u-org--header.appheader__button:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  button.u-org--header:not(.appnav__link):hover,
  button.u-org--header:not(.appnav__link):active,
  button.u-org--header:not(.appnav__link):focus {
    color: #ffffff;
  }

  button.u-org--header.appheader__searchbutton,
  button.u-org--header.appheader__categoriesbutton,
  input[type="search"].u-org--header {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }

  button.u-org--header.appheader__searchbutton:hover,
  button.u-org--header.appheader__searchbutton:active,
  button.u-org--header.appheader__searchbutton:focus,
  button.u-org--header.appheader__searchbutton:focus-visible,
  button.u-org--header.appheader__categoriesbutton:hover,
  button.u-org--header.appheader__categoriesbutton:active,
  button.u-org--header.appheader__categoriesbutton:focus,
  button.u-org--header.appheader__categoriesbutton:focus-visible,
  input[type="search"].u-org--header:hover,
  input[type="search"].u-org--header:active,
  input[type="search"].u-org--header:focus,
  input[type="search"].u-org--header:focus-visible {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }

  input[type="search"].u-org--header:focus {
    border-color: transparent !important;
  }

  .u-org--header .search__input--appheader:not(:focus):-ms-input-placeholder {
    color: #ffffff;
  }

  .u-org--header .search__input--appheader:not(:focus)::-ms-input-placeholder {
    color: #ffffff;
  }

  .u-org--header .search__input--appheader:not(:focus)::placeholder {
    color: #ffffff;
  }


  /* Organization color */
  .u-orgcolor--color,
  .u-orgcolor--hovercolor:hover {
    color: #af93c4 !important;
  }
  .u-orgcolor--bg,
  .u-orgcolor--hoverbg:hover {
    background-color: #af93c4 !important;
  }
  .u-orgcolor--border,
  .u-orgcolor--border:link,
  .u-orgcolor--border:visited,
  .u-orgcolor--border:hover,
  .u-orgcolor--border:active,
  .u-orgcolor--border:focus {
    border-color: #af93c4;
    color: #af93c4;
  }
  .u-orgcolor--borderonly,
  .u-orgcolor--borderonly:link,
  .u-orgcolor--borderonly:visited,
  .u-orgcolor--borderonly:hover,
  .u-orgcolor--borderonly:active,
  .u-orgcolor--borderonly:focus {
    border-color: #af93c4;
  }
  .u-orgcolor--borderhover:hover,
  .u-orgcolor--borderhover:hover {
    border-color: #af93c4;
  }
  .u-orgcolor--svgfill {
    color: #af93c4;
    fill: #af93c4;
  }
  .u-orgcolor--svgstroke {
    color: #af93c4;
    stroke: #af93c4;
  }
  .u-orgcolor--svgall {
    color: #af93c4;
    fill: #af93c4;
    stroke: #af93c4;
  }
  .u-org--svgactive[data-active="true"],
  .u-org--svgactive:hover {
    color: #af93c4 !important;
    stroke: #af93c4 !important;
  }
  .u-org--barchart:after {
    background-color: #af93c4 !important;
  }
  .u-org--piechart {
    color: rgba(0, 0, 0, 0.15);
    stroke: #af93c4;
  }
  .u-org--tooltip {
    background-color: #af93c4;
  }
  .u-org--tooltiptop:before {
    border-top-color: #af93c4;
  }
  .u-org--tooltipright:before {
    border-right-color: #af93c4;
  }
  .u-org--tooltipbottom:before {
    border-bottom-color: #af93c4;
  }
  .u-org--tooltipleft:before {
    border-left-color: #af93c4;
  }
  .updatecard__heading--new:before {
    background-color: #af93c4;
  }
  .session:before {
    background-color: #af93c4;
  }
  .activityprogress__value {
    background-color: #af93c4;
  }
}
  .iconbutton,
  .comments__headerbutton, {
    color: #af93c4;
  }

  .u-org--catalogflag {
    background-image: linear-gradient(225deg, #af93c4 50%, transparent 50%);
  }

  .u-org--catalogflagsearch {
    background-image: linear-gradient(225deg, #af93c4 50%, transparent 50%);
  }

  .u-org--catalogflag-in-progress {
    background-image: linear-gradient(225deg, #fff 47%, #af93c4 3%, transparent 50%);
    border-top: 1px solid #af93c4;
    border-right: 1px solid #af93c4;
    svg {
      color: #af93c4;
    }
  }

  .u-org--enrollmentmsgimage {
    background-color: #af93c4
  }

  .u-org--catalogflagbg {
    background-image: linear-gradient(225deg, #af93c4 50%, transparent 50%);
  }
  .u-org--catalogflagfill {
    color: #af93c4;
    fill: #af93c4;
  }

  .u-org--tabactive,
  .u-org--tab:hover,
  .u-org--tab:active,
  .u-org--tab:focus {
    border-color: #af93c4;
  }
  .link--primary,
  .u-org--link,
  .u-org--link:link,
  .u-org--link:visited,
  .u-org--link:hover,
  .u-org--link:active,
  .u-org--link:focus {
    color: #af93c4;
  }
  .u-org--linkhover:hover,
  .u-org--linkhover:active,
  .u-org--linkhover:focus {
    color: #af93c4;
  }

.button--primary:not([disabled]),
  .button--primary:link,
  .button--primary:visited,
  .button--primary:hover,
  .button--primary:active,
  .button--primary:focus,
  .blankslate .button,
  .coursebar__btn--active,
  .coursebar__btn--active:hover,
  .coursebar__btn--active:focus,
  .tagbutton--selected:not(.tagbutton--taxonomy) {
    background-color: #af93c4 !important;
    border-color: #af93c4 !important;
    color: #fff !important;
  }


  .tooltip {
    background-color: #af93c4;
  }
  .tooltip--left::before {
    border-left-color: #af93c4;
  }
  .tooltip--right::before {
    border-right-color: #af93c4;
  }
  .tooltip--bottom::before,
  .tooltip--bottom-left::before,
  .tooltip--bottom-right::before {
    border-bottom-color: #af93c4;
  }
  .tooltip--top::before,
  .tooltip--top-left::before,
  .tooltip--top-right::before {
    border-top-color: #af93c4;
  }
  .checkbox--primary .checkbox__input:checked + .checkbox__ui {
    background-color: #af93c4;
    border: 2px solid #af93c4;
  }
  .question .checkbox__input:checked + .checkbox__ui {
    background-color: #af93c4;
    border: 1px solid #af93c4;
  }
  .question .radio__input:checked + .radio__ui {
    border-color: #af93c4;
  }
  .question .radio__input:checked + .radio__ui::before {
    background-color: #af93c4;
  }
  .assessment__completedicon, .assessment__gradingicon {
    background-color: #af93c4;
  }
  .enrollmentmsg__image.enrollmentmsg__image--complete  {
    background-color: #af93c4;
  }

  .rank__listitem .radio__input:checked + .radio__ui {
    border-color: #af93c4;
  }
  .rank__listitem .radio__input:checked + .radio__ui::before {
    background-color: #af93c4;
  }
  .sharelinks__link:hover,
  .sharelinks__link:focus,
  .sharelinks__link.button:hover,
  .sharelinks__link.button:focus {
    color: #af93c4;
  }
  .rating input[type="radio"]:not([disabled]) + label {
    color: #af93c4;
  }
  .courselist__item[data-status="completed"] .courselist__marker, .courselist__item[data-status="in-progress"] .courselist__marker,
  .pathmenu__sectionitem[data-status="completed"] .pathmenu__itemmarker, .pathmenu__sectionitem[data-status="in-progress"] .pathmenu__itemmarker {
    color: #af93c4;
  }
  .courselist__item[data-status="in-progress"]:not([data-shape]) .courselist__marker {
    border-color: #af93c4;
  }

    .u-org--catalogflag-in-progress svg {
    color: #af93c4;
  }
}
  .pageoutline__currentlink,
  .pageoutline__currentlink:hover,
  .pageoutline__currentlink:focus {
    color: #af93c4;
  }
  .tagbutton--selected,
  .tagbutton--selected:hover,
  .tagbutton--selected:active,
  .tagbutton--selected.tagbutton--taxonomy:hover,
  .tagbutton--selected.tagbutton--taxonomy:active {
    border-color: inherit !important;
    background-color: #af93c4;
  }
  .tagbutton--selected.tagbutton--taxonomy {
    background-color: #af93c40c !important;
    border-color: #af93c4 !important;
  }
  .datepicker .pika-prev,
  .datepicker .pika-next {
    border: 1px solid #af93c4;
  }
  .datepicker .pika-prev,
  .datepicker .is-rtl .pika-next {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2025'%20version%3D'1.1'%3E%3Cpolyline%20fill%3D'none'%20stroke%3D'%23af93c4'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20points%3D'16.7%209.4%2011.6%2012.4%2016.6%2015.3'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .pika-next,
  .datepicker .is-rtl .pika-prev {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20version%3D'1.1'%20viewBox%3D'0%200%2030%2025'%3E%3Cpath%20d%3D'M12.6%209.5L17.7%2012.4%2012.6%2015.3'%20fill-opacity%3D'0'%20stroke%3D'%23af93c4'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .is-today .pika-button {
    color: #af93c4;
  }
  .datepicker .is-selected .pika-button,
  .datepicker .is-selected .pika-button:hover {
    background: #af93c4;
  }
  .banner__icon {
    color: #af93c4;
    background: #af93c4;
  }

  /* Branding logo */
  .header__titleicon.u-org--titleicon {
    max-width: 120px;
  }
  @media (min-width: 370px) {
    .header__titleicon.u-org--titleicon {
      max-width: 160px;
    }
  }
  .u-org--titleicon + .header__titletext,
  .u-org--titleicon + .sidemenu__titletext {
    display: none;
  }
  .u-org--header .header__titlelink {
    text-overflow: clip;
  }

  /* Custom CSS */
  /*
 * Spotify for Artists - Intellum Platform Dark Theme
 * Version: 1.5 - Dialogue boxes, outline "complete" styling, and avatar menu improvements
 * Last Updated: July 31, 2025
 *
 * Milestone Changes:
 * v1.4.2 - Added exclusions for helper text spans (.css-1cjxf3n, .css-1y7vhmx, .css-x9q978)
 * v1.4.1 - Fixed catalog flag triangles with maximum specificity
 * v1.4.0 - Restored comprehensive dark theme with enhanced specificity
 * v1.3.0 - Enhanced CSS specificity to prevent light theme reversion
 * v1.0.0 - Initial dark theme implementation
 */

/* ===== GLOBAL DARK THEME BASE ===== */
html,
body,
body.body--logged-in,
body.body--logged-in.student_assessment {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ===== COMPREHENSIVE CONTENT AREAS ===== */
body.student_assessment,
body.student_assessment *:not([class*="ev-"]):not([class*="ReactCollapse"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *):not([class*="catalogflag"]):not(.catalogflag svg):not(.catalogflag svg *):not(.ev-button *):not(.ev-links-item-link *):not([class*="ev-"] *):not(.quickstartbtn svg):not(.quickstartbtn svg *):not(.button__icon):not(.button svg):not(.button svg *):not(.quickstartbtn):not(.quickstartbtn *):not(.css-1cjxf3n):not(.css-1y7vhmx):not(.css-x9q978):not(.css-x6ghkq):not(.css-18vdcyz):not(.css-1amhoei):not(.css-1d7iez):not(.question__weight):not(.question__choicesitemgrade),
.coursepage,
.coursepage *:not([class*="ev-"]):not([class*="ReactCollapse"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *):not([class*="catalogflag"]):not(.catalogflag svg):not(.catalogflag svg *):not(.ev-button *):not(.ev-links-item-link *):not([class*="ev-"] *):not(.quickstartbtn svg):not(.quickstartbtn svg *):not(.button__icon):not(.button svg):not(.button svg *):not(.quickstartbtn):not(.quickstartbtn *):not(.css-1cjxf3n):not(.css-1y7vhmx):not(.css-x9q978):not(.css-x6ghkq):not(.css-18vdcyz):not(.css-1amhoei):not(.css-1d7iez):not(.question__weight):not(.question__choicesitemgrade),
.main,
.main *:not([class*="ev-"]):not([class*="ReactCollapse"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *):not([class*="catalogflag"]):not(.catalogflag svg):not(.catalogflag svg *):not(.ev-button *):not(.ev-links-item-link *):not([class*="ev-"] *):not(.quickstartbtn svg):not(.quickstartbtn svg *):not(.button__icon):not(.button svg):not(.button svg *):not(.quickstartbtn):not(.quickstartbtn *):not(.css-1cjxf3n):not(.css-1y7vhmx):not(.css-x9q978):not(.css-x6ghkq):not(.css-18vdcyz):not(.css-1amhoei):not(.css-1d7iez):not(.question__weight):not(.question__choicesitemgrade),
article.assessment,
article.assessment *:not([class*="ev-"]):not([class*="ReactCollapse"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *):not([class*="catalogflag"]):not(.catalogflag svg):not(.catalogflag svg *):not(.ev-button *):not(.ev-links-item-link *):not([class*="ev-"] *):not(.quickstartbtn svg):not(.quickstartbtn svg *):not(.button__icon):not(.button svg):not(.button svg *):not(.quickstartbtn):not(.quickstartbtn *):not(.css-1cjxf3n):not(.css-1y7vhmx):not(.css-x9q978):not(.css-x6ghkq):not(.css-18vdcyz):not(.css-1amhoei):not(.css-1d7iez):not(.question__weight):not(.question__choicesitemgrade),
.coursepage__content,
.coursepage__content *:not([class*="ev-"]):not([class*="ReactCollapse"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *):not([class*="catalogflag"]):not(.catalogflag svg):not(.catalogflag svg *):not(.ev-button *):not(.ev-links-item-link *):not([class*="ev-"] *):not(.quickstartbtn svg):not(.quickstartbtn svg *):not(.button__icon):not(.button svg):not(.button svg *):not(.quickstartbtn):not(.quickstartbtn *):not(.css-1cjxf3n):not(.css-1y7vhmx):not(.css-x9q978):not(.css-x6ghkq):not(.css-18vdcyz):not(.css-1amhoei):not(.css-1d7iez):not(.question__weight):not(.question__choicesitemgrade),
.coursepage__contentmain,
.coursepage__contentmain *:not([class*="ev-"]):not([class*="ReactCollapse"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *):not([class*="catalogflag"]):not(.catalogflag svg):not(.catalogflag svg *):not(.ev-button *):not(.ev-links-item-link *):not([class*="ev-"] *):not(.quickstartbtn svg):not(.quickstartbtn svg *):not(.button__icon):not(.button svg):not(.button svg *):not(.quickstartbtn):not(.quickstartbtn *):not(.css-1cjxf3n):not(.css-1y7vhmx):not(.css-x9q978):not(.css-x6ghkq):not(.css-18vdcyz):not(.css-1amhoei):not(.css-1d7iez):not(.question__weight):not(.question__choicesitemgrade) {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ===== ASSESSMENT ELEMENTS ===== */
.assessment,
.assessment *:not([class*="ev-"]):not(.ev-flipCard-widget *):not(.ev-flip-card-item *):not(.ev-body *),
.assessment__results,
.assessment__resultdetails,
.assessment__resulttext,
.assessment__stats,
.assessment__details,
.assessment__section,
.assessment__header,
.assessment__category,
.assessment__categoryname,
.assessment__questionslist,
.assessment__questionslistitem {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.question,
.question *:not([class*="ev-"]),
.question__body,
.question__title,
.question__answer {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ===== FORMS AND INPUTS ===== */
input,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="radio"],
input[type="checkbox"],
textarea,
select,
.appsearch__input,
#app-search {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

input:disabled,
textarea:disabled,
select:disabled {
    background-color: #222222 !important;
    color: #888888 !important;
    border-color: #333333 !important;
}

.question .radio__input:disabled + .radio__ui,
.question .checkbox__input:disabled + .checkbox__ui {
    background-color: #333333 !important;
    border-color: #555555 !important;
}

/* ===== HEADER STYLING ===== */
.u-org--header,
body .u-org--header,
body button.u-org--header,
.appheader .u-org--header {
    background-color: #000000 !important;
    color: #ffffff !important;
}

button.u-org--header.appheader__button:hover,
button.u-org--header.appheader__button:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

button.u-org--header.appheader__searchbutton,
input[type="search"].u-org--header {
    border-color: rgba(255, 255, 255, 0.3) !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

input[type="search"].u-org--header:focus {
    border-color: transparent !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.u-org--header input::placeholder,
body .u-org--header input::placeholder {
    color: #ffffff !important;
}

/* ===== USER MENU ===== */
.appusermenu,
.appusermenu *:not([class*="ev-"]),
.navmenu__menu,
.navmenu__menu *:not([class*="ev-"]),
#usermenu,
#usermenu *:not([class*="ev-"]),
#app-org-switcher,
#app-org-switcher *:not([class*="ev-"]) {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.appusermenu__actionlink {
    background-color: transparent !important;
    color: #ffffff !important;
    padding: 0.5rem 1rem !important;
    border-radius: 4px !important;
}

/* ===== USER MENU HOVER STATE FIXES ===== */
/* Fix user menu hover states with proper grey background */
.appusermenu__actionlink:hover,
nav#usermenu .appusermenu__actionlink:hover,
#app-org-switcher .appusermenu__actionlink:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* More specific targeting for the user menu items */
#usermenu .appusermenu__actionlink:hover,
.navmenu__menu .appusermenu__actionlink:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Target any potential conflicting background colors */
.appusermenu__actionlistitem:hover,
.appusermenu__actionlistitem:hover .appusermenu__actionlink {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Ensure full width grey background on menu item hover */
.appusermenu__actionlistitem:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Target specific menu text spans on hover */
.appusermenu__actionlink:hover span,
nav#usermenu .appusermenu__actionlink:hover span,
#app-org-switcher .appusermenu__actionlink:hover span {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Target the logout button specifically */
.btn__logout:hover,
.btn__logout:hover .appusermenu__actionlink {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Fix SVG icons on hover - keep them white */
.appusermenu__actionlink:hover svg,
.appusermenu__actionlink:hover svg *,
.appusermenu__actionlink:hover svg path,
.appusermenu__actionlink:hover svg g,
nav#usermenu .appusermenu__actionlink:hover svg,
nav#usermenu .appusermenu__actionlink:hover svg *,
nav#usermenu .appusermenu__actionlink:hover svg path,
nav#usermenu .appusermenu__actionlink:hover svg g,
#app-org-switcher .appusermenu__actionlink:hover svg,
#app-org-switcher .appusermenu__actionlink:hover svg *,
#app-org-switcher .appusermenu__actionlink:hover svg path,
#app-org-switcher .appusermenu__actionlink:hover svg g {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
    fill-opacity: 1 !important;
    background-color: transparent !important;
}

.appusermenu__actionlink svg,
.appusermenu__actionlink svg *,
.appusermenu__actionlink svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

.appusermenu__heading,
.appusermenu__heading * {
    color: #ffffff !important;
}

/* ===== USER MENU SVG ICON DOUBLE OUTLINE FIX ===== */
/* Fix user menu SVG icons - remove double outline effect */
#usermenu svg,
.appusermenu svg,
#usermenu svg *,
.appusermenu svg * {
    fill: #ffffff !important;
    fill-opacity: 1 !important;
    color: #ffffff !important;
}

/* More specific targeting for paths to override inline styles */
#usermenu svg path,
.appusermenu svg path,
#usermenu svg g,
.appusermenu svg g {
    fill: #ffffff !important;
    fill-opacity: 1 !important;
}

/* ===== SEARCH MENU ===== */
.appheader__searchmenu,
.appheader__searchmenu *:not([class*="ev-"]),
.appsearch,
.appsearch *:not([class*="ev-"]),
.appsearch--menu,
.appsearch--menu *:not([class*="ev-"]) {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

.appheader__searchmenu {
    border: 1px solid #af93c4 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8) !important;
}

.appsearch__input,
input[name="search"],
#app-search {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
    border-radius: 4px !important;
    padding: 8px 12px 8px 40px !important;
}

.appsearch__input:focus,
input[name="search"]:focus,
#app-search:focus {
    border-color: #af93c4 !important;
    background-color: #333333 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(175, 147, 196, 0.3) !important;
    outline: none !important;
}

.appsearch__input::placeholder,
input[name="search"]::placeholder,
#app-search::placeholder {
    color: #bbbbbb !important;
}

/* ===== PATH DRAWER ===== */
#pathdrawer,
#pathdrawer *:not([class*="ev-"]),
.pathdrawer,
.pathdrawer *:not([class*="ev-"]) {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.pathmenu__itemcontent,
.double_click_protection.pathmenu__itemcontent {
    background-color: #111111 !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 10 !important;
}

li.pathmenu__sectionitem--currentitem,
.pathmenu__sectionitem--currentitem {
    color: #af93c4 !important;
    position: relative !important;
    z-index: 5 !important;
}

li.pathmenu__sectionitem--currentitem .pathmenu__itemname {
    font-weight: bold !important;
    text-shadow: 0 0 4px #af93c4 !important;
    box-shadow: inset 0 -2px 0 0 #af93c4 !important;
}

li.pathmenu__sectionitem--complete,
li.pathmenu__sectionitem--complete * {
    color: #af93c4 !important;
    fill: #af93c4 !important;
    stroke: #af93c4 !important;
}

.pathmenu__markericon {
    color: #af93c4 !important;
    fill: #af93c4 !important;
}

.courselist__marker {
    background-color: #000000 !important;
}

#pathdrawer-close {
    color: #ffffff !important;
}

#pathdrawer-close:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* ===== CONTENT AREAS ===== */
.course__contentcontainer,
.course__contentcontainer *:not([class*="ev-"]),
.course__content,
.course__content *:not([class*="ev-"]),
.course__description,
.postcontent,
.course__description *,
.postcontent * {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ===== NAVIGATION ===== */
.coursepage__nav,
.coursepage__nav *:not([class*="ev-"]),
.coursepage__navlink,
.coursepage__navlabel,
.coursepage__navtitle {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.coursepage__navicon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.coursepage__navlink:hover .coursepage__navlabel,
.coursepage__navlink:hover .coursepage__navtitle {
    color: #ffffff !important;
}

/* ===== BREADCRUMBS ===== */
.appheader__breadcrumbs,
.appheader__breadcrumbs *:not([class*="ev-"]),
#breadcrumbDropdown,
#breadcrumbDropdown *:not([class*="ev-"]) {
    background-color: #111111 !important;
    color: #ffffff !important;
}

#breadcrumbDropdown {
    padding: 0.5rem 1rem !important;
    border-radius: 4px !important;
    z-index: 2 !important;
}

/* ===== FOOTER ===== */
.appfooter,
.appfooter *:not([class*="ev-"]),
.appfooter__link,
.appfooter__link--poweredby {
    background-color: #000000 !important;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.appfooter__item svg path,
.appfooter__link svg path,
.appfooter__item img,
.appfooter__link img {
    filter: brightness(0) invert(1) !important;
    fill: #ffffff !important;
}

.appfooter__item--legallinks a,
.appfooter__item--legallinks a:visited,
.appfooter__item--legallinks a:hover,
.appfooter__item--legallinks a:active {
    color: #ffffff !important;
}

/* ===== ACTIVITY STYLING ===== */
.activityheading,
.activityheading *:not([class*="ev-"]),
.activitysection__header,
.activitysection__header *:not([class*="ev-"]),
.activitysection__itemname,
h3.activitysection__itemname,
.u-headingitem.activitysection__itemname {
    border-bottom: 2px solid transparent !important;
    background-color: #111111 !important;
    color: #ffffff !important;
}

.activitysection__header:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #af93c4 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* ===== ACTIVITY CARDS ===== */
.cardgrid__item,
.cardgrid__item *:not([class*="ev-"]),
.activitycard,
.activitycard *:not([class*="ev-"]),
.double_click_protection.activitycard,
.double_click_protection.activitycard *:not([class*="ev-"]) {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.activitycard__imagecontainer,
.activitycard__textcontainer,
.catalogflag__container {
    background-color: transparent !important;
}

.activitycard__name,
.u-headingitem.activitycard__name,
h3.activitycard__name {
    color: #ffffff !important;
    background-color: transparent !important;
}

.activitymeta,
.activitycard__meta,
.activitymeta * {
    background-color: transparent !important;
    color: #ffffff !important;
}

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

.activitycard:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
}

/* ===== MODALS AND DIALOGS ===== */
.modal,
.modal *:not([class*="ev-"]),
exceed-modal,
exceed-modal *:not([class*="ev-"]),
.modal__content,
exceed-modal .modal__content,
.dialog,
.dialog *:not([class*="ev-"]),
.dialog__content {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.dialog__content {
    border: 2px solid #af93c4 !important;
    box-shadow: 0 0 20px rgba(175, 147, 196, 0.3) !important;
    border-radius: 8px !important;
}

/* ===== SECTION NAME TAGS ===== */
.tag.tag--sectionname,
.question__sectionname,
span.tag--sectionname {
    color: #ffffff !important;
    background-color: #333333 !important;
    border-color: #555555 !important;
}

/* ===== GRADE MARKS AND ICONS ===== */
.grademark,
.grademark *,
.assessment__completedicon {
    background-color: #af93c4 !important;
}

/* ===== DASHBOARD MODULE ===== */
.dashboard-module,
.dashboard-module *:not([class*="ev-"]) {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.dashboard-module__progress,
.dashboard-module__progress * {
    background-color: transparent !important;
}

.progress-bar {
    background-color: #444444 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.progress-bar__fill {
    background-color: #2962ff !important;
}

.dashboard-module__title,
.dashboard-module__title *,
.dashboard-module h2,
.dashboard-module h3,
.dashboard-module h4,
.dashboard-module p,
.dashboard-module span {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* ===== Z-INDEX AND VISIBILITY ===== */
.ev-scroll-progress-bar {
    z-index: 200 !important;
}

body:has(#usermenu.navmenu__menu--visible) .ev-scroll-progress-bar,
body:has(.appheader__searchmenu--visible) .ev-scroll-progress-bar,
body:has(#app-org-switcher .navmenu__menu--visible) .ev-scroll-progress-bar {
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

#usermenu.navmenu__menu--visible,
.appheader__searchmenu--visible,
#app-org-switcher .navmenu__menu--visible {
    z-index: 300 !important;
}

/* ===== SUPPRESS HEADER ICONS ===== */
.activitymeta--heading {
    display: none !important;
}

.activityheading__actionsitem {
    display: none !important;
}

/* ===== FORCE OVERRIDE FOR DYNAMIC CONTENT ===== */
[style*="background-color: white"]:not([class*="ev-"]),
[style*="background-color: #fff"]:not([class*="ev-"]),
[style*="background-color: #ffffff"]:not([class*="ev-"]),
[style*="background: white"]:not([class*="ev-"]),
[style*="background: #fff"]:not([class*="ev-"]),
[style*="background: #ffffff"]:not([class*="ev-"]) {
    background-color: #000000 !important;
    color: #ffffff !important;
}

[style*="color: black"]:not([class*="ev-"]),
[style*="color: #000"]:not([class*="ev-"]),
[style*="color: #000000"]:not([class*="ev-"]) {
    color: #ffffff !important;
}

/* ===== SPECIFIC COMPONENT FIXES ===== */

/* PATH DRAWER BUTTON FIXES */
#pathdrawer-trigger {
    background-color: #af93c4 !important;
    border-color: #af93c4 !important;
    color: #ffffff !important;
}

#pathdrawer-trigger svg,
#pathdrawer-trigger .pathdrawer__icon,
#pathdrawer-trigger svg *,
#pathdrawer-trigger .pathdrawer__icon * {
    background-color: transparent !important;
    color: #ffffff !important;
    fill: #ffffff !important;
}

#pathdrawer-trigger:hover {
    background-color: #9d7eb8 !important;
    border-color: #9d7eb8 !important;
}

#pathdrawer-close svg,
#pathdrawer-close .pathdrawer__icon,
#pathdrawer-close svg *,
#pathdrawer-close .pathdrawer__icon * {
    color: #ffffff !important;
    fill: #ffffff !important;
    background-color: transparent !important;
}

#pathdrawer-close:hover svg,
#pathdrawer-close:hover .pathdrawer__icon,
#pathdrawer-close:hover svg *,
#pathdrawer-close:hover .pathdrawer__icon *,
#pathdrawer-close:hover svg path,
#pathdrawer-close:hover svg g {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* ===== QUICKSTART BUTTON FIXES - MAXIMUM SPECIFICITY ===== */
body.student_assessment .course__contentcontainer .quickstartbtn.button--primary,
body.student_assessment .course__content .quickstartbtn.button--primary,
body.student_assessment .coursepage__contentmain .quickstartbtn.button--primary,
.course__contentcontainer .quickstartbtn.button--primary,
.course__content .quickstartbtn.button--primary {
    background-color: #af93c4 !important;
    border-color: #af93c4 !important;
    color: #ffffff !important;
}

body.student_assessment .course__contentcontainer .quickstartbtn.button--primary svg,
body.student_assessment .course__content .quickstartbtn.button--primary svg,
.course__contentcontainer .quickstartbtn.button--primary svg,
.course__content .quickstartbtn.button--primary svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    background-color: transparent !important;
}

body.student_assessment .course__contentcontainer .quickstartbtn.button--primary:hover,
body.student_assessment .course__content .quickstartbtn.button--primary:hover,
body.student_assessment .coursepage__contentmain .quickstartbtn.button--primary:hover,
.course__contentcontainer .quickstartbtn.button--primary:hover,
.course__content .quickstartbtn.button--primary:hover {
    background-color: #9d7eb8 !important;
    border-color: #9d7eb8 !important;
    color: #ffffff !important;
}

/* ===== COMPLETED TRACK ICON FIXES ===== */
/* Fix the completed track icons - purple circle with white checkmark */
.courselist__icon circle[fill="currentColor"],
.activitysection__list .courselist__icon circle[fill="currentColor"] {
    fill: #af93c4 !important;
}

.courselist__icon path[fill="#fff"],
.activitysection__list .courselist__icon path[fill="#fff"] {
    fill: #ffffff !important;
}

/* Make sure the currentColor doesn't override our purple */
.courselist__icon[data-status="complete"],
.courselist__icon[data-status="completed"] {
    color: #af93c4 !important;
}

/* ===== CATALOG FLAG (IN PROGRESS INDICATOR) FIXES ===== */
/* White top-right triangle, transparent bottom-left triangle */
.catalogflag.u-org--catalogflag.catalogflag--in-progress,
.catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress,
.catalogflag.catalogflag--in-progress.u-org--catalogflag-in-progress {
    background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%) !important;
    background-color: transparent !important;
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    border-bottom: none !important;
    border-left: none !important;
}

/* Override any pseudo-elements that might be creating the black triangle */
.catalogflag.u-org--catalogflag.catalogflag--in-progress::before,
.catalogflag.u-org--catalogflag.catalogflag--in-progress::after,
.catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress::before,
.catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress::after {
    display: none !important;
    background: transparent !important;
}

/* Make sure the three dots icon is visible and styled correctly */
.catalogflag.u-org--catalogflag.catalogflag--in-progress svg,
.catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress svg,
.catalogflag.catalogflag--in-progress.u-org--catalogflag-in-progress svg {
    background-color: transparent !important;
    color: #000000 !important;
    fill: #000000 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure the dots paths are black and visible */
.catalogflag.u-org--catalogflag.catalogflag--in-progress svg path,
.catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress svg path,
.catalogflag.catalogflag--in-progress.u-org--catalogflag-in-progress svg path {
    fill: #000000 !important;
    color: #000000 !important;
}

/* ===== CATALOG FLAG - COMPLETED VARIANT FIXES ===== */
/* Purple top-right triangle, transparent bottom-left triangle for completed items */
.catalogflag.u-org--catalogflag:not(.catalogflag--in-progress):not(.u-org--catalogflag-in-progress),
.u-org--catalogflag:not(.catalogflag--in-progress):not(.u-org--catalogflag-in-progress) {
    background-image: linear-gradient(45deg, transparent 50%, #af93c4 50%) !important;
    background-color: transparent !important;
    border-top: 1px solid #af93c4 !important;
    border-right: 1px solid #af93c4 !important;
    border-bottom: none !important;
    border-left: none !important;
}

/* Override any pseudo-elements for completed variant only */
.catalogflag.u-org--catalogflag:not(.catalogflag--in-progress)::before,
.catalogflag.u-org--catalogflag:not(.catalogflag--in-progress)::after,
.u-org--catalogflag:not(.catalogflag--in-progress)::before,
.u-org--catalogflag:not(.catalogflag--in-progress)::after {
    display: none !important;
    background: transparent !important;
}

/* Make sure the checkmark icon is visible and white on purple background - completed only */
.catalogflag.u-org--catalogflag:not(.catalogflag--in-progress) svg,
.u-org--catalogflag:not(.catalogflag--in-progress) svg {
    background-color: transparent !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure the checkmark paths are white - completed only */
.catalogflag.u-org--catalogflag:not(.catalogflag--in-progress) svg path,
.u-org--catalogflag:not(.catalogflag--in-progress) svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ===== CATALOG FLAG ICON ULTRA-SPECIFIC TRANSPARENCY FIXES ===== */
/* Force SVG backgrounds to be transparent with maximum specificity */
body.student_assessment .catalogflag.u-org--catalogflag.catalogflag--in-progress svg,
body.student_assessment .catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress svg,
body.student_assessment .catalogflag.catalogflag--in-progress.u-org--catalogflag-in-progress svg,
body.student_assessment .catalogflag.u-org--catalogflag:not(.catalogflag--in-progress) svg {
    background-color: transparent !important;
    background: none !important;
}

/* Also target nested elements with ultra-high specificity */
body.student_assessment .catalogflag.u-org--catalogflag.catalogflag--in-progress svg *,
body.student_assessment .catalogflag.u-org--catalogflag.u-org--catalogflag-in-progress svg *,
body.student_assessment .catalogflag.catalogflag--in-progress.u-org--catalogflag-in-progress svg *,
body.student_assessment .catalogflag.u-org--catalogflag:not(.catalogflag--in-progress) svg * {
    background-color: transparent !important;
    background: none !important;
}

/* ===== SUPPRESS EMPTY ACTIVITY SECTION HEADINGS ===== */
/* Hide h2 headings that are NOT inside toggle buttons (the empty ones) */
header.activitysection__header:not(.activitysection__header--toggle) h2.u-headingsection--activity.activitysection__name {
    display: none !important;
}

/* ===== EVOLVE ANIMATION RESTORATION - MORE SPECIFIC ===== */
.ev-flowchart-next-item .ev-button.ev-pulse {
    animation: revert !important;
}

.ev-flowchart-next-item button.ev-pulse {
    animation: revert !important;
}

/* ===== SUBMIT BUTTON STYLING ===== */
/* Fix for form submit button to match purple theme */
button.css-x6ghkq.btn.btn-primary,
button.css-x6ghkq,
.css-x6ghkq.btn-primary,
.css-x6ghkq {
    background-color: #af93c4 !important;
    border-color: #af93c4 !important;
    color: #ffffff !important;
}

button.css-x6ghkq.btn.btn-primary:hover,
button.css-x6ghkq:hover,
.css-x6ghkq.btn-primary:hover,
.css-x6ghkq:hover {
    background-color: #9d7eb8 !important;
    border-color: #9d7eb8 !important;
    color: #ffffff !important;
}

/* Ensure all nested elements have transparent backgrounds */
button.css-x6ghkq *,
button.css-x6ghkq div,
button.css-x6ghkq span {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
}

/* Specific targeting for the nested elements */
.css-18vdcyz,
.css-1amhoei,
.css-1d7iez {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
}

/* ===== HELPER TEXT POSITIONING AND COLOR FIX ===== */
/* Complete fix for helper text spans - positioning and color */

/* Set up the parent containers for flexbox centering */
.css-1o4f35a,
.css-9iub7q,
.css-jpcawg,
.css-xoardb {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

/* High specificity positioning and color for helper text spans */
body.student_assessment span.css-1cjxf3n,
body.student_assessment span.css-1y7vhmx,
body.student_assessment span.css-x9q978,
body.body--logged-in span.css-1cjxf3n,
body.body--logged-in span.css-1y7vhmx,
body.body--logged-in span.css-x9q978,
.coursepage span.css-1cjxf3n,
.coursepage span.css-1y7vhmx,
.coursepage span.css-x9q978,
.main span.css-1cjxf3n,
.main span.css-1y7vhmx,
.main span.css-x9q978 {
    position: absolute !important;
    z-index: 10 !important;
    color: rgb(142, 142, 142) !important;
    background: transparent !important;
    pointer-events: none !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    left: 12px !important;
    opacity: 0.8 !important;
    top: 50% !important;
    margin-top: -10px !important;
}

/* Basic fallback with lower specificity */
span.css-1cjxf3n,
span.css-1y7vhmx,
span.css-x9q978 {
    position: absolute !important;
    z-index: 10 !important;
    color: rgb(142, 142, 142) !important;
    background: transparent !important;
    pointer-events: none !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    left: 12px !important;
    opacity: 0.8 !important;
    top: 50% !important;
    margin-top: -10px !important;
}
/* Highly specific dialog layout fix - prevents spillover to other elements */

/* Main dialog container - use CSS Grid layout for ALL dialog items */
.ev-dialog-item .ev-dialog-item-inner {
    display: grid !important;
    gap: 30px !important;
    align-items: center !important;
    width: 80% !important;
    max-width: 80% !important;
    min-height: auto !important;
}

/* Right-aligned items: text left, image right */
.ev-dialog-item.ev-dialog-item-right-item .ev-dialog-item-inner {
    grid-template-columns: 1fr 150px !important;
    grid-template-rows: 1fr !important;
    min-height: 180px !important;
}

/* Left-aligned items (default): image left, text right */
.ev-dialog-item:not(.ev-dialog-item-right-item) .ev-dialog-item-inner {
    grid-template-columns: 150px 1fr !important;
    grid-template-rows: 1fr !important;
    min-height: 180px !important;
}

/* Image container positioning for RIGHT-aligned items */
.ev-dialog-item.ev-dialog-item-right-item .ev-dialog-item-inner .ev-dialog-item-avatar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
}

.ev-dialog-item.ev-dialog-item-right-item .ev-dialog-item-inner .ev-dialog-item-avatar .ev-image-container {
    width: 150px !important;
    max-width: 150px !important;
}

/* Text container positioning for RIGHT-aligned items */
.ev-dialog-item.ev-dialog-item-right-item .ev-dialog-item-inner .ev-body.ev-dialog-item-message {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

/* Image styling for RIGHT-aligned items */
.ev-dialog-item.ev-dialog-item-right-item .ev-dialog-item-inner .ev-dialog-item-avatar .ev-image-container .ev-img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Image container positioning for LEFT-aligned items (default) */
.ev-dialog-item:not(.ev-dialog-item-right-item) .ev-dialog-item-inner .ev-dialog-item-avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
}

.ev-dialog-item:not(.ev-dialog-item-right-item) .ev-dialog-item-inner .ev-dialog-item-avatar .ev-image-container {
    width: 150px !important;
    max-width: 150px !important;
}

/* Text container positioning for LEFT-aligned items (default) */
.ev-dialog-item:not(.ev-dialog-item-right-item) .ev-dialog-item-inner .ev-body.ev-dialog-item-message {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

/* Image styling for LEFT-aligned items (default) */
.ev-dialog-item:not(.ev-dialog-item-right-item) .ev-dialog-item-inner .ev-dialog-item-avatar .ev-image-container .ev-img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Hide sign up on login modal (added by Intellum TC) */
#main > div.row.login.blankslate.publiclogin.publiclogin--page > div > form > div.login__actions > div {
    visibility: hidden;
}

/* Makes the outline "completed" checkmark purple, instead of white on white */
.pathmenu__sectionitem[data-status="completed"] .pathmenu__markericon circle {
    fill: rgb(175, 147, 196) !important;
}

/* Make the User ID in assessments barely visible */
.question__watermark {
    opacity: 0.1 !important;
}

/* ===== ASSESSMENT SCORE INDICATORS ===== */
/* ===== ASSESSMENT SCORE INDICATORS ===== */
/* Ultra-specific overrides to beat the comprehensive selector */
body.student_assessment.body--logged-in .question__weight.question__weight--fail,
body.student_assessment.body--logged-in .coursepage .question__weight.question__weight--fail,
body.student_assessment.body--logged-in .main .question__weight.question__weight--fail,
body.student_assessment.body--logged-in article.assessment .question__weight.question__weight--fail {
    color: #dc3545 !important;
    font-weight: bold !important;
    background-color: transparent !important;
    background: transparent !important;
}

body.student_assessment.body--logged-in .question__weight.question__weight--pass,
body.student_assessment.body--logged-in .coursepage .question__weight.question__weight--pass,
body.student_assessment.body--logged-in .main .question__weight.question__weight--pass,
body.student_assessment.body--logged-in article.assessment .question__weight.question__weight--pass {
    color: #28a745 !important;
    font-weight: bold !important;
    background-color: transparent !important;
    background: transparent !important;
}

/* Grademark circles with black backgrounds */
.question__weight--fail .grademark--fail {
    background-color: #000000 !important;
    border-radius: 50% !important;
}

.question__weight--pass .grademark--pass {
    background-color: #000000 !important;
    border-radius: 50% !important;
}

/* Score indicator SVGs */
.question__weight--fail .grademark--fail svg,
.question__weight--fail .grademark--fail svg path,
.question__weight--fail .grademark--fail svg g {
    fill: #dc3545 !important;
    color: #dc3545 !important;
}

.question__weight--pass .grademark--pass svg,
.question__weight--pass .grademark--pass svg path,
.question__weight--pass .grademark--pass svg g {
    fill: #28a745 !important;
    color: #28a745 !important;
}

/* ===== ASSESSMENT CHOICE INDICATORS ===== */
/* Choice indicator SVGs */
.question__choicesitemgrade.grademark--fail svg,
.question__choicesitemgrade.grademark--fail svg path,
.question__choicesitemgrade.grademark--fail svg g {
    fill: #dc3545 !important;
    color: #dc3545 !important;
}

.question__choicesitemgrade.grademark--pass svg,
.question__choicesitemgrade.grademark--pass svg path,
.question__choicesitemgrade.grademark--pass svg g {
    fill: #28a745 !important;
    color: #28a745 !important;
}

.ev-component-interaction-label.ev-is-incomplete .ev-interaction-label-inner .ev-interaction-label-text {
    color: white !important;
}

#graphic-component-open-fullscreen-686c3fecffd45af8bb0febe0 {
    width: auto !important;
    height: 800px  !important;
}

.ev-button.ev-default.ev-buttons-feedback.ev-button-icon-before.ev-button-icon-position-left.ev-button-image-position-top.ev-button-text-align-center.ev-disabled {
    margin-left: auto !important;
    display: block !important;
}

.question__errors .question__errorsicon path[fill="currentColor"] {
    fill: red !important;
}

.activitymeta__topicslist {
    display: none;
}