/* System-wide monochrome theme overrides. */
:root {
	--mono-black: #000;
	--mono-ink: #111;
	--mono-deep: #1a1a1a;
	--mono-charcoal: #2b2b2b;
	--mono-mid: #666;
	--mono-line: #d9d9d9;
	--mono-soft: #f2f2f2;
	--mono-white: #fff;
}

html,
body {
	background: var(--mono-soft);
	color: var(--mono-ink);
}

a,
.text-primary,
.text-info,
.text-success,
.text-warning,
.text-danger {
	color: var(--mono-black) !important;
}

a:hover,
a:focus {
	color: var(--mono-charcoal) !important;
}

.header,
html.header-dark .header,
html.dark .header {
	background: var(--mono-black);
	border-bottom-color: var(--mono-charcoal);
}

.header .logo-container,
html.header-dark .header .logo-container,
html.dark .header .logo-container {
	background: var(--mono-black);
	border-right-color: var(--mono-charcoal);
}

.header .header-right,
.header .toggle-sidebar-left,
.header .userbox > a,
.header .userbox .profile-info .name,
.header .notifications > li .notification-icon,
.header .search.nav-form a,
.header .separator {
	color: var(--mono-white) !important;
}

.header .dropdown-menu,
.notification-menu {
	border-color: var(--mono-line);
}

.sidebar-left,
html.dark .sidebar-left,
html.sidebar-light .sidebar-left {
	background: var(--mono-ink);
	box-shadow: none;
}

.sidebar-left .sidebar-header,
html.dark .sidebar-left .sidebar-header,
html.sidebar-light .sidebar-left .sidebar-header {
	background: var(--mono-black);
	border-bottom-color: var(--mono-charcoal);
}

.sidebar-left .sidebar-title,
.sidebar-left .sidebar-toggle,
.sidebar-left .nav-main li a,
.sidebar-left .nav-main li a i,
html.sidebar-light .sidebar-left .nav-main li a,
html.sidebar-light .sidebar-left .nav-main li a i {
	color: var(--mono-white) !important;
}

.sidebar-left .nav-main > li.nav-active > a,
.sidebar-left .nav-main > li > a:hover,
.sidebar-left .nav-main > li > a:focus,
.sidebar-left .nav-main li.nav-parent.nav-expanded > a,
.sidebar-left .nav-main ul.nav-children li.nav-active > a,
.sidebar-left .nav-main ul.nav-children li a:hover,
html.dark .sidebar-left .nav-main > li.nav-active > a,
html.sidebar-light .sidebar-left .nav-main > li.nav-active > a {
	background: var(--mono-white) !important;
	color: var(--mono-black) !important;
}

.sidebar-left .nav-main > li.nav-active > a i,
.sidebar-left .nav-main > li > a:hover i,
.sidebar-left .nav-main ul.nav-children li.nav-active > a i,
.sidebar-left .nav-main ul.nav-children li a:hover i {
	color: var(--mono-black) !important;
}

.sidebar-left .nav-main ul.nav-children {
	background: var(--mono-deep);
	box-shadow: none;
}

.content-body,
.body-sign {
	background: var(--mono-soft);
}

.page-header {
	background: var(--mono-black);
	border-left-color: var(--mono-charcoal);
	box-shadow: none;
}

.page-header h2 {
	color: var(--mono-white);
	border-bottom-color: var(--mono-white);
}

.panel,
.panel-body,
.modal-content,
.dropdown-menu,
.well,
.invoice,
.tabs,
.tab-content {
	background: var(--mono-white);
	color: var(--mono-ink);
	border-color: var(--mono-line);
	box-shadow: none;
}

.panel-heading,
.modal-header,
.panel-footer,
.modal-footer,
.table > thead > tr > th,
.table > tfoot > tr > th {
	background: var(--mono-soft) !important;
	border-color: var(--mono-line) !important;
	color: var(--mono-ink) !important;
}

.panel-title,
.modal-title,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--mono-ink);
}

.table,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > th,
.table > tfoot > tr > td {
	border-color: var(--mono-line) !important;
	color: var(--mono-ink);
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table > tbody > tr.success > td,
.table > tbody > tr.warning > td,
.table > tbody > tr.danger > td,
.table > tbody > tr.info > td {
	background: var(--mono-soft) !important;
	color: var(--mono-ink);
}

.form-control,
.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.input-group-addon,
.uneditable-input {
	background: var(--mono-white) !important;
	border-color: var(--mono-line) !important;
	color: var(--mono-ink) !important;
	box-shadow: none !important;
}

.form-control:focus,
.select2-container-active .select2-choice,
.select2-dropdown-open .select2-choice {
	border-color: var(--mono-black) !important;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12) !important;
}

.btn,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-dark,
.btn-link {
	background: var(--mono-black) !important;
	border-color: var(--mono-black) !important;
	color: var(--mono-white) !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open > .dropdown-toggle.btn {
	background: var(--mono-charcoal) !important;
	border-color: var(--mono-charcoal) !important;
	color: var(--mono-white) !important;
}

.btn-default,
.btn-link {
	background: var(--mono-white) !important;
	border-color: var(--mono-black) !important;
	color: var(--mono-black) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-link:hover,
.btn-link:focus {
	background: var(--mono-soft) !important;
	color: var(--mono-black) !important;
}

.label,
.badge,
.label-primary,
.label-success,
.label-info,
.label-warning,
.label-danger,
.progress-bar,
.pagination > .active > a,
.pagination > .active > span {
	background: var(--mono-black) !important;
	border-color: var(--mono-black) !important;
	color: var(--mono-white) !important;
}

.pagination > li > a,
.pagination > li > span {
	color: var(--mono-black);
	border-color: var(--mono-line);
}

.alert,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
	background: var(--mono-soft) !important;
	border-color: var(--mono-mid) !important;
	color: var(--mono-ink) !important;
}

.tile-box,
.tile-box.tile-pvs-color,
.widget-summary .summary-icon,
.panel-featured-primary,
.panel-featured-success,
.panel-featured-info,
.panel-featured-warning,
.panel-featured-danger {
	background: var(--mono-black) !important;
	border-color: var(--mono-charcoal) !important;
	color: var(--mono-white) !important;
}

.tile-box:hover,
.tile-box.tile-pvs-color:hover {
	background: var(--mono-charcoal) !important;
}

.tile-box .num,
.tile-box h3,
.tile-box p,
.tile-box.tile-pvs-color .num,
.tile-box.tile-pvs-color h3,
.tile-box.tile-pvs-color p,
.widget-summary .summary-icon i {
	color: var(--mono-white) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background: var(--mono-black) !important;
	border-color: var(--mono-black) !important;
	color: var(--mono-white) !important;
}

.nav-tabs > li > a,
.nav-pills > li > a {
	color: var(--mono-black);
}

.panel-sign .panel-title-sign .title {
	background: var(--mono-black) !important;
	color: var(--mono-white) !important;
}

.panel-sign .panel-body {
	border-top-color: var(--mono-black) !important;
}

.loading-overlay {
	background: rgba(255, 255, 255, 0.9);
}

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
	background-color: var(--mono-black);
}