html.mantis-dark-mode {
    color-scheme: dark;
    background-color: #161b22;
}

html.mantis-dark-mode body {
    background-color: #161b22 !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode .main-container,
html.mantis-dark-mode .main-content,
html.mantis-dark-mode .page-content,
html.mantis-dark-mode .login-container {
    background-color: #161b22 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode .main-container:before {
    background-color: #161b22 !important;
}

html.mantis-dark-mode #navbar,
html.mantis-dark-mode #navbar .navbar-collapse,
html.mantis-dark-mode #navbar .navbar-header,
html.mantis-dark-mode .breadcrumbs,
html.mantis-dark-mode .page-header,
html.mantis-dark-mode .footer,
html.mantis-dark-mode .footer-inner,
html.mantis-dark-mode .footer-content,
html.mantis-dark-mode #sidebar,
html.mantis-dark-mode .sidebar,
html.mantis-dark-mode .sidebar-shortcuts,
html.mantis-dark-mode .sidebar-toggle {
    background-color: #202938 !important;
    border-color: #374151 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode .footer-content {
    border-color: #374151 !important;
}

html.mantis-dark-mode #navbar .navbar-brand,
html.mantis-dark-mode #navbar .ace-nav > li > a,
html.mantis-dark-mode .breadcrumbs,
html.mantis-dark-mode .breadcrumbs a {
    color: #e5e7eb;
}

html.mantis-dark-mode .nav-list,
html.mantis-dark-mode .nav-list > li,
html.mantis-dark-mode .nav-list > li > a,
html.mantis-dark-mode .nav-list > li > .submenu,
html.mantis-dark-mode .nav-list > li .submenu > li > a {
    background-color: #202938;
    border-color: #374151;
    color: #cbd5e1;
}

html.mantis-dark-mode .nav-list > li.active > a,
html.mantis-dark-mode .nav-list > li > a:hover,
html.mantis-dark-mode .nav-list > li .submenu > li > a:hover {
    background-color: #2b384a;
    color: #ffffff;
}

html.mantis-dark-mode .skin-3 .nav-list > li.active > a,
html.mantis-dark-mode .skin-3 .nav-list > li.active.highlight > a,
html.mantis-dark-mode .skin-3 .nav-list > li.active > a:hover,
html.mantis-dark-mode .skin-3 .nav-list > li.active > a:focus {
    background-color: #334155 !important;
    color: #f8fafc !important;
}

html.mantis-dark-mode .skin-3 .nav-list li.active > a:after {
    border-right-color: #161b22 !important;
}

html.mantis-dark-mode .skin-3 .nav-list li.active > a:before {
    border-right-color: #60a5fa !important;
}

html.mantis-dark-mode .dropdown-menu,
html.mantis-dark-mode .dropdown-menu.dropdown-yellow,
html.mantis-dark-mode .dropdown-menu > li > a,
html.mantis-dark-mode .dropdown-menu .divider {
    background-color: #202938;
    border-color: #374151;
    color: #e5e7eb;
}

html.mantis-dark-mode .dropdown-menu > li > a:hover,
html.mantis-dark-mode .dropdown-menu > li > a:focus {
    background-color: #334155 !important;
    color: #ffffff !important;
}

html.mantis-dark-mode .dropdown-menu.dropdown-yellow > li > a:hover,
html.mantis-dark-mode .dropdown-menu.dropdown-yellow > li > a:focus,
html.mantis-dark-mode .dropdown-menu.dropdown-yellow > li.active > a {
    background-color: #334155 !important;
    color: #ffffff !important;
}

html.mantis-dark-mode #projects-list .scrollable-menu > .dropdown-yellow > li:hover > a,
html.mantis-dark-mode #projects-list .scrollable-menu > .dropdown-yellow > li > a:focus,
html.mantis-dark-mode #projects-list .scrollable-menu > .dropdown-yellow > li > a:active,
html.mantis-dark-mode #projects-list .scrollable-menu > .dropdown-yellow > li.active > a {
    background-color: #334155 !important;
    color: #ffffff !important;
}

html.mantis-dark-mode #navbar .ace-nav > li.grey > a {
    background-color: #263244 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode #navbar .ace-nav > li.grey > a:hover,
html.mantis-dark-mode #navbar .ace-nav > li.grey > a:focus,
html.mantis-dark-mode #navbar .ace-nav > li.open.grey > a {
    background-color: #334155 !important;
    color: #ffffff !important;
}

html.mantis-dark-mode .label-default,
html.mantis-dark-mode .label-grey,
html.mantis-dark-mode .badge-grey,
html.mantis-dark-mode .widget-title .badge {
    background-color: #365a7a !important;
    color: #f8fafc !important;
}

html.mantis-dark-mode .label-default.arrowed-in-right::after {
    border-color: #365a7a transparent #365a7a #365a7a !important;
}

html.mantis-dark-mode .profile-activity:hover {
    background-color: #334155 !important;
    border-bottom-color: #4b5563;
    border-left-color: #4b5563;
    border-right-color: #4b5563;
}

html.mantis-dark-mode .profile-activity:first-child:hover {
    border-top-color: #4b5563;
}

html.mantis-dark-mode .widget-box,
html.mantis-dark-mode .widget-header,
html.mantis-dark-mode .widget-body,
html.mantis-dark-mode .widget-main,
html.mantis-dark-mode .well,
html.mantis-dark-mode .panel,
html.mantis-dark-mode .panel-default,
html.mantis-dark-mode .panel-heading,
html.mantis-dark-mode .panel-body,
html.mantis-dark-mode .panel-footer {
    background-color: #202938;
    border-color: #374151;
    color: #e5e7eb;
}

html.mantis-dark-mode h1,
html.mantis-dark-mode h2,
html.mantis-dark-mode h3,
html.mantis-dark-mode h4,
html.mantis-dark-mode h5,
html.mantis-dark-mode label,
html.mantis-dark-mode .control-label,
html.mantis-dark-mode .help-block {
    color: #e5e7eb;
}

html.mantis-dark-mode a {
    color: #93c5fd;
}

html.mantis-dark-mode a:hover,
html.mantis-dark-mode a:focus {
    color: #bfdbfe;
}

html.mantis-dark-mode table,
html.mantis-dark-mode .table {
    background-color: #202938 !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode table.filters {
    background-color: #202938 !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode table.filters td.category,
html.mantis-dark-mode table.filters th.category,
html.mantis-dark-mode td.category,
html.mantis-dark-mode th.category,
html.mantis-dark-mode td.category label,
html.mantis-dark-mode th.category label {
    background-color: #263244 !important;
    color: #bfdbfe !important;
}

html.mantis-dark-mode tr.spacer {
    background-color: #161b22 !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode .table > thead > tr {
    background: #263244 !important;
    background-image: none !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode .table > thead > tr > th,
html.mantis-dark-mode .table > thead > tr > td {
    background-color: transparent !important;
    background-image: none !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode .table > thead > tr > th,
html.mantis-dark-mode .table > tbody > tr > th,
html.mantis-dark-mode .table > tfoot > tr > th,
html.mantis-dark-mode .table > tbody > tr > td,
html.mantis-dark-mode .table > tfoot > tr > td,
html.mantis-dark-mode .table-bordered {
    border-color: #374151;
}

html.mantis-dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #263244 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode .row-1 {
    background-color: #202938 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode .row-2 {
    background-color: #1b2532 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode .table-hover > tbody > tr:hover {
    background-color: #334155 !important;
}

html.mantis-dark-mode .axiell-markdown-preview table th,
html.mantis-dark-mode .axiell-markdown-preview table td {
    border-color: #374151 !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode .axiell-markdown-preview table thead th {
    background-color: #334155 !important;
    background-image: none !important;
    color: #f8fafc !important;
}

html.mantis-dark-mode .axiell-markdown-preview table tr:nth-child(2n) {
    background: #263244 !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode tr.bugnote td.bugnote-note.bugnote-public {
    background-color: #172b45 !important;
    border-left: 4px solid #60a5fa !important;
    color: #e5e7eb !important;
}

html.mantis-dark-mode tr.bugnote td.bugnote-note.bugnote-private {
    background-color: #3b2f1e !important;
    border-left: 4px solid #f59e0b !important;
    color: #fef3c7 !important;
}

html.mantis-dark-mode textarea.bugnote-private {
    background-color: #3b2f1e !important;
    border-color: #f59e0b !important;
    color: #fef3c7 !important;
}

html.mantis-dark-mode textarea.bugnote-private::placeholder {
    color: #d6c6a5 !important;
}

html.mantis-dark-mode td.bugnote-note pre,
html.mantis-dark-mode td.bugnote-note code {
    background-color: #111827 !important;
    border-color: #374151 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode td.bugnote-note pre[class*="language-"] {
    background: #111827 !important;
    text-shadow: none !important;
}

html.mantis-dark-mode td.bugnote-note .token.comment,
html.mantis-dark-mode td.bugnote-note .token.prolog,
html.mantis-dark-mode td.bugnote-note .token.doctype,
html.mantis-dark-mode td.bugnote-note .token.cdata {
    color: #94a3b8 !important;
}

html.mantis-dark-mode td.bugnote-note .token.keyword,
html.mantis-dark-mode td.bugnote-note .token.selector,
html.mantis-dark-mode td.bugnote-note .token.attr-name,
html.mantis-dark-mode td.bugnote-note .token.builtin {
    color: #93c5fd !important;
}

html.mantis-dark-mode td.bugnote-note .token.function,
html.mantis-dark-mode td.bugnote-note .token.class-name {
    color: #67e8f9 !important;
}

html.mantis-dark-mode td.bugnote-note .token.string,
html.mantis-dark-mode td.bugnote-note .token.char,
html.mantis-dark-mode td.bugnote-note .token.attr-value,
html.mantis-dark-mode td.bugnote-note .token.inserted,
html.mantis-dark-mode td.bugnote-note .token.regex {
    color: #86efac !important;
}

html.mantis-dark-mode td.bugnote-note .token.number,
html.mantis-dark-mode td.bugnote-note .token.boolean,
html.mantis-dark-mode td.bugnote-note .token.constant,
html.mantis-dark-mode td.bugnote-note .token.symbol {
    color: #fbbf24 !important;
}

html.mantis-dark-mode td.bugnote-note .token.operator,
html.mantis-dark-mode td.bugnote-note .token.punctuation {
    color: #e2e8f0 !important;
}

html.mantis-dark-mode td.bugnote-note .token {
    text-shadow: none !important;
}

html.mantis-dark-mode td.bugnote-note blockquote {
    border-left-color: #64748b;
    color: #cbd5e1 !important;
}

html.mantis-dark-mode td.bugnote-note .line-numbers-rows {
    border-right-color: #374151;
}

html.mantis-dark-mode td.bugnote-note .line-numbers-rows > span::before {
    color: #94a3b8;
}

html.mantis-dark-mode .widget-toolbox,
html.mantis-dark-mode .widget-toolbox:first-child,
html.mantis-dark-mode .widget-toolbox:last-child {
    background-color: #202938 !important;
    border-color: #374151 !important;
    color: #e5e7eb;
}

html.mantis-dark-mode .btn.btn-white,
html.mantis-dark-mode .btn.btn-white:hover,
html.mantis-dark-mode .btn.btn-white:focus {
    background-color: #263244 !important;
    border-color: #4b5563 !important;
    color: #bfdbfe !important;
}

html.mantis-dark-mode .btn.btn-white:active,
html.mantis-dark-mode .btn.btn-white.active {
    background-color: #334155 !important;
    color: #ffffff !important;
}

html.mantis-dark-mode .nav-tabs {
    border-color: #374151;
}

html.mantis-dark-mode .nav-tabs > li > a {
    background-color: #202938;
    border-color: #374151;
    color: #cbd5e1;
}

html.mantis-dark-mode .nav-tabs > li > a:hover,
html.mantis-dark-mode .nav-tabs > li > a:focus {
    background-color: #2b384a;
    border-color: #4b5563;
    color: #ffffff;
}

html.mantis-dark-mode .nav-tabs > li.active > a,
html.mantis-dark-mode .nav-tabs > li.active > a:hover,
html.mantis-dark-mode .nav-tabs > li.active > a:focus {
    background-color: #161b22;
    border-color: #374151;
    border-bottom-color: #161b22;
    color: #e5e7eb;
}

html.mantis-dark-mode .dependency_met {
    color: #86efac;
}

html.mantis-dark-mode .dependency_unmet {
    color: #fca5a5;
}

html.mantis-dark-mode .dependency_dated,
html.mantis-dark-mode .dependency_upgrade {
    color: #fcd34d;
}

html.mantis-dark-mode .form-control,
html.mantis-dark-mode select,
html.mantis-dark-mode textarea,
html.mantis-dark-mode input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
    background-color: #151c27;
    border-color: #4b5563;
    color: #e5e7eb;
}

html.mantis-dark-mode .form-control:focus,
html.mantis-dark-mode select:focus,
html.mantis-dark-mode textarea:focus,
html.mantis-dark-mode input:focus {
    border-color: #60a5fa;
}

html.mantis-dark-mode input::placeholder,
html.mantis-dark-mode textarea::placeholder {
    color: #9ca3af;
}

html.mantis-dark-mode select option {
    background-color: #202938;
    color: #e5e7eb;
}

html.mantis-dark-mode .btn-default,
html.mantis-dark-mode .btn-default:hover,
html.mantis-dark-mode .btn-default:focus {
    background-color: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

html.mantis-dark-mode .modal-content,
html.mantis-dark-mode .modal-header,
html.mantis-dark-mode .modal-body,
html.mantis-dark-mode .modal-footer,
html.mantis-dark-mode .popover,
html.mantis-dark-mode .popover-title,
html.mantis-dark-mode .tooltip-inner {
    background-color: #202938;
    border-color: #374151;
    color: #e5e7eb;
}

html.mantis-dark-mode hr {
    border-color: #374151;
}

html.mantis-dark-mode #wrapper,
html.mantis-dark-mode #wrapper #titleText,
html.mantis-dark-mode #wrapper #scope {
    color: #e5e7eb;
}

html.mantis-dark-mode #wrapper #filter {
    background-color: #202938 !important;
    border-color: #4b5563;
    color: #e5e7eb !important;
}

html.mantis-dark-mode #wrapper #filter strong,
html.mantis-dark-mode #wrapper .graycolor {
    color: #cbd5e1 !important;
}

html.mantis-dark-mode #wrapper #filter #displaysubmit {
    background-color: #374151;
    border: 1px solid #4b5563;
    color: #e5e7eb;
}

html.mantis-dark-mode #wrapper select#funky {
    background-color: #151c27 !important;
    background-image: none !important;
    border-color: #4b5563;
    color: #e5e7eb;
}

html.mantis-dark-mode img[src*="Statistics/project-graph.php"] {
    filter: invert(0.9) hue-rotate(180deg);
}

html.mantis-dark-mode .main-content tr.tblheader,
html.mantis-dark-mode .main-content tr.tblheader > td,
html.mantis-dark-mode .main-content tr.tblheader > th {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

.mantis-dark-mode-control > .mantis-dark-mode-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 45px;
    justify-content: center;
    padding: 0;
    width: 45px;
}

.mantis-dark-mode-control > .mantis-dark-mode-toggle:hover,
.mantis-dark-mode-control > .mantis-dark-mode-toggle:focus {
    background-color: rgba(0, 0, 0, 0.12);
    outline: 2px solid #ffffff;
    outline-offset: -3px;
}

.mantis-dark-mode-toggle-floating {
    background-color: #438eb9;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    height: 42px;
    position: fixed;
    right: 12px;
    top: 12px;
    width: 42px;
    z-index: 1050;
}

.mantis-dark-mode-toggle-floating:hover,
.mantis-dark-mode-toggle-floating:focus {
    background-color: #357aa3;
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}