/* Dark theme for MantisBT 2.28 (Ace + Bootstrap 3), palette from radiosoft.pro css/theme-dark.css.
   Everything is scoped to html[data-theme="dark"], set by dark.js before the page is drawn.
   Part of the StyleRadiosoft plugin, switched on/off by its "dark_theme" option. */

html[data-theme="dark"] {
	--rd-bg: #0c2a3f;
	--rd-panel: #10364f;
	--rd-panel-alt: #0e3149;
	--rd-panel-hover: #164462;
	--rd-category: #133d59;
	--rd-header: #124567;
	--rd-header-hover: #1b5c8c;
	--rd-widget-header: #1b5c8c;
	--rd-sidebar: #0a2436;
	--rd-sidebar-active: #124567;
	--rd-border: #24506d;
	--rd-text: #d9d9d9;
	--rd-text-strong: #ffffff;
	--rd-muted: #93aabb;
	--rd-link: #8fd0ff;
	--rd-link-hover: #d5ecfd;
	--rd-input: #0b2f45;
	--rd-input-border: #2f5d7c;
	--rd-button: #1b5c8c;
	--rd-button-hover: #2c6f9f;
	--rd-private: #3a3415;
	color-scheme: dark;
}

/* Page, containers, text */
html[data-theme="dark"] body,
html[data-theme="dark"] .main-container,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .page-content {
	background-color: var(--rd-bg) !important;
	color: var(--rd-text);
}

html[data-theme="dark"] .main-container:before,
html[data-theme="dark"] .skin-3 .main-container:before {
	background-color: var(--rd-bg) !important;
}

html[data-theme="dark"] a {
	color: var(--rd-link);
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
	color: var(--rd-link-hover);
}

html[data-theme="dark"] .lighter,
html[data-theme="dark"] .grey,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .small,
html[data-theme="dark"] small {
	color: var(--rd-muted);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] .bold {
	color: var(--rd-text-strong);
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .hr {
	border-color: var(--rd-border);
}

html[data-theme="dark"] pre,
html[data-theme="dark"] code {
	background-color: var(--rd-input);
	color: var(--rd-text);
	border-color: var(--rd-border);
}

/* Navbar and dropdowns */
html[data-theme="dark"] .skin-3 .navbar,
html[data-theme="dark"] .skin-3 .navbar.navbar-collapse,
html[data-theme="dark"] .skin-3 .navbar.navbar-collapse .navbar-container,
html[data-theme="dark"] .ace-nav > li.grey > a,
html[data-theme="dark"] .ace-nav > li.dark > a,
html[data-theme="dark"] .ace-nav > li.light-blue > a {
	background-color: var(--rd-header) !important;
}

html[data-theme="dark"] .ace-nav > li > a:hover,
html[data-theme="dark"] .ace-nav > li > a:focus,
html[data-theme="dark"] .ace-nav > li.open > a {
	background-color: var(--rd-header-hover) !important;
}

html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-menu > li > a {
	background-color: var(--rd-panel);
	color: var(--rd-text);
	border-color: var(--rd-border);
}

html[data-theme="dark"] .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:focus,
html[data-theme="dark"] .dropdown-menu > .active > a {
	background-color: var(--rd-header-hover);
	color: var(--rd-text-strong);
}

html[data-theme="dark"] .dropdown-menu .divider {
	background-color: var(--rd-border);
}

html[data-theme="dark"] .dropdown-caret:before {
	border-bottom-color: var(--rd-border);
}

html[data-theme="dark"] .dropdown-caret:after {
	border-bottom-color: var(--rd-panel);
}

/* Sidebar */
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .sidebar:before,
html[data-theme="dark"] .skin-3 .sidebar,
html[data-theme="dark"] .skin-3 .sidebar:before,
html[data-theme="dark"] .nav-list > li,
html[data-theme="dark"] .nav-list > li > a,
html[data-theme="dark"] .skin-3 .nav-list > li > a,
html[data-theme="dark"] .sidebar-toggle,
html[data-theme="dark"] .skin-3 .sidebar-toggle {
	background-color: var(--rd-sidebar) !important;
	color: var(--rd-text);
	border-color: var(--rd-border) !important;
}

html[data-theme="dark"] .nav-list > li > a:hover,
html[data-theme="dark"] .skin-3 .nav-list > li > a:hover,
html[data-theme="dark"] .nav-list > li.active > a,
html[data-theme="dark"] .skin-3 .nav-list > li.active > a {
	background-color: var(--rd-sidebar-active) !important;
	color: var(--rd-text-strong) !important;
}

html[data-theme="dark"] .nav-list > li > a > .menu-icon,
html[data-theme="dark"] .skin-3 .nav-list > li > a > .menu-icon {
	color: var(--rd-link);
}

html[data-theme="dark"] .sidebar-toggle > .ace-icon,
html[data-theme="dark"] .skin-3 .sidebar-toggle > .ace-icon {
	background-color: var(--rd-panel);
	border-color: var(--rd-border);
	color: var(--rd-muted);
}

/* Breadcrumbs (user line under the navbar) */
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .skin-3 .breadcrumbs {
	background-color: var(--rd-panel-alt) !important;
	border-color: var(--rd-border) !important;
}

/* Widgets */
html[data-theme="dark"] .widget-box {
	border-color: var(--rd-border);
}

html[data-theme="dark"] .widget-body,
html[data-theme="dark"] .widget-main {
	background-color: var(--rd-panel);
	color: var(--rd-text);
}

html[data-theme="dark"] .widget-header,
html[data-theme="dark"] .widget-color-blue2 > .widget-header {
	background: var(--rd-widget-header) !important;
	border-color: var(--rd-border) !important;
	color: var(--rd-text-strong);
}

html[data-theme="dark"] .widget-header .widget-title,
html[data-theme="dark"] .widget-header .lighter,
html[data-theme="dark"] .widget-header > .widget-title > .ace-icon {
	color: var(--rd-text-strong) !important;
}

html[data-theme="dark"] .widget-toolbox,
html[data-theme="dark"] .widget-toolbox.padding-8 {
	background-color: var(--rd-panel-alt);
	border-color: var(--rd-border);
}

/* Tables (Bootstrap colours the table and striped rows too, not only the cells) */
html[data-theme="dark"] .table > tbody > tr,
html[data-theme="dark"] .table > thead > tr {
	background-color: var(--rd-panel) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: var(--rd-panel-alt) !important;
}

html[data-theme="dark"] table.table {
	background-color: var(--rd-panel) !important;
}

html[data-theme="dark"] td.category label,
html[data-theme="dark"] th.category label {
	background-color: transparent !important;
	color: inherit;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tfoot > tr > td {
	background-color: var(--rd-panel);
	color: var(--rd-text);
	border-color: var(--rd-border) !important;
}

html[data-theme="dark"] .table > thead > tr,
html[data-theme="dark"] .table > thead > tr > th {
	background: var(--rd-panel-alt) !important;
	color: var(--rd-text-strong);
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > th {
	background-color: var(--rd-panel-alt);
}

html[data-theme="dark"] .table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .table-hover > tbody > tr:hover > th {
	background-color: var(--rd-panel-hover);
}

html[data-theme="dark"] .table-bordered,
html[data-theme="dark"] .table-bordered > thead > tr > th,
html[data-theme="dark"] .table-bordered > tbody > tr > td {
	border-color: var(--rd-border) !important;
}

html[data-theme="dark"] td.category,
html[data-theme="dark"] th.category {
	background-color: var(--rd-category) !important;
	color: var(--rd-text-strong);
}

html[data-theme="dark"] tr.spacer {
	background-color: var(--rd-bg) !important;
}

/* Forms */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
	background-color: var(--rd-input) !important;
	color: var(--rd-text) !important;
	border-color: var(--rd-input-border) !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
	border-color: var(--rd-link) !important;
}

html[data-theme="dark"] ::placeholder {
	color: var(--rd-muted);
}

html[data-theme="dark"] input.ace + .lbl::before,
html[data-theme="dark"] input[type="checkbox"].ace + .lbl::before,
html[data-theme="dark"] input[type="radio"].ace + .lbl::before {
	background-color: var(--rd-input) !important;
	border-color: var(--rd-input-border) !important;
	color: var(--rd-link);
}

html[data-theme="dark"] .input-group-addon {
	background-color: var(--rd-panel-alt);
	border-color: var(--rd-input-border);
	color: var(--rd-text);
}

/* Buttons */
html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-white.btn-primary,
html[data-theme="dark"] .btn-white.btn-default {
	background-color: var(--rd-button) !important;
	border-color: var(--rd-input-border) !important;
	color: var(--rd-text-strong) !important;
}

html[data-theme="dark"] .btn-white:hover,
html[data-theme="dark"] .btn-white.btn-primary:hover,
html[data-theme="dark"] .btn-white.btn-default:hover {
	background-color: var(--rd-button-hover) !important;
	color: var(--rd-text-strong) !important;
}

/* Wells, alerts, pagination, labels */
html[data-theme="dark"] .well {
	background-color: var(--rd-panel-alt);
	border-color: var(--rd-border);
	color: var(--rd-text);
}

html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .alert-danger {
	background-color: var(--rd-panel-alt);
	border-color: var(--rd-border);
	color: var(--rd-text);
}

html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span {
	background-color: var(--rd-panel);
	border-color: var(--rd-border);
	color: var(--rd-link);
}

html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span {
	background-color: var(--rd-header-hover);
	border-color: var(--rd-header-hover);
	color: var(--rd-text-strong);
}

/* Notes */
html[data-theme="dark"] .bugnote-private > td,
html[data-theme="dark"] tr.bugnote-private td,
html[data-theme="dark"] td.bugnote-private {
	background-color: var(--rd-private) !important;
}

/* Labels, badges, progress bars, tabs */
html[data-theme="dark"] .label-default,
html[data-theme="dark"] .label-grey,
html[data-theme="dark"] .badge {
	background-color: #3a6584 !important;
	color: var(--rd-text-strong);
}

html[data-theme="dark"] .label-default.arrowed:before,
html[data-theme="dark"] .label-default.arrowed-in-right:after {
	border-color: #3a6584 !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}

html[data-theme="dark"] .label-default.arrowed:before {
	border-right-color: #3a6584 !important;
}

html[data-theme="dark"] .label-default.arrowed-in-right:after {
	border-left-color: #3a6584 !important;
}

html[data-theme="dark"] .label-light {
	background-color: var(--rd-category) !important;
	color: var(--rd-text);
}

html[data-theme="dark"] .progress {
	background-color: var(--rd-input) !important;
}

html[data-theme="dark"] .nav-tabs {
	border-color: var(--rd-border);
}

html[data-theme="dark"] .nav-tabs > li > a {
	background-color: var(--rd-panel-alt);
	border-color: var(--rd-border);
	color: var(--rd-link);
}

html[data-theme="dark"] .nav-tabs > li.active > a,
html[data-theme="dark"] .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .nav-tabs > li.active > a:focus {
	background-color: var(--rd-panel) !important;
	border-color: var(--rd-border) !important;
	color: var(--rd-text-strong);
}

/* Footer and scroll-up button */
html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer .footer-inner,
html[data-theme="dark"] .footer .footer-inner .footer-content {
	background-color: var(--rd-bg);
	border-color: var(--rd-border);
	color: var(--rd-muted);
}

html[data-theme="dark"] .btn-scroll-up {
	background-color: var(--rd-header) !important;
	border-color: var(--rd-header) !important;
}

/* Login page */
html[data-theme="dark"] .login-layout,
html[data-theme="dark"] .login-layout.light-login {
	background: var(--rd-bg) !important;
}

html[data-theme="dark"] .login-layout .widget-box,
html[data-theme="dark"] .login-layout .widget-box .widget-main {
	background-color: var(--rd-panel) !important;
	border-color: var(--rd-border) !important;
}

html[data-theme="dark"] .login-layout .toolbar,
html[data-theme="dark"] .login-box .toolbar {
	background: var(--rd-panel-alt) !important;
	border-color: var(--rd-border) !important;
}

html[data-theme="dark"] .login-layout .btn,
html[data-theme="dark"] .login-layout .btn:hover {
	background-color: var(--rd-button) !important;
	border-color: var(--rd-button) !important;
}

/* Toggle in the navbar */
.dark-radiosoft-item > a {
	text-align: center;
	min-width: 44px;
}