/* =============================================================================
   Admin Dark Theme — overrides for Ace Admin + Bootstrap 3
   All rules scoped under html.theme-dark so light theme stays untouched.
   Palette:
     base bg:        #1a1d24
     surface:        #242832
     elevated:       #2d323d
     border:         #353b48
     border-strong:  #454b5a
     text:           #d4d6db
     text-muted:     #8a8f9c
     text-heading:   #e8eaed
     link:           #6ea8e0
     link-hover:     #8fbfee
   ============================================================================= */

html.theme-dark,
html.theme-dark body,
html.theme-dark .main-container,
html.theme-dark .main-content,
html.theme-dark .page-content {
	background-color: #1a1d24 !important;
	color: #d4d6db;
}

html.theme-dark .main-container:after {
	background-color: #1a1d24 !important;
}

html.theme-dark .page-header {
	border-bottom-color: #353b48;
}
html.theme-dark .page-header h1 {
	color: #8fbfee;
}
html.theme-dark .page-header h1 small {
	color: #8a8f9c;
}

html.theme-dark {
	color-scheme: dark;
}

html.theme-dark a {
	color: #6ea8e0;
}
html.theme-dark a:hover,
html.theme-dark a:focus {
	color: #8fbfee;
}

html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6 {
	color: #e8eaed;
}

html.theme-dark hr {
	border-top-color: #353b48;
}

html.theme-dark .text-muted,
html.theme-dark .muted,
html.theme-dark small,
html.theme-dark .small {
	color: #8a8f9c;
}

html.theme-dark .white {
	color: #e8eaed !important;
}

html.theme-dark code {
	background-color: #2d323d;
	color: #e8a87c;
	border-color: #353b48;
}
html.theme-dark pre {
	background-color: #242832;
	color: #d4d6db;
	border-color: #353b48;
}
html.theme-dark blockquote {
	border-left-color: #353b48;
	color: #b8bcc4;
}

/* === Navbar ============================================================== */
html.theme-dark .navbar.navbar-default,
html.theme-dark #navbar.navbar-default {
	background: #242832;
	border-bottom: 1px solid #353b48;
	background-image: none;
	filter: none;
}
html.theme-dark .navbar .navbar-brand {
	color: #e8eaed;
}
html.theme-dark .navbar .navbar-brand small {
	color: #b8bcc4;
}
html.theme-dark .ace-nav > li {
	border-left-color: #353b48;
	background-color: transparent;
}
html.theme-dark .ace-nav > li > a {
	background-color: transparent;
	color: #d4d6db;
}
html.theme-dark .ace-nav > li > a:hover,
html.theme-dark .ace-nav > li.open > a {
	background-color: #2d323d;
	color: #ffffff;
}
html.theme-dark .ace-nav > li.purple > a {
	background-color: #6b4f9e;
}
html.theme-dark .user-info small {
	color: #b8bcc4;
}
html.theme-dark .nav-user-photo {
	border-color: #454b5a;
}

/* === Sidebar ============================================================= */
html.theme-dark #sidebar,
html.theme-dark .sidebar {
	background-color: #1f222a !important;
	border-right-color: #353b48 !important;
}
html.theme-dark .sidebar:before,
html.theme-dark #sidebar:before {
	background-color: #1f222a !important;
	border-right-color: #353b48 !important;
}
html.theme-dark .sidebar-shortcuts {
	background-color: #242832;
	border-bottom-color: #353b48;
}
html.theme-dark .nav-list {
	background-color: transparent;
}
html.theme-dark .nav-list > li {
	border-color: #2d323d;
	background-color: transparent;
}
html.theme-dark .nav-list > li > a {
	background-color: transparent;
	color: #b8bcc4;
	border-top-color: #2d323d;
}
html.theme-dark .nav-list > li > a:hover,
html.theme-dark .nav-list > li > a:focus {
	background-color: #2d323d;
	color: #ffffff;
}
html.theme-dark .nav-list > li.active > a {
	background-color: #2d323d;
	color: #ffffff;
	border-color: #353b48;
}
html.theme-dark .nav-list > li.active > a:after {
	border-right-color: #1a1d24;
}
html.theme-dark .nav-list > li.open > a {
	background-color: #2d323d;
	color: #ffffff;
}
html.theme-dark .nav-list > li > a > .menu-icon {
	color: #8a8f9c;
}
html.theme-dark .nav-list > li.active > a > .menu-icon,
html.theme-dark .nav-list > li > a:hover > .menu-icon,
html.theme-dark .nav-list > li.open > a > .menu-icon {
	color: #d4d6db;
}
html.theme-dark .nav-list > li .submenu {
	background-color: #1a1d24;
	border-color: #2d323d;
}
html.theme-dark .nav-list > li .submenu > li > a {
	background-color: transparent;
	color: #9ea3ad;
	border-top-color: #2d323d;
}
html.theme-dark .nav-list > li .submenu > li > a:hover,
html.theme-dark .nav-list > li .submenu > li > a:focus {
	background-color: #2d323d;
	color: #ffffff;
}
html.theme-dark .nav-list > li .submenu > li.active > a {
	color: #ffffff;
	background-color: #2d323d;
}
html.theme-dark .nav-list > li .submenu > li > a > .menu-icon {
	color: #6a6f7a;
}
html.theme-dark .sidebar-collapse {
	background-color: #242832;
	border-color: #353b48;
	color: #b8bcc4;
}
html.theme-dark .sidebar-collapse:hover {
	background-color: #2d323d;
	color: #ffffff;
}
html.theme-dark .menu-toggler {
	background-color: #242832;
	color: #d4d6db;
	border-color: #353b48;
}
html.theme-dark .menu-toggler > .menu-text:before {
	color: #d4d6db;
}

/* === Page header + breadcrumbs ========================================== */
html.theme-dark .breadcrumbs,
html.theme-dark #breadcrumbs {
	background-color: #242832;
	border-bottom-color: #353b48;
}
html.theme-dark .breadcrumb {
	background-color: transparent;
}
html.theme-dark .breadcrumb > li,
html.theme-dark .breadcrumb > li > a {
	color: #d4d6db;
}
html.theme-dark .breadcrumb > li + li:before {
	color: #8a8f9c;
}
html.theme-dark .breadcrumb > .active {
	color: #ffffff;
}
html.theme-dark .nav-search .form-search input.nav-search-input {
	background-color: #1a1d24;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .page-header {
	border-bottom-color: #353b48;
}
html.theme-dark .page-header h1 {
	color: #e8eaed;
}
html.theme-dark .page-header h1 small {
	color: #8a8f9c;
}

/* === Widget boxes ======================================================= */
html.theme-dark .widget-box {
	background-color: #242832;
	border-color: #353b48;
}
html.theme-dark .widget-header {
	background-color: #2d323d;
	border-bottom-color: #353b48;
	background-image: none;
	color: #e8eaed;
}
html.theme-dark .widget-header > .widget-title,
html.theme-dark .widget-header h1,
html.theme-dark .widget-header h2,
html.theme-dark .widget-header h3,
html.theme-dark .widget-header h4,
html.theme-dark .widget-header h5 {
	color: #e8eaed;
}
html.theme-dark .widget-header > .widget-title > .smaller {
	color: #b8bcc4;
}
html.theme-dark .widget-header-flat {
	background-color: #2d323d;
}
html.theme-dark .widget-toolbar {
	border-left-color: #353b48;
}
html.theme-dark .widget-toolbar > a,
html.theme-dark .widget-toolbar > .nav-tabs > li > a {
	color: #b8bcc4;
}
html.theme-dark .widget-toolbar > a:hover {
	color: #ffffff;
}
html.theme-dark .widget-body {
	background-color: #242832;
}
html.theme-dark .widget-main {
	background-color: transparent;
}
html.theme-dark .widget-footer {
	background-color: #2d323d;
	border-top-color: #353b48;
}
html.theme-dark .widget-color-blue,
html.theme-dark .widget-color-blue2 {
	border-color: #2c5fa3;
}
html.theme-dark .widget-color-blue > .widget-header,
html.theme-dark .widget-color-blue2 > .widget-header {
	background-color: #2c5fa3;
}
html.theme-dark .widget-color-green > .widget-header {
	background-color: #357935;
}
html.theme-dark .widget-color-red > .widget-header {
	background-color: #a53430;
}
html.theme-dark .widget-color-orange > .widget-header {
	background-color: #b56b1a;
}
html.theme-dark .widget-color-grey > .widget-header {
	background-color: #4a4f5a;
}
html.theme-dark .widget-color-purple > .widget-header {
	background-color: #6b4f9e;
}

/* === Tables ============================================================= */
html.theme-dark .table {
	background-color: transparent;
	color: #d4d6db;
}
html.theme-dark .table > thead > tr > th,
html.theme-dark .table > tbody > tr > th,
html.theme-dark .table > tfoot > tr > th,
html.theme-dark .table > thead > tr > td,
html.theme-dark .table > tbody > tr > td,
html.theme-dark .table > tfoot > tr > td {
	border-top-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .table > thead > tr > th,
html.theme-dark .table > thead > tr > td {
	background-color: #2d323d !important;
	color: #e8eaed !important;
	border-bottom-color: #454b5a !important;
}
html.theme-dark .table-bordered,
html.theme-dark .table-bordered > thead > tr > th,
html.theme-dark .table-bordered > tbody > tr > th,
html.theme-dark .table-bordered > tfoot > tr > th,
html.theme-dark .table-bordered > thead > tr > td,
html.theme-dark .table-bordered > tbody > tr > td,
html.theme-dark .table-bordered > tfoot > tr > td {
	border-color: #353b48;
}
html.theme-dark .table-striped > tbody > tr:nth-of-type(odd),
html.theme-dark .table-striped > tbody > tr:nth-child(odd) > td,
html.theme-dark .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #1f222a;
}
html.theme-dark .table-hover > tbody > tr:hover,
html.theme-dark .table-hover > tbody > tr:hover > td,
html.theme-dark .table-hover > tbody > tr:hover > th {
	background-color: #2d323d;
}
html.theme-dark .table > tbody > tr.active > td,
html.theme-dark .table > tbody > tr > td.active,
html.theme-dark .table > tbody > tr.active,
html.theme-dark td.active {
	background-color: #2d3340 !important;
	color: #d4d6db !important;
}
html.theme-dark .table > tbody > tr.success > td,
html.theme-dark .table > tbody > tr > td.success,
html.theme-dark .table > tbody > tr.success,
html.theme-dark td.success {
	background-color: #1f3d1f !important;
	color: #d4d6db !important;
}
html.theme-dark .table > tbody > tr.warning > td,
html.theme-dark .table > tbody > tr > td.warning,
html.theme-dark .table > tbody > tr.warning,
html.theme-dark td.warning {
	background-color: #4a3a15 !important;
	color: #d4d6db !important;
}
html.theme-dark .table > tbody > tr.danger > td,
html.theme-dark .table > tbody > tr > td.danger,
html.theme-dark .table > tbody > tr.danger,
html.theme-dark .table > tbody > tr.error > td,
html.theme-dark td.danger {
	background-color: #3d1f1f !important;
	color: #d4d6db !important;
}
html.theme-dark .table > tbody > tr.info > td,
html.theme-dark .table > tbody > tr > td.info,
html.theme-dark .table > tbody > tr.info,
html.theme-dark td.info {
	background-color: #1f3a4a !important;
	color: #d4d6db !important;
}
html.theme-dark .table-hover > tbody > tr.success:hover > td,
html.theme-dark .table-hover > tbody > tr > td.success:hover {
	background-color: #284e28 !important;
}
html.theme-dark .table-hover > tbody > tr.warning:hover > td,
html.theme-dark .table-hover > tbody > tr > td.warning:hover {
	background-color: #5a481c !important;
}
html.theme-dark .table-hover > tbody > tr.danger:hover > td,
html.theme-dark .table-hover > tbody > tr > td.danger:hover {
	background-color: #4d2828 !important;
}
html.theme-dark .table-hover > tbody > tr.info:hover > td,
html.theme-dark .table-hover > tbody > tr > td.info:hover {
	background-color: #28475a !important;
}
html.theme-dark .table-hover > tbody > tr.active:hover > td {
	background-color: #353b48 !important;
}
html.theme-dark caption {
	color: #8a8f9c;
}

/* === Forms ============================================================== */
html.theme-dark .form-control,
html.theme-dark input[type="text"],
html.theme-dark input[type="password"],
html.theme-dark input[type="email"],
html.theme-dark input[type="search"],
html.theme-dark input[type="url"],
html.theme-dark input[type="tel"],
html.theme-dark input[type="number"],
html.theme-dark input[type="date"],
html.theme-dark input[type="datetime-local"],
html.theme-dark input[type="time"],
html.theme-dark input[type="month"],
html.theme-dark input[type="week"],
html.theme-dark textarea,
html.theme-dark select {
	background-color: #1a1d24;
	color: #d4d6db;
	border-color: #353b48;
}
html.theme-dark .form-control:focus,
html.theme-dark input[type="text"]:focus,
html.theme-dark input[type="password"]:focus,
html.theme-dark input[type="email"]:focus,
html.theme-dark textarea:focus,
html.theme-dark select:focus {
	background-color: #1a1d24;
	border-color: #4d8cd1;
	color: #ffffff;
	box-shadow: 0 0 0 2px rgba(77, 140, 209, 0.2);
}
html.theme-dark .form-control[disabled],
html.theme-dark .form-control[readonly],
html.theme-dark fieldset[disabled] .form-control,
html.theme-dark input[disabled],
html.theme-dark input[readonly],
html.theme-dark textarea[disabled],
html.theme-dark textarea[readonly] {
	background-color: #16181e;
	color: #8a8f9c;
	border-color: #2d323d;
}
html.theme-dark .form-control::placeholder,
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder {
	color: #6a6f7a;
}
html.theme-dark .input-group-addon {
	background-color: #2d323d;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .input-icon > .form-control {
	background-color: #1a1d24;
}
html.theme-dark label,
html.theme-dark .control-label {
	color: #d4d6db;
}
html.theme-dark .form-actions {
	background-color: #1f222a;
	border-top-color: #353b48;
}
html.theme-dark .help-block,
html.theme-dark .help-inline {
	color: #8a8f9c;
}
html.theme-dark fieldset > legend,
html.theme-dark legend {
	color: #e8eaed;
	border-bottom-color: #353b48;
}
html.theme-dark .has-error .form-control {
	border-color: #c9302c;
}
html.theme-dark .has-error .control-label,
html.theme-dark .has-error .help-block,
html.theme-dark .has-error .help-inline {
	color: #e08e8b;
}
html.theme-dark .has-success .form-control {
	border-color: #4cae4c;
}
html.theme-dark .has-success .control-label {
	color: #8ed68e;
}
html.theme-dark .has-warning .form-control {
	border-color: #ec971f;
}
html.theme-dark .has-warning .control-label {
	color: #f4c177;
}

/* === Buttons ============================================================
   Ace uses !important on .btn bg colors, so all our overrides need it too.
   Palette tuned for low eye-strain: muted, not saturated.
   ======================================================================== */
html.theme-dark .btn,
html.theme-dark .btn-default,
html.theme-dark .btn.btn-white,
html.theme-dark .btn:focus,
html.theme-dark .btn-default:focus {
	background-color: #2d323d !important;
	background-image: none !important;
	color: #d4d6db !important;
	border-color: #353b48 !important;
	text-shadow: none !important;
}
html.theme-dark .btn:hover,
html.theme-dark .btn-default:hover,
html.theme-dark .open .btn.dropdown-toggle,
html.theme-dark .open .btn-default.dropdown-toggle {
	background-color: #353b48 !important;
	color: #ffffff !important;
	border-color: #454b5a !important;
}
html.theme-dark .btn.active,
html.theme-dark .btn-default.active {
	background-color: #3b4150 !important;
	border-color: #454b5a !important;
}
html.theme-dark .btn.disabled,
html.theme-dark .btn[disabled],
html.theme-dark fieldset[disabled] .btn {
	opacity: 0.5 !important;
}
html.theme-dark .btn-primary,
html.theme-dark .btn-primary:focus {
	background-color: #345783 !important;
	border-color: #345783 !important;
	color: #ffffff !important;
}
html.theme-dark .btn-primary:hover,
html.theme-dark .btn-primary.active {
	background-color: #406b9e !important;
	border-color: #406b9e !important;
}
html.theme-dark .btn-success,
html.theme-dark .btn-success:focus {
	background-color: #3a6b3a !important;
	border-color: #3a6b3a !important;
	color: #ffffff !important;
}
html.theme-dark .btn-success:hover,
html.theme-dark .btn-success.active {
	background-color: #487f48 !important;
	border-color: #487f48 !important;
}
html.theme-dark .btn-info,
html.theme-dark .btn-info:focus {
	background-color: #355c6d !important;
	border-color: #355c6d !important;
	color: #ffffff !important;
}
html.theme-dark .btn-info:hover,
html.theme-dark .btn-info.active {
	background-color: #427084 !important;
	border-color: #427084 !important;
}
html.theme-dark .btn-warning,
html.theme-dark .btn-warning:focus {
	background-color: #946018 !important;
	border-color: #946018 !important;
	color: #ffffff !important;
}
html.theme-dark .btn-warning:hover,
html.theme-dark .btn-warning.active {
	background-color: #ab7320 !important;
	border-color: #ab7320 !important;
}
html.theme-dark .btn-danger,
html.theme-dark .btn-danger:focus {
	background-color: #8a3330 !important;
	border-color: #8a3330 !important;
	color: #ffffff !important;
}
html.theme-dark .btn-danger:hover,
html.theme-dark .btn-danger.active {
	background-color: #a3413e !important;
	border-color: #a3413e !important;
}
html.theme-dark .btn-inverse,
html.theme-dark .btn-inverse:focus {
	background-color: #1a1d24 !important;
	border-color: #353b48 !important;
	color: #d4d6db !important;
}
html.theme-dark .btn-inverse:hover {
	background-color: #242832 !important;
	color: #ffffff !important;
}
html.theme-dark .btn-purple,
html.theme-dark .btn-purple:focus {
	background-color: #5a4282 !important;
	border-color: #5a4282 !important;
	color: #ffffff !important;
}
html.theme-dark .btn-purple:hover {
	background-color: #6e5298 !important;
	border-color: #6e5298 !important;
}
html.theme-dark .btn-pink,
html.theme-dark .btn-pink:focus {
	background-color: #8b3a64 !important;
	border-color: #8b3a64 !important;
	color: #ffffff !important;
}
html.theme-dark .btn-pink:hover {
	background-color: #a14776 !important;
	border-color: #a14776 !important;
}
html.theme-dark .btn-grey,
html.theme-dark .btn-grey:focus {
	background-color: #4a4f5a !important;
	border-color: #4a4f5a !important;
	color: #ffffff !important;
}
html.theme-dark .btn-grey:hover {
	background-color: #595e6a !important;
	border-color: #595e6a !important;
}
html.theme-dark .btn-link {
	color: #6ea8e0 !important;
	background: transparent !important;
	border-color: transparent !important;
}
html.theme-dark .btn-link:hover {
	color: #8fbfee !important;
}

/* === Modals ============================================================= */
html.theme-dark .modal-content {
	background-color: #242832;
	border-color: #353b48;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
}
html.theme-dark .modal-header {
	background-color: #2d323d;
	border-bottom-color: #353b48;
	color: #e8eaed;
}
html.theme-dark .modal-title {
	color: #e8eaed;
}
html.theme-dark .modal-body {
	background-color: #242832;
	color: #d4d6db;
}
html.theme-dark .modal-footer {
	background-color: #2d323d;
	border-top-color: #353b48;
}
html.theme-dark .modal-backdrop.in {
	opacity: 0.7;
}
html.theme-dark .close {
	color: #d4d6db;
	text-shadow: none;
	opacity: 0.7;
}
html.theme-dark .close:hover {
	color: #ffffff;
	opacity: 1;
}

/* === Dropdowns ========================================================== */
html.theme-dark .dropdown-menu {
	background-color: #2d323d;
	border-color: #454b5a;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}
html.theme-dark .dropdown-menu > li > a {
	color: #d4d6db;
}
html.theme-dark .dropdown-menu > li > a:hover,
html.theme-dark .dropdown-menu > li > a:focus {
	background-color: #353b48;
	color: #ffffff;
}
html.theme-dark .dropdown-menu > .active > a,
html.theme-dark .dropdown-menu > .active > a:hover,
html.theme-dark .dropdown-menu > .active > a:focus {
	background-color: #2c5fa3;
	color: #ffffff;
}
html.theme-dark .dropdown-menu > .disabled > a,
html.theme-dark .dropdown-menu > .disabled > a:hover {
	color: #6a6f7a;
}
html.theme-dark .dropdown-menu .divider {
	background-color: #454b5a;
}
html.theme-dark .dropdown-header {
	color: #8a8f9c;
}
html.theme-dark .dropdown-yellow > li > a:hover {
	background-color: #5c4a1a;
	color: #ffffff;
}
html.theme-dark .dropdown-caret > .dropdown-menu:before {
	border-bottom-color: #454b5a;
}
html.theme-dark .dropdown-caret > .dropdown-menu:after {
	border-bottom-color: #2d323d;
}

/* === Panels (Bootstrap 3) =============================================== */
html.theme-dark .panel {
	background-color: #242832;
	border-color: #353b48;
}
html.theme-dark .panel-default > .panel-heading {
	background-color: #2d323d;
	border-color: #353b48;
	color: #e8eaed;
}
html.theme-dark .panel-body {
	background-color: #242832;
	color: #d4d6db;
}
html.theme-dark .panel-footer {
	background-color: #2d323d;
	border-color: #353b48;
}
html.theme-dark .panel-group .panel {
	background-color: #242832;
}
html.theme-dark .panel-title > a {
	color: #e8eaed;
}

/* === Alerts ============================================================= */
html.theme-dark .alert {
	border-width: 1px;
	border-style: solid;
}
html.theme-dark .alert-success {
	background-color: #1f3d1f;
	border-color: #357935;
	color: #b8e0b8;
}
html.theme-dark .alert-info {
	background-color: #1f3a47;
	border-color: #2c7a99;
	color: #a8d4e8;
}
html.theme-dark .alert-warning {
	background-color: #4a3a15;
	border-color: #b56b1a;
	color: #f0c87b;
}
html.theme-dark .alert-danger,
html.theme-dark .alert-error {
	background-color: #4a1f1f;
	border-color: #a53430;
	color: #e0a8a8;
}
html.theme-dark .alert a {
	color: inherit;
	text-decoration: underline;
}

/* === Pagination ========================================================= */
html.theme-dark .pagination > li > a,
html.theme-dark .pagination > li > span {
	background-color: #2d323d;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .pagination > li > a:hover,
html.theme-dark .pagination > li > a:focus,
html.theme-dark .pagination > li > span:hover {
	background-color: #353b48;
	color: #ffffff;
	border-color: #454b5a;
}
html.theme-dark .pagination > .active > a,
html.theme-dark .pagination > .active > a:hover,
html.theme-dark .pagination > .active > span,
html.theme-dark .pagination > .active > span:hover {
	background-color: #2c5fa3;
	border-color: #2c5fa3;
	color: #ffffff;
}
html.theme-dark .pagination > .disabled > a,
html.theme-dark .pagination > .disabled > span {
	background-color: #1f222a;
	color: #6a6f7a;
	border-color: #2d323d;
}
html.theme-dark .pager li > a,
html.theme-dark .pager li > span {
	background-color: #2d323d;
	border-color: #353b48;
	color: #d4d6db;
}

/* === Tabs ===============================================================
   Ace's .nav-tabs > li.active > a uses a bright blue top-border accent and
   a white background. Override both with !important since other Ace skin
   sheets can win specificity by extending the selector chain.
   ======================================================================== */
html.theme-dark .tabbable {
	background-color: transparent;
}
html.theme-dark .nav-tabs {
	border-bottom-color: #353b48 !important;
	background-color: transparent !important;
}
html.theme-dark .nav-tabs > li > a,
html.theme-dark .nav-tabs > li > a:focus {
	background-color: #1f222a !important;
	background-image: none !important;
	border-color: #353b48 !important;
	color: #9ea3ad !important;
}
html.theme-dark .nav-tabs > li > a:hover {
	background-color: #2d323d !important;
	color: #d4d6db !important;
	border-color: #353b48 !important;
}
html.theme-dark .nav-tabs > li.active > a,
html.theme-dark .nav-tabs > li.active > a:hover,
html.theme-dark .nav-tabs > li.active > a:focus {
	background-color: #242832 !important;
	background-image: none !important;
	color: #e8eaed !important;
	border-color: #353b48 !important;
	border-top: 2px solid #4a6e94 !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
}
html.theme-dark .nav-tabs > li.open > a,
html.theme-dark .nav-tabs > li.open > a:hover,
html.theme-dark .nav-tabs > li.open > a:focus {
	background-color: #2d323d !important;
	color: #ffffff !important;
}
html.theme-dark .tab-content {
	background-color: #242832 !important;
	border-color: #353b48 !important;
	color: #d4d6db;
}
html.theme-dark .tab-content > .tab-pane {
	background-color: transparent;
	color: #d4d6db;
}
html.theme-dark .nav-pills > li > a {
	color: #d4d6db !important;
	background-color: transparent;
}
html.theme-dark .nav-pills > li > a:hover {
	background-color: #2d323d !important;
}
html.theme-dark .nav-pills > li.active > a,
html.theme-dark .nav-pills > li.active > a:hover,
html.theme-dark .nav-pills > li.active > a:focus {
	background-color: #345783 !important;
	color: #ffffff !important;
}

/* === Labels & badges ==================================================== */
html.theme-dark .label-default,
html.theme-dark .label-grey {
	background-color: #454b5a;
}
html.theme-dark .badge,
html.theme-dark .badge-grey {
	background-color: #454b5a;
}
html.theme-dark .badge-important,
html.theme-dark .badge-danger {
	background-color: #a53430;
}
html.theme-dark .badge-warning {
	background-color: #b56b1a;
}
html.theme-dark .badge-success {
	background-color: #357935;
}
html.theme-dark .badge-info {
	background-color: #2c7a99;
}
html.theme-dark .badge-primary {
	background-color: #2c5fa3;
}

/* === Tooltips & popovers ================================================ */
html.theme-dark .tooltip-inner {
	background-color: #0d0f13;
	color: #e8eaed;
}
html.theme-dark .tooltip.top .tooltip-arrow,
html.theme-dark .tooltip.top-left .tooltip-arrow,
html.theme-dark .tooltip.top-right .tooltip-arrow {
	border-top-color: #0d0f13;
}
html.theme-dark .tooltip.bottom .tooltip-arrow,
html.theme-dark .tooltip.bottom-left .tooltip-arrow,
html.theme-dark .tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #0d0f13;
}
html.theme-dark .tooltip.left .tooltip-arrow {
	border-left-color: #0d0f13;
}
html.theme-dark .tooltip.right .tooltip-arrow {
	border-right-color: #0d0f13;
}
html.theme-dark .popover {
	background-color: #242832;
	border-color: #454b5a;
	color: #d4d6db;
}
html.theme-dark .popover-title {
	background-color: #2d323d;
	border-bottom-color: #353b48;
	color: #e8eaed;
}
html.theme-dark .popover-content {
	color: #d4d6db;
}
html.theme-dark .popover.top > .arrow,
html.theme-dark .popover.top > .arrow:after {
	border-top-color: #454b5a;
}
html.theme-dark .popover.bottom > .arrow,
html.theme-dark .popover.bottom > .arrow:after {
	border-bottom-color: #454b5a;
}

/* === Wells & misc surfaces ============================================== */
html.theme-dark .well {
	background-color: #1f222a;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .progress {
	background-color: #2d323d;
}
html.theme-dark .list-group-item {
	background-color: #242832;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .list-group-item:hover,
html.theme-dark .list-group-item:focus {
	background-color: #2d323d;
}
html.theme-dark .list-group-item.active,
html.theme-dark .list-group-item.active:hover {
	background-color: #2c5fa3;
	border-color: #2c5fa3;
}

/* === Gritter notifications ============================================== */
html.theme-dark .gritter-item {
	background-color: #242832;
	color: #d4d6db;
	border-color: #353b48;
}
html.theme-dark .gritter-title {
	color: #e8eaed;
	text-shadow: none;
}
html.theme-dark .gritter-info .gritter-item {
	background-color: #1f3a47;
	border-color: #2c7a99;
}
html.theme-dark .gritter-success .gritter-item {
	background-color: #1f3d1f;
	border-color: #357935;
}
html.theme-dark .gritter-error .gritter-item {
	background-color: #4a1f1f;
	border-color: #a53430;
}
html.theme-dark .gritter-warning .gritter-item {
	background-color: #4a3a15;
	border-color: #b56b1a;
}

/* === Toastr ============================================================= */
html.theme-dark .toast {
	background-color: #242832 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}

/* === Select2 (v3 + v4) ================================================== */
html.theme-dark .select2-container .select2-choice,
html.theme-dark .select2-container-multi .select2-choices,
html.theme-dark .select2-selection,
html.theme-dark .select2-selection--single,
html.theme-dark .select2-selection--multiple,
html.theme-dark .select2-container--default .select2-selection--single,
html.theme-dark .select2-container--default .select2-selection--multiple {
	background-color: #1a1d24 !important;
	background-image: none !important;
	border-color: #353b48 !important;
	color: #d4d6db !important;
	box-shadow: none !important;
}
html.theme-dark .select2-container .select2-choice > .select2-chosen,
html.theme-dark .select2-selection__rendered,
html.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #d4d6db !important;
}
html.theme-dark .select2-container .select2-choice .select2-arrow {
	background: transparent !important;
	border-left-color: #353b48 !important;
}
html.theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-top-color: #d4d6db !important;
}
html.theme-dark .select2-drop,
html.theme-dark .select2-dropdown,
html.theme-dark .select2-container--default .select2-dropdown {
	background-color: #2d323d !important;
	border-color: #454b5a !important;
	color: #d4d6db !important;
}
html.theme-dark .select2-results,
html.theme-dark .select2-results .select2-result-label,
html.theme-dark .select2-results__option,
html.theme-dark .select2-container--default .select2-results__option {
	color: #d4d6db !important;
	background-color: transparent !important;
}
html.theme-dark .select2-results .select2-highlighted,
html.theme-dark .select2-results__option--highlighted,
html.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
html.theme-dark .select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #345783 !important;
	color: #ffffff !important;
}
html.theme-dark .select2-search input,
html.theme-dark .select2-search__field,
html.theme-dark .select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #1a1d24 !important;
	border-color: #353b48 !important;
	color: #d4d6db !important;
}
html.theme-dark .select2-container-multi .select2-choices .select2-search-choice,
html.theme-dark .select2-selection__choice,
html.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #345783 !important;
	border-color: #4a6e94 !important;
	color: #ffffff !important;
}
html.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #ffffff !important;
}
html.theme-dark .select2-container--disabled .select2-selection--single,
html.theme-dark .select2-container--disabled .select2-selection--multiple {
	background-color: #16181e !important;
	color: #6a6f7a !important;
}

/* === Chosen =============================================================
   Chosen uses gradient backgrounds with multi-vendor prefixes and sprite
   images for arrows. Need !important on background to kill the gradient,
   and explicit background-image: none to defeat the gradients fully. */
html.theme-dark .chosen-container-single .chosen-single,
html.theme-dark .chosen-container-single .chosen-default,
html.theme-dark .chosen-container .chosen-choices {
	background-color: #1a1d24 !important;
	background-image: none !important;
	border-color: #353b48 !important;
	color: #d4d6db !important;
	box-shadow: none !important;
}
html.theme-dark .chosen-container-single .chosen-single span,
html.theme-dark .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	color: #d4d6db !important;
	background-color: transparent !important;
}
html.theme-dark .chosen-container-active.chosen-with-drop .chosen-single {
	background-color: #1a1d24 !important;
	background-image: none !important;
	border-color: #4a6e94 !important;
}
html.theme-dark .chosen-container .chosen-drop {
	background-color: #2d323d !important;
	border-color: #454b5a !important;
}
html.theme-dark .chosen-container .chosen-results {
	color: #d4d6db;
}
html.theme-dark .chosen-container .chosen-results li {
	color: #d4d6db !important;
	background-color: transparent !important;
}
html.theme-dark .chosen-container .chosen-results li.highlighted {
	background-color: #345783 !important;
	background-image: none !important;
	color: #ffffff !important;
}
html.theme-dark .chosen-container .chosen-results li.disabled-result {
	color: #6a6f7a !important;
}
html.theme-dark .chosen-container .chosen-results li.group-result {
	color: #8a8f9c !important;
	background-color: transparent !important;
}
html.theme-dark .chosen-container .chosen-search input[type="text"] {
	background-color: #1a1d24 !important;
	border-color: #353b48 !important;
	color: #d4d6db !important;
}
html.theme-dark .chosen-container-multi .chosen-choices li.search-choice {
	background-color: #345783 !important;
	background-image: none !important;
	border-color: #4a6e94 !important;
	color: #ffffff !important;
	box-shadow: none !important;
}
html.theme-dark .chosen-container-multi .chosen-choices li.search-choice span {
	color: #ffffff !important;
}
html.theme-dark .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	filter: invert(1);
	opacity: 0.7;
}
html.theme-dark .chosen-container-single .chosen-single div {
	background-color: transparent !important;
}
html.theme-dark .chosen-container-single .chosen-single div b {
	filter: invert(0.8);
}
html.theme-dark .chosen-container-single .chosen-single abbr {
	filter: invert(0.8);
}
html.theme-dark .chosen-container-active .chosen-choices,
html.theme-dark .chosen-container-active.chosen-with-drop .chosen-choices {
	border-color: #4a6e94 !important;
	background-color: #1a1d24 !important;
	background-image: none !important;
}
html.theme-dark .chosen-disabled .chosen-single,
html.theme-dark .chosen-disabled .chosen-choices {
	background-color: #16181e !important;
	color: #6a6f7a !important;
}

/* === DataTables ========================================================= */
html.theme-dark .dataTables_wrapper {
	color: #d4d6db;
}
html.theme-dark .dataTables_filter input,
html.theme-dark .dataTables_length select {
	background-color: #1a1d24;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .dataTables_info,
html.theme-dark .dataTables_length,
html.theme-dark .dataTables_filter {
	color: #8a8f9c;
}
html.theme-dark .dataTables_paginate .paginate_button {
	color: #d4d6db !important;
}
html.theme-dark .dataTables_paginate .paginate_button.current,
html.theme-dark .dataTables_paginate .paginate_button.current:hover {
	background: #2c5fa3 !important;
	color: #ffffff !important;
	border-color: #2c5fa3 !important;
}
html.theme-dark table.dataTable thead th,
html.theme-dark table.dataTable thead td {
	border-bottom-color: #353b48;
}

/* === jQuery UI datepicker =============================================== */
html.theme-dark .ui-datepicker,
html.theme-dark .ui-widget-content,
html.theme-dark .ui-widget.ui-widget-content {
	background-color: #242832;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .ui-datepicker .ui-datepicker-header,
html.theme-dark .ui-widget-header {
	background-color: #2d323d;
	background-image: none;
	border-color: #353b48;
	color: #e8eaed;
}
html.theme-dark .ui-datepicker td a,
html.theme-dark .ui-state-default,
html.theme-dark .ui-widget-content .ui-state-default {
	background-color: #1a1d24;
	background-image: none;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .ui-state-hover,
html.theme-dark .ui-widget-content .ui-state-hover {
	background-color: #353b48;
	color: #ffffff;
}
html.theme-dark .ui-state-active,
html.theme-dark .ui-widget-content .ui-state-active {
	background-color: #2c5fa3;
	color: #ffffff;
}

/* === Bootstrap datepicker / daterangepicker ============================= */
html.theme-dark .datepicker,
html.theme-dark .daterangepicker {
	background-color: #242832;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .datepicker table tr td,
html.theme-dark .datepicker table tr th,
html.theme-dark .daterangepicker td,
html.theme-dark .daterangepicker th {
	color: #d4d6db;
}
html.theme-dark .datepicker table tr td.active,
html.theme-dark .datepicker table tr td.active:hover,
html.theme-dark .daterangepicker td.active {
	background-color: #2c5fa3 !important;
	background-image: none;
	color: #ffffff;
}
html.theme-dark .datepicker table tr td.day:hover,
html.theme-dark .daterangepicker td:hover {
	background-color: #353b48;
	color: #ffffff;
}
html.theme-dark .datepicker table tr td.disabled,
html.theme-dark .daterangepicker td.disabled {
	color: #6a6f7a;
}
html.theme-dark .daterangepicker .ranges li {
	background-color: #2d323d;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .daterangepicker .ranges li.active,
html.theme-dark .daterangepicker .ranges li:hover {
	background-color: #2c5fa3;
	color: #ffffff;
}
html.theme-dark .daterangepicker .input-mini {
	background-color: #1a1d24;
	border-color: #353b48;
	color: #d4d6db;
}

/* === Bootstrap multiselect ============================================== */
html.theme-dark .multiselect-container {
	background-color: #2d323d;
	border-color: #454b5a;
}
html.theme-dark .multiselect-container > li > a {
	color: #d4d6db;
}
html.theme-dark .multiselect-container > li > a:hover {
	background-color: #353b48;
	color: #ffffff;
}

/* === CKEditor / Summernote rich-text editors ============================ */
html.theme-dark .note-editor.note-frame {
	background-color: #242832;
	border-color: #353b48;
}
html.theme-dark .note-editor .note-toolbar,
html.theme-dark .note-editor .note-statusbar {
	background-color: #2d323d;
	border-color: #353b48;
}
html.theme-dark .note-editor .note-editing-area .note-editable {
	background-color: #1a1d24;
	color: #d4d6db;
}

/* === Ace skins-specific tweaks ========================================= */
html.theme-dark .infobox {
	background-color: #242832;
	border-color: #353b48;
	color: #d4d6db;
}
html.theme-dark .infobox .infobox-content {
	color: #d4d6db;
}
html.theme-dark .infobox .infobox-data-number {
	color: #e8eaed;
}
html.theme-dark .infobox-blue {
	background-color: #1f3a47;
	border-color: #2c7a99;
}
html.theme-dark .infobox-green {
	background-color: #1f3d1f;
	border-color: #357935;
}
html.theme-dark .infobox-red {
	background-color: #4a1f1f;
	border-color: #a53430;
}
html.theme-dark .infobox-orange {
	background-color: #4a3a15;
	border-color: #b56b1a;
}
html.theme-dark .infobox-grey {
	background-color: #2d323d;
	border-color: #454b5a;
}
html.theme-dark .tab-size-result {
	background-color: #2d323d;
}

/* === Scrollbars (WebKit) ================================================ */
html.theme-dark ::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
html.theme-dark ::-webkit-scrollbar-track {
	background: #1a1d24;
}
html.theme-dark ::-webkit-scrollbar-thumb {
	background: #353b48;
	border: 2px solid #1a1d24;
	border-radius: 6px;
}
html.theme-dark ::-webkit-scrollbar-thumb:hover {
	background: #454b5a;
}

/* === Page-level helpers ================================================= */
html.theme-dark .light-grey {
	color: #b8bcc4 !important;
}
html.theme-dark .grey {
	color: #8a8f9c !important;
}
html.theme-dark .dark {
	color: #d4d6db !important;
}
html.theme-dark .footer .footer-inner .footer-content {
	background-color: #242832;
	border-top-color: #353b48;
	color: #8a8f9c;
}

/* === Ace text utility colors ============================================ */
html.theme-dark .lighter {
	color: #8a8f9c;
}
html.theme-dark .green,
html.theme-dark .text-success {
	color: #8ed68e !important;
}
html.theme-dark .red,
html.theme-dark .danger,
html.theme-dark .error,
html.theme-dark .text-danger,
html.theme-dark .text-error {
	color: #e08e8b !important;
}
html.theme-dark .orange,
html.theme-dark .text-warning {
	color: #f4c177 !important;
}
html.theme-dark .blue,
html.theme-dark .light-blue,
html.theme-dark .text-info,
html.theme-dark .text-primary {
	color: #8fbfee !important;
}
html.theme-dark .pink {
	color: #e89cc8 !important;
}
html.theme-dark .purple {
	color: #b596d6 !important;
}
html.theme-dark .black {
	color: #d4d6db !important;
}

/* === Tab panes ========================================================== */
html.theme-dark .tab-pane {
	background-color: transparent;
	color: #d4d6db;
}

/* === Errors block ======================================================= */
html.theme-dark .errors-block,
html.theme-dark [class*="errors-"] {
	color: #e08e8b;
}

/* === Specific-hex inline-style overrides ================================
   The discounts/content-edit form (translation.blade.php) and the in-progress
   copy table use specific hex bg colors per locale / status. Map each to a
   dark-mode equivalent keeping the same hue family so users can still tell
   the sections apart. */
html.theme-dark [style*="background-color: #AF9EB5"],
html.theme-dark [style*="background-color:#AF9EB5"] {
	background-color: #3a2f48 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #BADFF0"],
html.theme-dark [style*="background-color:#BADFF0"] {
	background-color: #1f3a4a !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #BCD7D7"],
html.theme-dark [style*="background-color:#BCD7D7"] {
	background-color: #1f3a3a !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #D8C5D4"],
html.theme-dark [style*="background-color:#D8C5D4"] {
	background-color: #3a2c3a !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #ffe3bd"],
html.theme-dark [style*="background-color:#ffe3bd"] {
	background-color: #3d3320 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #1fc1ff"],
html.theme-dark [style*="background-color:#1fc1ff"] {
	background-color: #1a4860 !important;
	color: #ffffff !important;
}
html.theme-dark [style*="background-color: #CF3EEE"],
html.theme-dark [style*="background-color:#CF3EEE"] {
	background-color: #5a1f6f !important;
	color: #ffffff !important;
}
html.theme-dark [style*="background-color: #dff0d8"],
html.theme-dark [style*="background-color:#dff0d8"] {
	background-color: #1f3d1f !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #f2dede"],
html.theme-dark [style*="background-color:#f2dede"] {
	background-color: #3d1f1f !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #438eb9"],
html.theme-dark [style*="background-color:#438eb9"] {
	background-color: #2a5673 !important;
	color: #ffffff !important;
}
html.theme-dark [style*="background-color: #ffb752"],
html.theme-dark [style*="background-color:#ffb752"],
html.theme-dark [style*="background: #ffb752"],
html.theme-dark [style*="background:#ffb752"] {
	background-color: #946018 !important;
	background: #946018 !important;
	color: #ffffff !important;
}

/* Slevoking-Finance bar.blade.php inline styles: navbar (orange #ffb752 above),
   menu-toggler (green #5cb85c), user dropdown button (yellow-gold #e8b10d). */
html.theme-dark [style*="background: #5cb85c"],
html.theme-dark [style*="background:#5cb85c"] {
	background-color: #3a6b3a !important;
	background: #3a6b3a !important;
	color: #ffffff !important;
}
html.theme-dark [style*="background-color: #e8b10d"],
html.theme-dark [style*="background-color:#e8b10d"],
html.theme-dark [style*="background: #e8b10d"],
html.theme-dark [style*="background:#e8b10d"] {
	background-color: #8a6a18 !important;
	background: #8a6a18 !important;
	color: #ffffff !important;
}

/* Employee calendar cell colors (CellBackgroundColor constants). Each light
   pastel maps to a dark variant in the same hue family so users can still
   tell the cell status (office/holiday/sick/etc) apart at a glance. */
html.theme-dark [style*="background-color: #d6e9c6"],
html.theme-dark [style*="background-color:#d6e9c6"] {
	background-color: #2a3d1f !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #fcf8e3"],
html.theme-dark [style*="background-color:#fcf8e3"] {
	background-color: #3d3a1f !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #fee188"],
html.theme-dark [style*="background-color:#fee188"] {
	background-color: #5c4720 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #d4ebf2"],
html.theme-dark [style*="background-color:#d4ebf2"] {
	background-color: #1f3a47 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #cccccc"],
html.theme-dark [style*="background-color:#cccccc"] {
	background-color: #3d3d3d !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #C6BDE1"],
html.theme-dark [style*="background-color:#C6BDE1"],
html.theme-dark [style*="background-color: #c6bde1"],
html.theme-dark [style*="background-color:#c6bde1"] {
	background-color: #3a3148 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #D8E7F5"],
html.theme-dark [style*="background-color:#D8E7F5"],
html.theme-dark [style*="background-color: #d8e7f5"],
html.theme-dark [style*="background-color:#d8e7f5"] {
	background-color: #2a3a47 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #FDF2E6"],
html.theme-dark [style*="background-color:#FDF2E6"],
html.theme-dark [style*="background-color: #fdf2e6"],
html.theme-dark [style*="background-color:#fdf2e6"] {
	background-color: #3d3320 !important;
	color: #d4d6db !important;
}
html.theme-dark [style*="background-color: #ECFFDC"],
html.theme-dark [style*="background-color:#ECFFDC"],
html.theme-dark [style*="background-color: #ecffdc"],
html.theme-dark [style*="background-color:#ecffdc"] {
	background-color: #2a3d1f !important;
	color: #d4d6db !important;
}

/* Inputs inside the colored .well panels would otherwise inherit the old
   dark-text-on-pastel-light combo. The general form-control override
   handles their bg but we need to make sure labels stay readable too. */
html.theme-dark .well[style*="background-color"] label,
html.theme-dark .well[style*="background-color"] .control-label {
	color: #e8eaed;
}

/* === Inline-style escape hatches ======================================== */
/* The blades have hand-rolled inline styles that bake light colors in.
   Override the most common offenders via attribute substring selectors.
   Inline wins specificity so !important is required here. */
html.theme-dark [style*="background: lightgrey"],
html.theme-dark [style*="background:lightgrey"],
html.theme-dark [style*="background: #fff"],
html.theme-dark [style*="background:#fff"],
html.theme-dark [style*="background-color: #fefefe"],
html.theme-dark [style*="background-color:#fefefe"],
html.theme-dark [style*="background-color: #ffffff"],
html.theme-dark [style*="background-color:#ffffff"],
html.theme-dark [style*="background-color: #fff;"],
html.theme-dark [style*="background-color:#fff;"],
html.theme-dark [style*="background: #f9f9f9"],
html.theme-dark [style*="background:#f9f9f9"],
html.theme-dark [style*="background: #f5f5f5"],
html.theme-dark [style*="background:#f5f5f5"],
html.theme-dark [style*="background: #fafafa"],
html.theme-dark [style*="background:#fafafa"] {
	background-color: #2d323d !important;
	background: #2d323d !important;
	color: #d4d6db !important;
	border-color: #353b48 !important;
}
html.theme-dark [style*="color: red"],
html.theme-dark [style*="color:red"] {
	color: #e08e8b !important;
}
html.theme-dark [style*="color: green"],
html.theme-dark [style*="color:green"] {
	color: #8ed68e !important;
}
html.theme-dark [style*="color: blue"],
html.theme-dark [style*="color:blue"] {
	color: #8fbfee !important;
}
html.theme-dark [style*="color: grey"],
html.theme-dark [style*="color:grey"],
html.theme-dark [style*="color: gray"],
html.theme-dark [style*="color:gray"],
html.theme-dark [style*="color: #888"],
html.theme-dark [style*="color:#888"],
html.theme-dark [style*="color: #999"],
html.theme-dark [style*="color:#999"] {
	color: #8a8f9c !important;
}
html.theme-dark [style*="color: #000"],
html.theme-dark [style*="color:#000"] {
	color: #d4d6db !important;
}
html.theme-dark [style*="color: #fff;"],
html.theme-dark [style*="color:#fff;"],
html.theme-dark [style*="color: #ffffff"],
html.theme-dark [style*="color:#ffffff"] {
	color: #ffffff !important;
}

/* === Theme toggle (sun/moon slider) =====================================
   Base styles apply in both themes — only the knob position and track bg
   change when html has .theme-dark. Lives in admin-dark.css because it's
   theme infrastructure even though it's always-on.
   ======================================================================== */
.ace-nav > li.theme-toggle-item {
	background-color: transparent !important;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
html.theme-dark .ace-nav > li.theme-toggle-item {
	border-left-color: #353b48;
}
.ace-nav > li.theme-toggle-item > a.theme-toggle-link,
.ace-nav > li.theme-toggle-item > a.theme-toggle-link:hover,
.ace-nav > li.theme-toggle-item > a.theme-toggle-link:focus {
	background-color: transparent !important;
	padding: 11px 14px !important;
	line-height: 1 !important;
	border: none !important;
	display: inline-flex;
	align-items: center;
	height: 45px;
}
.theme-toggle {
	display: inline-block;
	position: relative;
	width: 52px;
	height: 22px;
	border-radius: 11px;
	background-color: #d8dde2;
	transition: background-color 0.25s ease;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
html.theme-dark .theme-toggle {
	background-color: #1a1d24;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}
.theme-toggle-sun,
.theme-toggle-moon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 11px;
	line-height: 1;
	pointer-events: none;
	transition: opacity 0.25s ease, color 0.25s ease;
}
.theme-toggle-sun {
	left: 6px;
	color: #f0a838;
}
.theme-toggle-moon {
	right: 6px;
	color: #8a93a3;
}
html.theme-dark .theme-toggle-sun {
	color: #6e7280;
	opacity: 0.6;
}
html.theme-dark .theme-toggle-moon {
	color: #c8d4e8;
	opacity: 1;
}
.theme-toggle-knob {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffffff 0%, #e8eaed 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.2);
	transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s ease;
	z-index: 2;
}
html.theme-dark .theme-toggle-knob {
	transform: translateX(30px);
	background: linear-gradient(180deg, #3d4250 0%, #2a2e3a 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 1px #454b5a;
}