/* ==UserStyle==
@name           NCSU Websites
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A userstyle for NCSU websites
@author         SimplyJacoby
@homepageURL    https://github.com/SimplyJacoby/NCSU-Websites
@supportURL     https://github.com/SimplyJacoby/NCSU-Websites/issues
@updateURL      https://raw.githubusercontent.com/SimplyJacoby/NCSU-Websites/master/ncsu-websites.user.css
@license        CC-BY-SA-4.0
@preprocessor   default
@var select bg-color "Main Background Color" {
    "Arc Dark": "#383c4a",
    "Atom One Dark (Default)*": "#21252b",
    "Deep Dark": "#1A1A1A",
    "Discord Dark": "#23272A",
    "Dracula": "#282a36",
    "Light": "#F3F3F4",
    "Microsoft Dark": "#171717",
    "Pink": "#fb607f",
    "Custom": "var(--custom-bg-color)"
} @var color custom-bg-color "Custom Main Background Color" #21252b

@var select bg-2-color "Secondary Background Color" {
    "Arc Dark": "#404552",
    "Atom One Dark (Default)*": "#282C34",
    "Deep Dark": "#222222",
    "Discord Dark": "#36393F",
    "Dracula": "#44475a",
    "Light": "#ffffff",
    "Microsoft Dark": "#1F1F1F",
    "Pink": "#fe7f9c",
    "Custom": "var(--custom-bg-2-color)"
} @var color custom-bg-2-color "Custom Secondary Background Color" #282C34

@var select bg-3-color "Tertiary Background Color" {
    "Arc Dark": "#4b5162",
    "Atom One Dark (Default)*": "#333842",
    "Deep Dark": "#292929",
    "Discord Dark": "#42464D",
    "Dracula": "#686C8A",
    "Light": "#FAFAFA",
    "Microsoft Dark": "#272727",
    "Pink": "#fca3b7",
    "Custom": "var(--custom-bg-3-color)"
} @var color custom-bg-3-color "Custom Tertiary Background Color" #333842

@var select button-color "Button Color"{
    "Arc Dark": "#5294e2",
    "Atom One Dark (Default)*": "#3d424d",
    "Deep Dark": "#4A4D53",
    "Discord Dark": "#4A4D53",
    "Dracula": "#6272a4",
    "Light": "#d1d1d1",
    "Microsoft Dark": "#4A4D53",
    "Pink": "#de3163",
    "Custom": "var(--custom-button-color)"
} @var color custom-button-color "Custom Button Color" #3d424d

@var select textarea-color "Text Input Background Color" {
    "Arc Dark": "#7c818c",
    "Atom One Dark (Default)*": "#3d424d",
    "Deep Dark": "#4A4D53",
    "Discord Dark": "#4A4D53",
    "Dracula": "#81859E",
    "Light": "#F2F2F2",
    "Microsoft Dark": "#363636",
    "Pink": "#de3163",
    "Custom": "var(--custom-textarea-color)"
} @var color custom-textarea-color "Custom Text Input Background Color" #3d424d

@var select border-color "Border Color" {
    "Arc Dark": "#4D596C",
    "Atom One Dark (Default)*": "#4a515e",
    "Deep Dark": "#454545",
    "Discord Dark": "#3E4145",
    "Dracula": "#363b45",
    "Light": "#efefef",
    "Microsoft Dark": "#333333",
    "Pink": "#fbaed2",
    "Custom": "var(--custom-border-color)"
} @var color custom-border-color "Custom Border Color" #4a515e

@var select hover-color "Mouse Hover Color" {
    "Arc Dark": "#2B7ADB",
    "Atom One Dark (Default)*": "#4a515e",
    "Deep Dark": "#666b74",
    "Discord Dark": "#666b74",
    "Dracula": "#596A9B",
    "Light": "#e2e2e2",
    "Microsoft Dark": "#666b74",
    "Pink": "#ec5578",
    "Custom": "var(--custom-hover-color)"
} @var color custom-hover-color "Custom Mouse Hover Color" #4a515e

@var select text-color "Text Color" {
    "Arc Dark": "#ffffff",
    "Atom One Dark (Default)*": "#D7E2EF",
    "Deep Dark": "#D7E2EF",
    "Discord Dark": "#ffffff",
    "Dracula": "#f8f8f2",
    "Light": "#2D2D2D",
    "Microsoft Dark": "#ffffff",
    "Pink": "#ffffff",
    "Custom": "var(--custom-text-color)"
} @var color custom-text-color "Custom Text Color" #D7E2EF

@var select accent-color "Accent Color" {
    "Arc Dark": "#a59dbc",
    "Atom One Dark (Default)*": "#ff6768",
    "Deep Dark": "#2b79b1",
    "Discord Dark": "#6680D7",
    "Dracula": "#66b2c2",
    "Light": "#488bdd",
    "Microsoft Dark": "#0078D7",
    "Pink": "#4d1e98",
    "Custom": "var(--custom-accent-color)"
} @var color custom-link-color "Custom Accent Color" #ff6768

@var select link-hover-color "Link Text Hover Color" {
    "Arc Dark": "#B79EF5",
    "Atom One Dark (Default)*": "#c24e4e",
    "Deep Dark": "#1AAEFF",
    "Discord Dark": "#768fe2",
    "Dracula": "#5FE0FC",
    "Light": "#74afe4",
    "Microsoft Dark": "#77ADFF",
    "Pink": "#742ce6",
    "Custom": "var(--custom-link-hover-color)"
} @var color custom-link-hover-color "Custom Link Text Hover Color" #c24e4e

==/UserStyle== */

@-moz-document domain("moodle-courses1819.wolfware.ncsu.edu"), domain("moodle-projects.wolfware.ncsu.edu"), domain("moodle-courses1920.wolfware.ncsu.edu"), domain("moodle-courses2021.wolfware.ncsu.edu") {
    :root {
        --green: #3daf71;
        --yellow: #b8c04a;
        --red: #d85a5a;
        --faded-yellow: #aeb372;
        --gray-color: #798497;
        --dark-gray-color: #4a5775;
        --test: #742ce6;
    }
    a:not(.list-group-item):not(.dropdown-item):not(.nav-link):not(.coursename) {
        color: var(--accent-color) !important;
        text-decoration: none !important;
    }
    p a {
        background-color: #0000 !important;
    }
    a:hover:not(.list-group-item):not(.dropdown-item):not(.nav-link):not(.coursename) {
        color: var(--link-hover-color) !important;
        text-decoration: none !important;
    }
    *:not(.page-header-headings) {
        color: var(--text-color) !important;
    }
    #page {
        background-color: var(--bg-color) !important;
    }
    .card {
        background-color: var(--bg-2-color) !important;
        border-color: #0000 !important;
    }
    .dashboard-card-footer {
        background-color: var(--bg-3-color) !important;
    }
    .dashboard-card {
        background-color: var(--bg-3-color) !important;
    }
    .dashboard-card:hover, .dashboard-card:hover .dashboard-card-footer {
        background-color: var(--hover-color) !important;
    }
    .block-timeline .border-bottom {
        border-color: var(--border-color) !important;
    }
    .block_html hr {
        border-color: var(--border-color) !important;
    }
    
    /* top navbar */
    .navbar {
        background-color: var(--bg-2-color) !important;
    }
    .navbar .btn {
        background-color: var(--button-color) !important;
        border: none !important;
    }
    .navbar .btn:hover {
        background-color: var(--hover-color) !important;
    }
    .navbar .dropdown-toggle:hover {
        background-color: #0000 !important;
    }
    
    /* dropdowns */
    .dropdown-toggle {
        border-color: var(--border-color) !important;
    }
    .dropdown-toggle:hover {
        background-color: var(--hover-color) !important;
    }
    .dropdown-menu {
        background-color: var(--bg-3-color) !important;
        border-color: var(--border-color) !important;
    }
    .dropdown-menu .dropdown-item {
        background: none !important;
    }
    .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item.active:hover {
        background-color: var(--accent-color) !important;
    }
    .dropdown-menu .dropdown-item:hover {
        background-color: var(--hover-color) !important;
    }
    .dropdown-divider {
        border-color: var(--border-color) !important;
    }
    .dropdown .btn:hover, .dropdown .btn:focus {
        background-color: var(--hover-color) !important;
    }
    .form-control {
        background-color: #0000 !important;
        border-color: var(--border-color) !important;
    }
    .form-control:focus {
        box-shadow: none !important;
    }
    .form-autocomplete-suggestions {
        background-color: var(--bg-3-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    .form-autocomplete-suggestions li:hover {
        background-color: var(--hover-color) !important;
    }
    
    /* input */
    input[type=text] {
        background-color: var(--textarea-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    
    /* pagination */
    .pagination li a {
        background-color: #0000 !important;
        border-color: var(--border-color) !important;
    }
    .pagination .active, .pagination .active .page-link {
        background-color: var(--hover-color) !important;
        color: var(--accent-color) !important;
        border-color: var(--border-color) !important;
    }
    .pagination .active:hover, .pagination .active .page-link:hover {
        background-color: var(--hover-color) !important;
    }
    .pagination li:hover {
        background-color: var(--hover-color) !important;
    }
    
    /* select */
    .select, .custom-select {
        background-color: #0000 !important;
        border-color: var(--border-color) !important;
    }
    .select:focus, .custom-select:focus {
        box-shadow: none !important;
    }
    .select option, .custom-select option {
        background-color: var(--bg-3-color) !important;
    }
    
    /* buttons */
    .btn {
        background-color: var(--button-color) !important;
        border-color: #0000 !important;
    }
    .btn:hover {
        background-color: var(--hover-color) !important;
    }
    .btn-link, .btn-link:hover {
        background-color: #0000 !important;
    }
    
    /* text area */
    textarea {
        background-color: var(--textarea-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    
    /* sidebar navigation */
    #nav-drawer {
        background-color: var(--bg-color) !important;
    }
    #nav-drawer .list-group {
        background-color: var(--bg-2-color) !important;
    }
    #nav-drawer .list-group-item {
        background: none !important;
        border: none  !important;
    }
    #nav-drawer .list-group-item.active, #nav-drawer .list-group-item.active:hover {
        background-color: var(--accent-color) !important;
    }
    #nav-drawer .list-group-item:hover {
        background-color: var(--hover-color) !important;
    }
    
    /* page header box */
    #page-header .card-block {
        background-color: var(--bg-2-color) !important;
        border-color: #0000 !important;
    }
    #page-header #page-navbar {
        border-top-color: #0000 !important;
    }
    #page-navbar .singlebutton .btn {
        background-color: var(--button-color) !important;
        border: none !important;
    }
    #page-navbar .singlebutton .btn:hover {
        background-color: var(--hover-color) !important;
    }
    
    /* course card */
    #region-main {
        background-color: vaR(--bg-2-color) !important;
        border-color: #0000 !important;
    }
    #region-main .section {
        border-bottom-color: var(--border-color) !important;
    }
    #region-main .section .instancename {
        color: var(--accent-color) !important;
    }
    #region-main .section .instancename:hover {
        color: var(--link-hover-color) !important;
    }
    
    /* sections */
    .section {
        border-color: var(--border-color) !important;
    }
    .course-content .section-summary .section-summary-activities .activity-count {
        color: var(--text-color) !important;
    }
    
    .node_category {
        background-color: var(--bg-3-color) !important;
        border-color: #0000 !important;
    }
    
    /* tables */
    .generaltable * {
        border-color: var(--border-color) !important;
    }
    
    /* assignments */
    #page-mod-assign-view .submissionstatussubmitted, #page-mod-assign-view .submissiongraded, #page-mod-assign-view .earlysubmission {
            background: var(--green) !important;
    }

    #page-mod-assign-view .submittedlate, #page-mod-assign-view .latesubmission {
        background: var(--red) !important;
    }

    #page-mod-assign-view .submissionlocked, #page-mod-assign-view .submissionstatusdraft, #page-mod-assign-view .submissionnotgraded {
        background: var(--yellow) !important;
    }
    #page-mod-quiz-view #intro, #page-mod-quiz-view #intro ul {
        background-color: var(--bg-2-color) !important;
    }

    /* alert */
    .alert-info, .alert, .alert-block {
        background-color: var(--accent-color) !important;
    }
    
    /* nav tabs */
    .nav-tabs {
        border-color: var(--border-color) !important;
    }
    .nav-tabs .nav-item .active {
        background-color: var(--hover-color) !important;
        border-color: #0000 !important;
    }
    .nav-tabs .nav-item a:hover,.nav-tabs .nav-item a:focus {
        background-color: var(--hover-color) !important;
        border-color: var(--hover-color) !important;
    }
    
    /* footer */
    #page-footer {
        background-color: var(--bg-color) !important;
    }
    
    /* file stuff */
    .filemanager-container, .fp-content, .fp-navbar {
        border: 1px solid var(--border-color) !important;
    }
    .filemanager .fp-navbar .filemanager-toolbar .btn:hover {
        background: var(--hover-color) !important;
    }
    .fp-thumbnail {
        border: none !important;
    }
    .fp-filename {
        background-color: var(--bg-2-color) !important;
    }
    .filepicker-filelist {
        background-color: var(--textarea-color) !important;
        border-color: var(--border-color) !important;
    }
    .dndupload-progress-outer {
        background-color: var(--textarea-color) !important;
    }
    .dndupload-progress-inner {
        background-color: var(--green) !important;
    }
    
    /* dialogue popup */
    .moodle-dialogue-content {
        background-color: var(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    .moodle-dialogue-hd {
        border-color: var(--border-color) !important;
    }
    .nav-pills .active {
        background-color: var(--accent-color) !important;
    }
    .moodle-dialogue-content .closebutton {
        background-image: none !important;
    }
    
    /* quizzes */
    .quizreviewsummary th {
        background-color: var(--button-color) !important;
    }
    .quizreviewsummary td {
        background-color: var(--bg-3-color) !important;
    }
    .info {
        background-color: var(--bg-3-color) !important;
        border-color: var(--border-color) !important;
    }
    .content .formulation {
        background-color: var(--bg-3-color) !important;
    }
    .content .outcome {
        background-color: var(--faded-yellow) !important;
    }
    .qnbutton .thispageholder {
        border-color: var(--border-color) !important;
    }
    .qnbutton.correct .trafficlight {
        background-color: var(--green) !important;
    }

    .qnbutton.incorrect .trafficlight {
        background-color: var(--red) !important;
    }

    .qnbutton.partiallycorrect .trafficlight {
        background-color: var(--yellow) !important;
    }

    .qnbutton.answersaved .trafficlight {
        background-color: var(--dark-gray-color) !important;
    }

    .qnbutton .trafficlight {
        background-color: var(--gray-color) !important;
    }
    
    /* notifications */
    .popover-region-notifications .popover-region-container {
        background-color: var(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    .popover-region-toggle::after {
        border-bottom-color: var(--bg-color) !important;
        z-index: -1 !important;
    }
    .popover-region-header-container {
        border-color: var(--border-color) !important;
    }
    .popover-region-footer-container {
        border-color: var(--border-color) !important;
        background-color: var(--bg-color) !important;
    }
    .popover-region-notifications .popover-region-footer-container:hover {
        background-color: var(--hover-color) !important;
    }
    
    /* messages */
    .message-app .header-container .input-group-prepend .bg-white {
        background-color: var(--textarea-color) !important;
    }
    .message-app {
        background-color: var(--bg-color) !important;
    }
    .message-app .body-container .bg-white {
        background-color: var(--bg-color) !important;
    }
    .message-app .border-bottom {
        border-color: var(--border-color) !important;
    }
    .message-app .input-group-text {
        background-color: var(--textarea-color) !important;
        border-color: var(--border-color) !important;
    }
    .message-app .form-control {
        border-left: none !important;
    }
    .message-app .list-group-item {
        background-color: var(--bg-3-color) !important;
    }
    .message-app .badge {
        background-color: var(--accent-color) !important;
    }
    .message-app .header-container .bg-white {
        background-color: var(--bg-3-color) !important;
    }
    .message-app .body-container .message {
        background-color: var(--bg-3-color) !important;
    }
    .message .tail {
        border-bottom-color: var(--bg-3-color) !important;
    }
    .message-app .footer-container .bg-white {
        background-color: var(--bg-2-color) !important;
        border-top-color: var(--border-color) !important;
    }
    .message-app .footer-container .form-control {
        border-left: solid 1px var(--border-color) !important;
        background-color: var(--textarea-color) !important;
    }
    .message-app .fa-star {
        color: #f1e815 !important;;
    }
    
    /* announcements */
    .forumpost {
        border-color: vaR(--border-color) !important;
    }
    .post .info {
        background-color: #0000 !important;
    }
    
    /* scrollover popup */
    .popover {
        background-color: var(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    .popover-header {
        background-color: var(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    
    /* modal */
    .modal-content {
        background-color: vaR(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    .modal-header, .modal-footer {
        border-color: var(--border-color) !important;
    }
    .modal-content .containsadvancedelements {
        border-color: var(--border-color) !important;
    }
    .calendar_event_course {
        background-color: #0000 !important;
        color: var(--text-color) !important;
    }
    
    /* calendar selector */
    .yui3-calendar-pane, .yui3-calendar-grid tbody td {
        background-color: var(--bg-2-color) !important;
    }
    .yui3-calendar-header .yui3-calendarnav-nextmonth {
        border-left-color: var(--border-color) !important;
    }
    .yui3-calendar-header .yui3-calendarnav-prevmonth {
        border-right-color: var(--border-color) !important;
    }
    .yui3-calendar-header .yui3-calendarnav-nextmonth:hover {
        border-left-color: var(--accent-color) !important;
    }
    .yui3-calendar-header .yui3-calendarnav-prevmonth:hover {
        border-right-color: var(--accent-color) !important;
    }
    .yui3-calendar-grid * {
        border-color: var(--border-color) !important;
    }
    .yui3-calendar-pane {
        border: 1px solid var(--border-color) !important;
    }
    .yui3-calendar-content {
        background: var(--bg-3-color) !important;
        border-color: var(--border-color) !important;
    }
    
    /* calendar events key */
    .calendar_filters li a span i {
        color: var(--bg-color) !important;
    }
    .calendar_filters li a .calendar_event_course {
        background-color: #ffd3bd !important;
    }
    
    /* text editor */
    .editor_atto_toolbar {
        background-color: var(--bg-3-color) !important;
        border-color: var(--border-color) !important;
    }
    .editor_atto_content {
        background-color: var(--textarea-color) !important;
        border-color: var(--border-color) !important;
    }
    .editor_atto_content_wrap {
        border: none !important;
    }
    .editor_atto_toolbar button {
        background-color: var(--button-color) !important;
        border-color: var(--border-color) !important;
    }
    .editor_atto_toolbar button:hover {
        background: var(--hover-color) !important;
    }
    .atto_group {
        border-color: var(--border-color) !important;
    }
    .atto_info {
        background-color: var(--bg-3-color) !important;
    }
    
    /* data retention summary page */
    #page-admin-tool-dataprivacy-summary .card {
        border-color: var(--border-color) !important;
    }
    #page-admin-tool-dataprivacy-summary .card * {
        border-color: var(--border-color) !important;
    }
    
    .collapsible {
        border-color: var(--border-color) !important;
    }
    .region_main_settings_menu_proxy {
        background-color: #0000 !important;
    }
    
    /* tags */
    .tag {
        background-color: var(--accent-color) !important;
    }
    
    /* userplans */
    .userplan {
        border-color: var(--border-color) !important;
    }
    .userplan .phase .phasetasks {
        background-color: var(--bg-3-color) !important;
        border-color: var(--border-color) !important;
    }
    .userplan .phase dd.active, .userplan dt.active {
        background-color: var(--accent-color) !important;
        border-color: var(--border-color) !important;
    }
    .userplan dt {
        border-color: var(--border-color) !important;
    }
    
    #workshop-viewlet-yourgrades .grade {
        background-color: var(--bg-3-color) !important;
        border-color: var(--border-color) !important;
    }
    
    /* rubric */
    .gradingform_rubric .criterion.odd {
        background-color: var(--bg-3-color) !important;        
    }
    .gradingform_rubric .criterion.even {
        background-color: var(--bg-2-color) !important;
    }
    .gradingform_rubric .score, .gradingform_rubric .score .scorevalue {
        color: var(--green) !important;
    }
    
    /* timeline */
    .block-timeline .list-group-item {
        background-color: #0000 !important;
    }
    .block-timeline .list-group-item h6 a:hover, .block-timeline .list-group-item h6 a:focus {
        background-color: #0000 !important;
    }
}

@-moz-document domain("shib.ncsu.edu") {
    body {
        background-color: var(--bg-color) !important;
    }
    * {
        color: var(--text-color) !important;
    }
    h2 {
        color: var(--accent-color) !important;
    }
    a {
        color: var(--accent-color) !important;
    }
    .shib-form {
        background-color: var(--bg-2-color) !important;
    }
    #formSubmit {
        background-color: var(--accent-color) !important;
    }
    .shib-footer {
        background-color: var(--bg-2-color) !important;
    }
    .panel-body {
        background-color: var(--bg-2-color) !important;
    }
    .form-control {
        background-color: var(--textarea-color) !important;
        border-color: var(--border-color) !important;
    }
    .table * {
        border-color: var(--border-color) !important;
    }
    .table tr:nth-child(2n+1) > td {
        background-color: var(--bg-3-color) !important;
    }
}
@-moz-document url-prefix("https://wolfware.ncsu.edu") {
    body {
        background-color: var(--bg-color) !important;
    }
    * {
        color: var(--text-color) !important;
        text-shadow: none !important;
    }
    .maincontent-wrapper {
        background: var(--bg-color) !important;
    }
    #leftcolumn , #rightcolumn .row, #maincontent, #rightcolumn, .toolbox-wrapper {
        background: var(--bg-2-color) !important;
    }
    .toolbox-nav li a{
        background-color: var(--bg-3-color) !important;
        border: none !important;
    }
    .toolbox-nav li a:hover {
        background-color: var(--hover-color) !important;
        opacity: 1 !important;
    }
    .toolbox-nav .active a {
        background-color: var(--accent-color) !important;
    }
    .toolbox-nav .active a:hover {
        background-color: var(--accent-color) !important;
    }
    .toolbox-nav {
        margin-top: 10% !important;
    }
    footer {
        background-color: var(--bg-color) !important;
    }
    
    /* course block */
    .course-block {
        background-color: var(--bg-3-color) !important;
    }
    .course-block .course-listing, .course-block .main-info {
        background-color: var(--bg-3-color) !important;
    }
    .course-block .main-info i {
        filter: invert(100%) !important;
    }
    .course-block-collapsed i {
        filter: inverT(100%) !important;
    }
    .course-wrapper .collapsed-block {
        border-color: var(--border-color) !important;
    }
    
    /* alert */
    .alert-notification, .alert {
        background-color: var(--accent-color) !important;
        border-color: #0000 !important;
        border-radius: 0px !important;
    }
    
    /* buttons */
    .btn {
        background: var(--button-color) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 0px !important;
        box-shadow: none !important;
    }
    .btn:hover {
        background: var(--hover-color) !important;
    }
    .btn i {
        filter: invert(100%) !important;
    }
    .settings .btn i {
        filter: invert(0%) !important;
    }
    .settings .btn-group {
        border: 1px solid var(--border-color) !important;
    }
    .settings .btn-group li a.btn {
        background: var(--button-color) !important;
        border: none !important;
    }
    .settings .btn-group li a.btn:hover {
        background: var(--hover-color) !important;
    }
    .settings .dropdown-menu li i {
        filter: invert(100%) !important;
    }
    
    /* dropdowns */
    .dropdown-toggle {
        background-color: var(--button-color) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 0px !important;
    }
    .dropdown-toggle .caret {
        border-top-color: var(--text-color) !important;
        border-bottom-color: var(--text-color) !important;
    }
    .dropdown-toggle:hover .caret {
        border-top-color: var(--accent-color) !important;
        border-bottom-color: var(--accent-color) !important;
    }
    .dropdown-toggle i {
        filter: invert(100%) !important;
    }
    .dropdown-menu {
        background-color: var(--button-color) !important;
        border-radius: 0px !important;
    }
    .dropdown-menu li a {
        background-color: #0000 !important;
    }
    .dropdown-menu li:hover {
        background-color: var(--hover-color) !important;
    }
    .dropdown-menu .divider {
        background: var(--border-color) !important;
    }
    .wolfware-menu li a {
        background-color: #0000 !important;
    }
    .wolfware-menu .dropdown {
        border: none !important;
    }
    .wolfware-menu .dropdown .dropdown-toggle {
        border: none !important;
        border-left: 1px solid var(--border-color) !important;
    }
    .wolfware-menu .dropdown:first-child .dropdown-toggle {
        border-left: none !important;
    }
    
    #coursesTab {
        border-bottom: 1px solid var(--border-color) !important;
    }
    #coursesTab .current a, #coursesTab .future a, #coursesTab .previous a, #coursesTab .project a, #coursesTab .outreach a {
        background-color: var(--bg-2-color) !important;
        border-bottom-color: var(--border-color) !important;
        border-right: none !important;
        border-left: none !important;
    }
    #coursesTab .active a {
        border-right: 1px solid var(--border-color) !important;
        border-left: 1px solid var(--border-color) !important;
        background-color: var(--accent-color) !important;
    }
    #coursesTab li a:hover {
        background-color: var(--hover-color) !important;
    }
    #coursesTab .active a:hover {
        background-color: var(--accent-color) !important;
    }
    
    .breadcrumb-wrapper {
        background: var(--bg-color) !important;
        border-top-color: #0000 !important;
    }
    .course-heading-wrapper {
        border-color: var(--border-color) !important;
    }
    .postnav {
        background: var(--bg-color) !important;
        border-color: #0000 !important;
    }
    .dropdown #category {
        background-color: #0000 !important;
        border: none !important;
    }
    
    /* input */
    input[type="text"], textarea {
        background-color: var(--textarea-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    input[type="text"]:focus, textarea:focus {
        box-shadow: none !important;
    }
    input[type="submit"] {
        background-color: var(--button-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    input[type="submit"]:hover {
        background-color: var(--hover-color) !important;
    }
    
    /* select */
    select {
        background-color: var(--button-color) !important;
        border-color: var(--border-color) !important;
        border-radius: 0px !important;
    }
    
    .ncstate-utility-bar-tools {
        background-color: var(--bg-2-color) !important;
    }
    .ncstate-utility-bar-tools input {
        background-color: var(--bg-3-color) !important;
    }
    .ncstate-utility-bar-links {
        background-color: var(--bg-3-color) !important;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .25) !important;
    }
    .ncstate-utility-bar-tools #search-submit {
        border: none !important;
    }
    
    /* announcements */
    .announcement {
        background-color: var(--bg-3-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    
    /* pagination */
    .pagination ul li a {
        background-color: var(--button-color) !important;
        border-radius: 0px !important;
        border-color: var(--border-color) !important;
    }
    .pagination ul li a:hover {
        background-color: var(--hover-color) !important;
    }
    .pagination ul .active span {
        background-color: var(--accent-color) !important;
        border-radius: 0px !important;
        border-color: var(--border-color) !important;
    }
    .pagination ul .disabled span {
        background-color: var(--bg-3-color) !important;
        border-radius: 0px !important;
        border-color: var(--border-color) !important;
    }
    
    /* profile page */
    form[name="profileForm"] h2 {
        background-color: #0000 !important;
        border-bottom: 1px solid var(--border-color) !important;
        border-radius: 0px !important;
    }
    form[name="profileForm"] h2 img {
        filter: invert(100%) !important;
    }
    form[name="profileForm"] legend {
        border-color: var(--border-color) !important;
    }
    
    /* modal */
    .modal {
        border-radius: 0px !important;
        border: none !important;
        background-color: var(--bg-color) !important;
    }
    .modal-body {
        background-color: var(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    .modal-header, .modal-footer {
        background: var(--bg-color) !important;
        border-color: var(--border-color) !important;
    }
    
    /* login page */
    #breadcrumb1 > .container {
        background-color: var(--bg-2-color) !important;
    }
    .landing-callout-wrapper .landing-callout .target-callout {
        background: var(--bg-3-color) !important;
    }
    .landing-callout-wrapper .landing-callout .search-button {
        background: var(--accent-color) !important;
        border-color: var(--accent-color) !important;
        transition: background .15s ease-in-out !important;
    }
    .landing-callout-wrapper .landing-callout .search-button:hover {
        background: var(--link-hover-color) !important;
        transition: background .15s ease-in-out !important;
    }
}
    
@-moz-document url-prefix("https://wolfware.ncsu.edu/courses") {
    .heading {
        border-radius: 0px !important;
        background-color: var(--bg-color) !important;
        opacity: .8 !important;
    }
    .row, .maincontent-wrapper, .maincontent-wrapper > .container {
        background-color: var(--bg-2-color) !important;
    }
    .course-rightcol {
        background-color: var(--bg-3-color) !important;
        border: 1px solid var(--border-color) !important;
    }
    .course-info {
        background: none !important;
    }
    .instructors h3{
        border-color: var(--border-color) !important;
    }
    .instructors-quick-list li a {
        border-color: var(--border-color) !important;
    }
    .instructors-quick-list li a:hover {
        background-color: var(--hover-color) !important;
    }
    .course-quick-info i {
        filter: invert(100%) !important;
    }
}

@-moz-document domain("pages.github.ncsu.edu") {
    a {
        color: var(--accent-color) !important;
    }
    a:hover {
        color: var(--link-hover-color) !important;
    }
    *:not(.triangle-left):not(.triangle-right) {
        border-color: var(--border-color) !important;
    }
    body {
        background-color: var(--bg-2-color) !important;
        margin-right: 10% !important;
        margin-left: 10% !important;
    }
    #main_content {
        background-color: var(--bg-2-color);
        color: var(--text-color) !important;
    }
    #main_content_wrap {
        background-color: var(--bg-2-color) !important;
    }
    #wrapper h1, #wrapper h2, #wrapper h3 {
        color: var(--text-color) !important;
    }
    #wrapper .callout h2 {
        color: black !important;
    }
    .highlighter-rouge {
        color: #ededed !important;
        background-color: #555463 !important;
    }
    .navRow {
        position: sticky !important;
        top: 0px !important;
        z-index: 9 !important;
        border-bottom: 1px solid var(--border-color) !important;
        padding: 5px !important;
        margin-left: -.85% !important;
        width: 101.7% !important;
    }
    .navRow, .prevPage, .nextPage {
        background-color: var(--bg-3-color) !important;
    }
    #header_wrap .header_inner {
        background-color: var(--bg-2-color) !important;
    }
    #header_wrap {
        background-color: var(--bg-2-color) !important;
    }
    #tocSidenav {
        background-color: var(--bg-3-color) !important;
    }
    #footer_wrap {
        background-color: var(--bg-color) !important;
    }
    
    /* navbar */
    .ncstate-utility-bar-home > a {
        color: #0000 !important;
    }
    #ncstate-utility-bar .ncstate-utility-bar-tools {
        background: var(--bg-color) !important;
    }
        /* navbar dropdowns */
        .wolfware-menu li:hover, .wolfware-menu li:focus {
            background: var(--hover-color) !important;
        }
    
        .wolfware-menu li:hover a, .wolfware-menu li:focus a {
            background: none !important;
        }

        .wolfware-menu li + li{
            border-color: var(--border-color) !important;
        }

        .wolfware-menu li a {
            background: none;
        }

        .wolfware-menu .dropdown-menu {
            background: var(--bg-3-color) !important;
            border: 1px solid var(--border-color) !important;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .25) !important;
        }

        .wolfware-menu .dropdown-menu .divider {
            background: var(--border-color) !important;
        }

        /* resources dropdown */
        #ncstate-utility-bar .ncstate-utility-bar-links {
            background: var(--bg-2-color) !important;
            z-index: 10 !important;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .25) !important;
        }

        #ncstate-utility-bar .is-hidden {
            box-shadow:none !important;
        }

        #ncstate-utility-bar .ncstate-utility-bar-links a {
            color: var(--accent-color) !important;
        }

        #ncstate-utility-bar .ncstate-utility-bar-links a:hover {
            color: var(--link-hover-color) !important;
        }

        /* search bar */
        .ncstate-utility-bar-tools input {
            background-color: var(--bg-3-color) !important;
        }
        .ncstate-utility-bar-tools #search-submit {
            border: none !important;
        }
        .ncstate-utility-bar-tools #search-submit:hover {
            background-color: var(--hover-color) !important;
        }
    
    /* tables */
    table, table thead tr th {
        background-color: var(--textarea-color) !important;
    }
    table tbody tr:nth-of-type(2n+1) {
        background-color: #455266 !important;
        
    }
    table tbody tr {
        background-color: #363f4d !important;
        color: var(--text-color) !important;
    }
    table tbody tr:hover {
        background-color: #2c343f !important;
    }
    
    .callout *:not(a), #wrapper .callout h3 {
        color: #000 !important;
    }
}