/*************************************************************************
 * User Manager 3.1.x
 * File: /css/dark.css
 * Purpose: Central dark-theme overrides for shared UM components and pages
 * version 3.1.4
 * Requirements:
 * - Load after core.css and style.css.
 * - Activate with html[data-theme="dark"].
 * - Keep light-theme component declarations in the primary stylesheets.
 *
 * Maintenance:
 * - Shared components appear before page-specific overrides.
 * - Page-specific selectors should remain scoped to their module.
 * - Avoid duplicate selectors and competing declarations in this file.
 *************************************************************************/

/******************************************************************************
 * Application Shell - Dark Theme
 ******************************************************************************/

html[data-theme="dark"] body {
	background: #10131a;
	color: #e7eaf0;
}

html[data-theme="dark"] .um-app-navbar {
	background: rgba(28, 31, 40, .98);
	border-bottom-color: #3a3f4b;
	box-shadow: 0 5px 18px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .um-app-navbar .navbar-brand,
html[data-theme="dark"] .um-app-navbar .navbar-brand:hover,
html[data-theme="dark"] .um-app-navbar .navbar-brand:focus {
	color: #f4f6fb;
}

html[data-theme="dark"] .um-app-navbar .navbar-nav > li > a {
	color: #d8dce7;
}

html[data-theme="dark"] .um-app-navbar .navbar-nav > li > a:hover,
html[data-theme="dark"] .um-app-navbar .navbar-nav > li > a:focus,
html[data-theme="dark"] .um-app-navbar .navbar-nav > .open > a {
	color: #fff;
	background: #303544;
}

html[data-theme="dark"] .um-nav-action,
html[data-theme="dark"] .um-nav-icon,
html[data-theme="dark"] .um-account-toggle {
	background: #252a35;
	border-color: #485064;
	color: #f0f2f7 !important;
}

html[data-theme="dark"] .um-notification-badge {
	border-color: #252a35;
}

html[data-theme="dark"] .um-notification-header,
html[data-theme="dark"] .um-account-header,
html[data-theme="dark"] .um-notification-section {
	background: #20242e;
	border-color: #3d4352;
	color: #f0f2f7;
}

html[data-theme="dark"] .um-notification-row.unread {
	background: #252d3e;
}

html[data-theme="dark"] .um-notification-row.unread:hover {
	background: #30394d;
}

html[data-theme="dark"] .um-notification-row.read:hover {
	background: #303544;
}

html[data-theme="dark"] .um-notification-link small {
	color: #aeb5c4;
}

html[data-theme="dark"] .um-notification-close {
	color: #aeb5c4;
}

html[data-theme="dark"] .um-notification-close:hover,
html[data-theme="dark"] .um-notification-close:focus {
	background: #4a2b31;
	color: #ffb3bd;
}

html[data-theme="dark"] .myaccount,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .page-container,
html[data-theme="dark"] .content-wrapper {
	background: #1d212b;
	color: #e7eaf0;
	border-color: #3d4352;
}

html[data-theme="dark"] .dropdown-menu {
	background: #252a35;
	border-color: #4a5265;
}

html[data-theme="dark"] .dropdown-menu > li > a {
	color: #e7eaf0;
}

html[data-theme="dark"] .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:focus {
	background: #303544;
	color: #fff;
}

html[data-theme="dark"] .text-muted {
	color: #aeb5c4;
}

@media (max-width: 767px) {
	html[data-theme="dark"] .um-app-navbar .navbar-collapse {
		border-top-color: #3a3f4b;
		background: #1c1f28;
	}
}

/*************************************************************************
 * Bootstrap and Shared Controls
 *************************************************************************/
html[data-theme="dark"] .panel,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .well,
html[data-theme="dark"] .list-group-item {
	background: #1f242d;
	border-color: #3d4452;
	color: #e8ebf2;
}
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
	background: #252b36;
	border-color: #3d4452;
	color: #f4f6fb;
}
html[data-theme="dark"] .modal-body {
	background: #1f242d;
	color: #e8ebf2;
}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="custom"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] select.form-control {
	background: #252b36;
	border-color: #4a5265;
	color: #f4f6fb;
	-webkit-text-fill-color: #f4f6fb;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] input[type="text"]:focus,
html[data-theme="dark"] input[type="custom"]:focus,
html[data-theme="dark"] input[type="password"]:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select.form-control:focus {
	background: #252b36;
	border-color: #6ea8fe;
	box-shadow: 0 0 0 2px rgba(110,168,254,.15);
	color: #fff;
}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
	color: #9aa6bc;
}
html[data-theme="dark"] .input-group-addon {
	background: #2a313d;
	border-color: #4a5265;
	color: #e8ebf2;
}
html[data-theme="dark"] .btn-default {
	background: #2b3340;
	border-color: #4a5567;
	color: #e8ebf2;
}
html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] .btn-default:focus,
html[data-theme="dark"] .btn-default:active,
html[data-theme="dark"] .btn-default.active {
	background: #364154;
	border-color: #5d6b81;
	color: #fff;
}
html[data-theme="dark"] .table {
	background: transparent;
	color: #e8ebf2;
}
html[data-theme="dark"] .table > thead > tr > th {
	background: #2a313d;
	border-color: #465063;
	color: #f4f6fb;
}
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > th {
	border-color: #3d4452;
	color: #e8ebf2;
}
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
	background: #252b36;
}
html[data-theme="dark"] .table-hover > tbody > tr:hover {
	background: #2b3340;
}
html[data-theme="dark"] .nav-tabs {
	border-bottom-color: #3d4452;
}
html[data-theme="dark"] .nav-tabs > li > a {
	color: #b8c0ce;
}
html[data-theme="dark"] .nav-tabs > li > a:hover,
html[data-theme="dark"] .nav-tabs > li > a:focus {
	background: #2a313d;
	border-color: #3d4452;
	color: #fff;
}
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: #1f242d;
	border-color: #3d4452 #3d4452 transparent;
	color: #fff;
}
html[data-theme="dark"] .tab-content {
	background: transparent;
	border-color: #3d4452;
	color: #e8ebf2;
}
html[data-theme="dark"] .close {
	color: #fff;
	text-shadow: none;
}
html[data-theme="dark"] hr,
html[data-theme="dark"] .divider {
	border-color: #3d4452;
}
html[data-theme="dark"] code {
	background: #252b36;
	color: #ffb3bd;
}

html[data-theme="dark"] select.form-control {
	color-scheme: dark;
}

html[data-theme="dark"] select.form-control option,
html[data-theme="dark"] select.form-control optgroup {
	background: var(--um-surface-alt);
	color: var(--um-text);
	-webkit-text-fill-color: var(--um-text);
}

html[data-theme="dark"] select.form-control option:checked {
	background: #313a49;
	color: #ffffff;
}

html[data-theme="dark"] select.form-control option:disabled {
	color: var(--um-text-muted);
}
/*************************************************************************
 * Theme Tokens
 *************************************************************************/

html[data-theme="dark"] {
	--dashboard-surface: #1f242d;
	--dashboard-surface-hover: #262d39;
	--dashboard-surface-alt: #2b3340;
	--dashboard-border: #3d4452;
	--dashboard-border-hover: #4f8cff;
	--dashboard-text: #f4f6fb;
	--dashboard-text-muted: #b8c0ce;
	--dashboard-shadow: 0 2px 8px rgba(0,0,0,.28);
	--dashboard-shadow-hover: 0 5px 15px rgba(79,140,255,.22);
}

/*************************************************************************
 * Group Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-group-chip {
	background: #252b36;
	border-color: #3d4452;
	color: #e8ebf2;
}
html[data-theme="dark"] .um-group-chip:hover {
	background: #313a49;
}
html[data-theme="dark"] .um-group-chip.is-protected {
	background: #4d4426;
	border-color: #6d5c2d;
	color: #f1e4b0;
}
html[data-theme="dark"] .um-group-remove {
	color: #ff8d8d;
}
html[data-theme="dark"] .um-group-remove:hover {
	color: #ffb3b3;
}
html[data-theme="dark"] .um-group-filter-empty,
html[data-theme="dark"] .um-group-manager .um-panel-footer {
	color: #aeb7c7;
}
html[data-theme="dark"] .um-group-manager .um-panel-footer {
	border-color: #3d4452;
}

/*************************************************************************
 * Page Headers
 *************************************************************************/

html[data-theme="dark"] .um-page-header {
	background: #252b36;
	border: 1px solid #3d4452;
	box-shadow: 0 2px 6px rgba(0,0,0,.02);
}

html[data-theme="dark"] .um-page-title {
	color: #f4f6fb;
}

html[data-theme="dark"] .um-page-title i,
html[data-theme="dark"] .um-page-title .fa,
html[data-theme="dark"] .um-page-title .glyphicon {
	color: #6ea8fe;
}

html[data-theme="dark"] .um-page-subtitle {
	color: #b8c0ce;
}

html[data-theme="dark"] .um-page-header-meta {
	color: #b8c0ce;
}

/*************************************************************************
 * Configuration Fields - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-config-label {
	color: #e8ebf2;
}
html[data-theme="dark"] .um-config-help {
	color: #aeb7c7;
}

/*************************************************************************
 * JSON Builder - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-json-summary {
	background: #1f3448;
	border-color: #325272;
	color: #d7e7f6;
}

/*************************************************************************
 * Form Actions - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-form-actions {
	border-color: #3d4452;
}

html[data-theme="dark"] .um-form-actions .text-muted {
	color: #aeb7c7;
}

/*************************************************************************
 * Proxy Address Editor - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-proxy-item {
	background: #252b36;
	border-color: #3d4452;
}

html[data-theme="dark"] .um-proxy-value {
	color: #e8ebf2;
}
/*************************************************************************
 * Panels
 *************************************************************************/

html[data-theme="dark"] .um-panel {
	background: #1f242d;
	border-color: #3d4452;
	box-shadow: 0 2px 8px rgba(0,0,0,.28);
}

html[data-theme="dark"] .um-panel-header,
html[data-theme="dark"] .um-panel-heading {
	background: #2a313d;
	border-bottom: 1px solid #3d4452;
	color: #f4f6fb;
}

html[data-theme="dark"] .um-panel-title,
html[data-theme="dark"] .um-panel-heading,
html[data-theme="dark"] .um-panel-heading strong {
	color: #f4f6fb;
}

html[data-theme="dark"] .um-panel-subtitle {
	color: #b8c0ce;
}

html[data-theme="dark"] .um-panel-body {
	color: #e8ebf2;
}

html[data-theme="dark"] .um-panel-footer {
	background: #242a34;
	border-top-color: #3d4452;
}

/* Config Type */
html[data-theme="dark"] .um-config-type-item {
	border-bottom-color: #384152;
}

html[data-theme="dark"] .um-config-type-item:hover {
	background: #252b36;
}

html[data-theme="dark"] .um-config-type-item.active {
	background: #337ab7;
	color: #fff;
}

/*************************************************************************
 * Summary Cards, Statuses and Badges
 *************************************************************************/

html[data-theme="dark"] .um-stat-card,
html[data-theme="dark"] .um-card {
	background: #1f242d;
	border: 1px solid #3d4452;
	color: #e8ebf2;
	box-shadow: 0 2px 8px rgba(0,0,0,.28);
}

html[data-theme="dark"] .um-stat-card:hover,
html[data-theme="dark"] .um-card:hover {
	border-color: #4f8cff;
	background: #262d39;
	box-shadow: 0 5px 14px rgba(79,140,255,.22);
	color: #ffffff;
}

html[data-theme="dark"] .um-stat-card.active-filter,
html[data-theme="dark"] .um-card.active-filter {
	border-color: #4f8cff;
	box-shadow: 0 0 0 1px #4f8cff,
		0 5px 14px rgba(79,140,255,.22);
	background: #262d39;
}

html[data-theme="dark"] .um-stat-card.is-static:hover,
html[data-theme="dark"] .um-card.is-static:hover {
	border-color: #3d4452;
	background: #1f242d;
	box-shadow: 0 2px 8px rgba(0,0,0,.28);
	transform: none;
}

html[data-theme="dark"] .um-stat-label,
html[data-theme="dark"] .um-card-label,
html[data-theme="dark"] .summary-label {
	color: #b8c0ce;
}

html[data-theme="dark"] .um-stat-secondary {
	color: #aeb7c7;
}

html[data-theme="dark"] .um-stat-icon,
html[data-theme="dark"] .um-card-icon,
html[data-theme="dark"] .summary-icon {
	opacity: .25;
}

html[data-theme="dark"] .um-stat-success .um-stat-number,
html[data-theme="dark"] .um-stat-success .um-stat-icon,
html[data-theme="dark"] .um-card-success .um-card-number,
html[data-theme="dark"] .um-card-success .um-card-icon {
	color: #73e076;
}

html[data-theme="dark"] .um-stat-warning .um-stat-number,
html[data-theme="dark"] .um-stat-warning .um-stat-icon,
html[data-theme="dark"] .um-card-warning .um-card-number,
html[data-theme="dark"] .um-card-warning .um-card-icon {
	color: #ffd483;
}

html[data-theme="dark"] .um-stat-danger .um-stat-number,
html[data-theme="dark"] .um-stat-danger .um-stat-icon,
html[data-theme="dark"] .um-card-danger .um-card-number,
html[data-theme="dark"] .um-card-danger .um-card-icon {
	color: #ff8480;
}

html[data-theme="dark"] .um-stat-info .um-stat-number,
html[data-theme="dark"] .um-stat-info .um-stat-icon,
html[data-theme="dark"] .um-card-info .um-card-number,
html[data-theme="dark"] .um-card-info .um-card-icon {
	color: #6ea8fe;
}

html[data-theme="dark"] .um-stat-primary .um-stat-number,
html[data-theme="dark"] .um-stat-primary .um-stat-icon,
html[data-theme="dark"] .um-card-primary .um-card-number,
html[data-theme="dark"] .um-card-primary .um-card-icon {
	color: #6ea8fe;
}

html[data-theme="dark"] .um-stat-muted .um-stat-number,
html[data-theme="dark"] .um-stat-muted .um-stat-icon,
html[data-theme="dark"] .um-card-muted .um-card-number,
html[data-theme="dark"] .um-card-muted .um-card-icon {
	color: #c3cad6;
}

html[data-theme="dark"] .um-stat-purple .um-stat-number,
html[data-theme="dark"] .um-stat-purple .um-stat-icon,
html[data-theme="dark"] .um-card-purple .um-card-number,
html[data-theme="dark"] .um-card-purple .um-card-icon {
	color: #b495ff;
}

html[data-theme="dark"] .um-status-active,
html[data-theme="dark"] .um-status-success,
html[data-theme="dark"] .um-badge-success {
	background: rgba(76,175,80,.22);
	color: #82e486;
	border: 1px solid rgba(76,175,80,.35);
}

html[data-theme="dark"] .um-status-warning,
html[data-theme="dark"] .um-status-pending,
html[data-theme="dark"] .um-badge-warning {
	background: rgba(255,183,77,.18);
	color: #ffd483;
	border: 1px solid rgba(255,183,77,.35);
}

html[data-theme="dark"] .um-status-danger,
html[data-theme="dark"] .um-status-error,
html[data-theme="dark"] .um-status-locked,
html[data-theme="dark"] .um-badge-danger {
	background: rgba(239,83,80,.18);
	color: #ff9e9b;
	border: 1px solid rgba(239,83,80,.35);
}

html[data-theme="dark"] .um-status-info,
html[data-theme="dark"] .um-badge-info {
	background: rgba(79,140,255,.18);
	color: #8bb9ff;
	border: 1px solid rgba(79,140,255,.35);
}

html[data-theme="dark"] .um-status-disabled,
html[data-theme="dark"] .um-badge-default {
	background: rgba(160,165,175,.18);
	color: #c3cad6;
	border: 1px solid rgba(160,165,175,.35);
}

/*************************************************************************
 * Admin Accordion Menu
 *************************************************************************/

html[data-theme="dark"] .admin-accordion-menu {
	background: #1f242d;
	border: 1px solid #3d4452;
}

html[data-theme="dark"] .admin-accordion .panel-heading {
	background: #31394a;
}

html[data-theme="dark"] .admin-accordion .panel-title > a {
	color: #f4f6fb !important;
	font-weight: 600;
}

html[data-theme="dark"] .admin-accordion .panel-title > a:hover,
html[data-theme="dark"] .admin-accordion .panel-title > a:focus,
html[data-theme="dark"] .admin-accordion .admin-accordion-toggle[aria-expanded="true"] {
	background: #394457;
	color: #ffffff !important;
}

html[data-theme="dark"] .admin-accordion .panel-body {
	background: #1f242d;
	border-top: 1px solid #3d4452 !important;
}

html[data-theme="dark"] .admin-accordion-links > li > a {
	color: #d8dce7 !important;
}

html[data-theme="dark"] .admin-accordion-links > li > a:hover,
html[data-theme="dark"] .admin-accordion-links > li > a:focus {
	background: #2c3443;
	color: #ffffff !important;
}

html[data-theme="dark"] .admin-accordion-links .fa,
html[data-theme="dark"] .admin-accordion .panel-title .fa {
	color: #6ea8fe !important;
}

html[data-theme="dark"] .admin-accordion .text-muted {
	color: #aeb7c7 !important;
}

html[data-theme="dark"] .admin-accordion a.disabled,
html[data-theme="dark"] .admin-accordion .disabled > a {
	color: #6b7380 !important;
	opacity: .75;
}

/*************************************************************************
 * Tables
 *************************************************************************/

html[data-theme="dark"] .um-table-wrap {
	background: #1f242d;
	border-color: #3d4452;
}

html[data-theme="dark"] .um-table {
	background: transparent;
	color: #e8ebf2;
}

html[data-theme="dark"] .um-table > thead > tr > th {
	background: #2a313d;
	color: #f4f6fb;
	border-bottom-color: #465063;
}

html[data-theme="dark"] .um-table > tbody > tr > td {
	border-top-color: #3d4452;
	background: #1f2430;
	color: #e8ebf2;
}

html[data-theme="dark"] .um-table-striped > tbody > tr:nth-child(odd) > td {
	background: #252b36;
}

html[data-theme="dark"] .um-table-striped > tbody > tr:nth-child(even) > td {
	background: #1f242d;
}

html[data-theme="dark"] .um-table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .um-table-clickable tbody tr:hover td {
	background: #2b3340;
}

html[data-theme="dark"] .um-table tbody tr.selected-row td {
	background: #30435f !important;
}

html[data-theme="dark"] .um-row-success td {
	background: rgba(92,184,92,.08);
}

html[data-theme="dark"] .um-row-warning td {
	background: rgba(240,173,78,.08);
}

html[data-theme="dark"] .um-row-danger td {
	background: rgba(217,83,79,.08);
}

html[data-theme="dark"] .um-row-disabled td {
	background: #222831;
	color: #9aa3b2;
}

html[data-theme="dark"] .um-table-sortable th:hover {
	background: #344050;
}

html[data-theme="dark"] .um-table-empty {
	background: #1f242d;
	color: #b8c0ce;
}

html[data-theme="dark"] .report-table tbody tr:hover td {
	background: #313a49 !important;
	color: #ffffff !important;
}

/*************************************************************************
 * Session Toolbar
 *************************************************************************/

html[data-theme="dark"] .session-toolbar {
	background: #252b36;
	border-bottom: 1px solid #3d4452;
}

html[data-theme="dark"] .session-toolbar .form-control {
	background: #1f242d;
	border: 1px solid #465063;
	color: #e8ebf2;
}

html[data-theme="dark"] .session-toolbar .form-control:focus {
	border-color: #4f8cff;
	box-shadow: 0 0 0 1px rgba(79,140,255,.20);
	background: #1f242d;
}

html[data-theme="dark"] .session-toolbar .form-control::placeholder {
	color: #8e98aa;
}

html[data-theme="dark"] .session-toolbar select.form-control {
	background: #1f242d;
	color: #e8ebf2;
}

html[data-theme="dark"] .session-toolbar .btn-default {
	background: #2b3340;
	border-color: #4a5567;
	color: #e8ebf2;
}

html[data-theme="dark"] .session-toolbar .btn-default:hover,
html[data-theme="dark"] .session-toolbar .btn-default:focus {
	background: #364154;
	border-color: #5d6b81;
	color: #ffffff;
}

html[data-theme="dark"] .session-toolbar .btn-danger {
	background: #a94442;
	border-color: #a94442;
}

html[data-theme="dark"] .session-toolbar .text-muted {
	color: #aeb7c7 !important;
}

/*************************************************************************
 * UM Section Cards - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-section-card {
	background: #1f2430;

	border: 1px solid #384152;

	box-shadow: 0 2px 8px rgba(0,0,0,.30);
}

html[data-theme="dark"] .um-section-header {
	background: #252b36;

	border-bottom: 1px solid #384152;
}

html[data-theme="dark"] .um-section-body {
	background: #1f2430;

	color: #e8ebf2;
}

/*************************************************************************
 * Section Headings
 *************************************************************************/

html[data-theme="dark"] .um-section-title {
	color: #f3f4f6;
}

html[data-theme="dark"] .um-section-title i {
	color: #6ea8fe;
}

html[data-theme="dark"] .um-section-description {
	color: #b8c0ce;
}

/*************************************************************************
 * Forms Inside Sections
 *************************************************************************/

html[data-theme="dark"] .um-section-card label {
	color: #e8ebf2;
}

html[data-theme="dark"] .um-section-card .help-block,
html[data-theme="dark"] .um-section-card .text-muted {
	color: #b8c0ce;
}

html[data-theme="dark"] .um-section-card .form-control {
	background: #252b36;

	border-color: #4a5265;

	color: #ffffff;
}

html[data-theme="dark"] .um-section-card .form-control:focus {
	border-color: #6ea8fe;

	box-shadow: 0 0 0 2px rgba(110,168,254,.15);
}

html[data-theme="dark"] .um-section-card .form-control::placeholder {
	color: #9aa6bc;
}

/*************************************************************************
 * Inputs
 *************************************************************************/

html[data-theme="dark"] .um-section-card input,
html[data-theme="dark"] .um-section-card textarea,
html[data-theme="dark"] .um-section-card select {
	background: #252b36;

	color: #ffffff;

	border-color: #4a5265;
}

html[data-theme="dark"] .um-section-card input[readonly],
html[data-theme="dark"] .um-section-card textarea[readonly] {
	background: #20252f;
}

/**************************************************************************
 * Firefox / Browser Autofill - Dark Theme
 **************************************************************************/

html[data-theme="dark"] input:autofill,
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] input:-webkit-autofill:active {
	background-color: #252b36 !important;
	background-image: none !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border-color: #4a5265 !important;
	caret-color: #ffffff !important;
	box-shadow: 0 0 0 1000px #252b36 inset !important;
	-webkit-box-shadow: 0 0 0 1000px #252b36 inset !important;
}

/* Firefox specifically */
html[data-theme="dark"] input:-moz-autofill,
html[data-theme="dark"] input:-moz-autofill-preview {
	background-color: #252b36 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	caret-color: #ffffff !important;
}

/* Keep normal focus indication */
html[data-theme="dark"] input:autofill:focus,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] input:-moz-autofill:focus {
	border-color: #6ea8fe !important;
	box-shadow: 0 0 0 2px rgba(110, 168, 254, .18) !important;
}

/*************************************************************************
 * Select2 Support
 *************************************************************************/

html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple {
	background: #252b36;

	border-color: #4a5265;

	color: #ffffff;
}

html[data-theme="dark"] .select2-dropdown {
	background: #252b36;

	border-color: #4a5265;
}

html[data-theme="dark"] .select2-results__option {
	color: #e8ebf2;
}

html[data-theme="dark"] .select2-results__option--highlighted {
	background: #313a49 !important;
}

/*************************************************************************
 * Validation States
 *************************************************************************/

html[data-theme="dark"] .has-error .form-control {
	border-color: #d9534f;
}

html[data-theme="dark"] .has-success .form-control {
	border-color: #5cb85c;
}

html[data-theme="dark"] .has-warning .form-control {
	border-color: #f0ad4e;
}

/*************************************************************************
 * Section Variants
 *************************************************************************/

html[data-theme="dark"] .section-success {
	border-left-color: #5cb85c;
}

html[data-theme="dark"] .section-warning {
	border-left-color: #f0ad4e;
}

html[data-theme="dark"] .section-danger {
	border-left-color: #d9534f;
}

html[data-theme="dark"] .section-info {
	border-left-color: #6ea8fe;
}

/*************************************************************************
 * Hover
 *************************************************************************/

html[data-theme="dark"] .um-section-card:hover {
	border-color: #4a5265;
}
/*************************************************************************
 * Generated Values
 *************************************************************************/

html[data-theme="dark"] .generated-field,
html[data-theme="dark"] .generated-value {
	background: #252b36 !important;
	color: #ffffff !important;
}
/*************************************************************************
 * UM Section Cards - Readonly Field Fix
 *************************************************************************/

html[data-theme="dark"] .um-section-card input[readonly],
html[data-theme="dark"] .um-section-card textarea[readonly],
html[data-theme="dark"] .um-section-card .form-control[readonly],
html[data-theme="dark"] .um-section-card .form-control.none {

	background: #252b36 !important;

	color: #ffffff !important;

	border-color: #4a5265 !important;

	opacity: 1 !important;

	-webkit-text-fill-color: #ffffff;
}

html[data-theme="dark"] .um-section-card .form-control.none:focus,
html[data-theme="dark"] .um-section-card .form-control[readonly]:focus {

	background: #252b36 !important;

	color: #ffffff !important;

	border-color: #6ea8fe !important;
}

/*************************************************************************
 * Dark Theme
 *************************************************************************/
html[data-theme="dark"] .um-dashboard-page {
	color: #e8ebf2;
}
html[data-theme="dark"] .um-dashboard-section-header {
	border-bottom-color: #384152;
}
html[data-theme="dark"] .um-dashboard-section-header h2 {
	color: #f3f4f6;
}
html[data-theme="dark"] .um-dashboard-section-header p {
	color: #b8c0ce;
}
html[data-theme="dark"] .um-dashboard-welcome-banner {
	background: linear-gradient(135deg, #252b36 0%, #1f2430 100%);
	border-color: #384152;
	border-left-color: #6ea8fe;
	box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
html[data-theme="dark"] .um-dashboard-welcome-title {
	color: #ffffff;
}
html[data-theme="dark"] .um-dashboard-welcome-text {
	color: #c3cad8;
}
html[data-theme="dark"] .um-dashboard-welcome-stat {
	background: #2a313d;
	border-color: #4a5265;
	color: #e8ebf2;
}
html[data-theme="dark"] .um-dashboard-welcome-stat i {
	color: #6ea8fe;
}
html[data-theme="dark"] .um-dashboard-welcome-action-search {
	background: #252b36;
	border-color: #f0ad4e;
	color: #f8d27a;
}
html[data-theme="dark"] .um-dashboard-welcome-action-status {
	background: #252b36;
	border-color: #5cb85c;
	color: #8fd694;
}
html[data-theme="dark"] .um-dashboard-welcome-action-new-user {
	background: #2f7d32;
	border-color: #2f7d32;
	color: #ffffff;
}
html[data-theme="dark"] .um-dashboard-health-card,
html[data-theme="dark"] .um-dashboard-card {
	background: #252b36;
	border-color: #384152;
	color: #e8ebf2;
	box-shadow: 0 1px 4px rgba(0,0,0,.22);
}
html[data-theme="dark"] .um-dashboard-health-card:hover,
html[data-theme="dark"] .um-dashboard-health-card:focus,
html[data-theme="dark"] .um-dashboard-card:hover,
html[data-theme="dark"] .um-dashboard-card:focus {
	background: #2a313d;
	border-color: #6ea8fe;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0,0,0,.28);
}
html[data-theme="dark"] .um-dashboard-health-card strong,
html[data-theme="dark"] .um-dashboard-card strong {
	color: #ffffff;
}
html[data-theme="dark"] .um-dashboard-health-desc,
html[data-theme="dark"] .um-dashboard-card span {
	color: #b8c0ce;
}
html[data-theme="dark"] .um-dashboard-state-success {
	border-left-color: #5cb85c;
}
html[data-theme="dark"] .um-dashboard-state-success i,
html[data-theme="dark"] .um-dashboard-state-success svg,
html[data-theme="dark"] .um-dashboard-state-success .um-dashboard-health-value {
	color: #7dd87d;
}
html[data-theme="dark"] .um-dashboard-state-warning {
	border-left-color: #f0ad4e;
}
html[data-theme="dark"] .um-dashboard-state-warning i,
html[data-theme="dark"] .um-dashboard-state-warning svg,
html[data-theme="dark"] .um-dashboard-state-warning .um-dashboard-health-value {
	color: #ffd27d;
}
html[data-theme="dark"] .um-dashboard-state-danger {
	border-left-color: #d9534f;
}
html[data-theme="dark"] .um-dashboard-state-danger i,
html[data-theme="dark"] .um-dashboard-state-danger svg,
html[data-theme="dark"] .um-dashboard-state-danger .um-dashboard-health-value {
	color: #ff8f8f;
}
html[data-theme="dark"] .um-dashboard-icon-green i,
html[data-theme="dark"] .um-dashboard-icon-green svg {
	color: #6fdb7a;
}
html[data-theme="dark"] .um-dashboard-icon-orange i,
html[data-theme="dark"] .um-dashboard-icon-orange svg {
	color: #ffc861;
}
html[data-theme="dark"] .um-dashboard-icon-purple i,
html[data-theme="dark"] .um-dashboard-icon-purple svg {
	color: #b388ff;
}
html[data-theme="dark"] .um-dashboard-icon-teal i,
html[data-theme="dark"] .um-dashboard-icon-teal svg {
	color: #5fd4c7;
}
html[data-theme="dark"] .um-dashboard-icon-red i,
html[data-theme="dark"] .um-dashboard-icon-red svg {
	color: #ff8f8f;
}
html[data-theme="dark"] .um-dashboard-icon-blue i,
html[data-theme="dark"] .um-dashboard-icon-blue svg {
	color: #6ea8fe;
}
html[data-theme="dark"] .um-dashboard-empty-state {
	background: #252b36;
	border-color: #4a5265;
	color: #b8c0ce;
}

/*************************************************************************
 * Responsive Layout
 *************************************************************************/
@media (max-width: 767px) {
	.um-dashboard-page .um-page-header {
		text-align: left;
	}
	.um-dashboard-welcome-meta {
		display: block;
	}
	.um-dashboard-welcome-stat {
		margin: 0 4px 6px 0;
	}
	.um-dashboard-health-card,
	.um-dashboard-card,
	.um-dashboard-application-card {
		min-height: 0;
	}
}

/*************************************************************************
 * Reduced Motion
 *************************************************************************/
@media (prefers-reduced-motion: reduce) {
	.um-dashboard-health-card,
	.um-dashboard-card {
		transition: none;
	}
	.um-dashboard-health-card:hover,
	.um-dashboard-health-card:focus,
	.um-dashboard-card:hover,
	.um-dashboard-card:focus {
		transform: none;
	}
}


/*************************************************************************
 * Help Center - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-help-page {
	color: #e8ebf2;
}

/*************************************************************************
 * Hero
 *************************************************************************/

html[data-theme="dark"] .um-help-hero {
	background: linear-gradient(
		135deg,
		#252b36 0%,
		#2a313d 55%,
		#1f2430 100%
	);

	border-color: #384152;
}

html[data-theme="dark"] .um-help-hero-title {
	color: #ffffff;
}

html[data-theme="dark"] .um-help-hero-text {
	color: #c3cad8;
}

html[data-theme="dark"] .help-hero-icon {
	color: #6ea8fe;
	opacity: .12;
}

/*************************************************************************
 * Search Panel
 *************************************************************************/

html[data-theme="dark"] .um-help-search-panel {
	background: #252b36;
}

html[data-theme="dark"] .help-search-wrap .glyphicon {
	color: #b8c0ce;
}

html[data-theme="dark"] .help-results-meta {
	color: #b8c0ce;
}

/*************************************************************************
 * Active Filter View
 *************************************************************************/

html[data-theme="dark"] .help-active-view {
	background: #2a313d;

	border-color: #384152;

	color: #e8ebf2;
}

/*************************************************************************
 * Featured Guides
 *************************************************************************/

html[data-theme="dark"] .um-help-featured-card {
	background: #252b36;

	border-color: #384152;

	color: #e8ebf2;

	box-shadow: 0 2px 8px rgba(0,0,0,.22);
}

html[data-theme="dark"] .um-help-featured-card:hover,
html[data-theme="dark"] .um-help-featured-card:focus {
	background: #2a313d;

	border-color: #6ea8fe;
}

html[data-theme="dark"] .help-featured-name {
	color: #ffffff;
}

html[data-theme="dark"] .help-featured-description {
	color: #c3cad8;
}

html[data-theme="dark"] .help-featured-meta {
	color: #9aa6bc;
}

html[data-theme="dark"] .help-featured-icon {
	color: #6ea8fe;
}

/*************************************************************************
 * Navigation
 *************************************************************************/

html[data-theme="dark"] .um-help-nav-panel {
	background: #252b36;

	border-color: #384152;
}

html[data-theme="dark"] .um-help-nav-item {
	border-bottom-color: #384152;

	color: #e8ebf2;
}

html[data-theme="dark"] .um-help-nav-item:hover,
html[data-theme="dark"] .um-help-nav-item:focus {
	background: #2a313d;

	color: #ffffff;
}

html[data-theme="dark"] .um-help-nav-item.active {
	background: #337ab7;

	color: #ffffff;
}

html[data-theme="dark"] .help-nav-count {
	background: #384152;

	color: #e8ebf2;
}

html[data-theme="dark"] .help-audience-list {
	border-top-color: #384152;
}

html[data-theme="dark"] .help-audience-title {
	color: #b8c0ce;
}

html[data-theme="dark"] .help-audience-filter {
	background: #384152;

	color: #e8ebf2;
}

html[data-theme="dark"] .help-audience-filter.active,
html[data-theme="dark"] .help-audience-filter:hover {
	background: #337ab7;

	color: #ffffff;
}

/*************************************************************************
 * Category Sections
 *************************************************************************/

html[data-theme="dark"] .help-category-section {
	background: #252b36;

	border-color: #384152;
}

html[data-theme="dark"] .help-category-header {
	background: #2a313d;

	border-bottom-color: #384152;
}

html[data-theme="dark"] .help-category-header h3 {
	color: #ffffff;
}

/*************************************************************************
 * Topic Rows
 *************************************************************************/

html[data-theme="dark"] .help-topic-row,
html[data-theme="dark"] .um-help-topic-row {
	border-bottom-color: #384152;
}

html[data-theme="dark"] .help-topic-row:hover,
html[data-theme="dark"] .um-help-topic-row:hover {
	background: rgba(255,255,255,.02);
}

html[data-theme="dark"] .help-topic-row-title,
html[data-theme="dark"] .help-topic-row-title a {
	color: #ffffff;
}

html[data-theme="dark"] .help-topic-row-title a:hover {
	color: #6ea8fe;
}

html[data-theme="dark"] .help-topic-row-description {
	color: #c3cad8;
}

html[data-theme="dark"] .help-topic-row-icon {
	color: #6ea8fe;
}

/*************************************************************************
 * Audience Badges
 *************************************************************************/

html[data-theme="dark"] .help-audience-user {
	background: #1f4e79;
	color: #dbeafe;
}

html[data-theme="dark"] .help-audience-manager {
	background: #7c5d13;
	color: #ffeaa7;
}

html[data-theme="dark"] .help-audience-admin {
	background: #6b2222;
	color: #ffd5d5;
}

html[data-theme="dark"] .help-audience-developer {
	background: #4a2f75;
	color: #e7d7ff;
}

html[data-theme="dark"] .help-audience-support {
	background: #215732;
	color: #d7ffe0;
}

/*************************************************************************
 * Empty State
 *************************************************************************/

html[data-theme="dark"] .um-help-empty-state {
	color: #b8c0ce;
}

/*************************************************************************
 * Article View
 *************************************************************************/

html[data-theme="dark"] .um-help-article {
	background: #252b36;

	border-color: #384152;
}

html[data-theme="dark"] .help-article-content,
html[data-theme="dark"] .help-article-content p,
html[data-theme="dark"] .help-article-content li {
	color: #e8ebf2;
}

html[data-theme="dark"] .help-article-content h1,
html[data-theme="dark"] .help-article-content h2,
html[data-theme="dark"] .help-article-content h3,
html[data-theme="dark"] .help-article-content h4 {
	color: #ffffff;
}

html[data-theme="dark"] .help-article-content a {
	color: #6ea8fe;
}

html[data-theme="dark"] .help-article-meta {
	color: #b8c0ce;
}

html[data-theme="dark"] .help-article-content hr {
	border-top-color: #384152;
}
/*************************************************************************
 * Image Tools
 *************************************************************************/

html[data-theme="dark"] .help-image-preview-wrap {
	background: #2a313d;

	border-color: #384152;
}

html[data-theme="dark"] .help-image-preview {
	border-color: #384152;
}

html[data-theme="dark"] .help-image-paste-area {
	background: #2a313d;

	border-color: #6ea8fe;

	color: #e8ebf2;
}

html[data-theme="dark"] .help-image-paste-area:focus,
html[data-theme="dark"] .help-image-paste-area.help-image-paste-active {
	background: #313a49;
}

html[data-theme="dark"] .help-image-paste-area-text,
html[data-theme="dark"] .help-image-file-name {
	color: #b8c0ce;
}

html[data-theme="dark"] .help-image-file-name {
	background: #384152;
}

/*************************************************************************
 * Event Scheduler
 *************************************************************************/

html[data-theme="dark"] .events-page {
	color: #e8ebf2;
}

html[data-theme="dark"] .event-attention-alert {
	border-color: #465063;
}

html[data-theme="dark"] .bulk-bar {
	background: #252b36;
	border-color: #465063;
	color: #e8ebf2;
}

html[data-theme="dark"] .event-expand-icon {
	color: #aeb7c7;
}

html[data-theme="dark"] .event-row.details-open .event-expand-icon {
	color: #6ea8fe;
}

html[data-theme="dark"] .event-row.details-open td {
	background: #30435f !important;
}

html[data-theme="dark"] .event-active:hover td {
	background: #2b3340 !important;
}

html[data-theme="dark"] .event-disabled td {
	background: #222831 !important;
	color: #9aa3b2;
}

html[data-theme="dark"] .event-due td {
	background: rgba(255,183,77,.12) !important;
}

html[data-theme="dark"] tr.event-under-20 td {
	background: rgba(255,193,7,.10) !important;
}

html[data-theme="dark"] tr.event-overdue td {
	background: rgba(217,83,79,.12) !important;
}

html[data-theme="dark"] .event-meta,
html[data-theme="dark"] .schedule-cron,
html[data-theme="dark"] .live-clock-wrap {
	color: #aeb7c7;
}

html[data-theme="dark"] #live-clock {
	color: #f4f6fb;
}

html[data-theme="dark"] .schedule-human {
	color: #f4f6fb;
}

html[data-theme="dark"] .category-badge,
html[data-theme="dark"] .event-category-general {
	background: rgba(180,190,205,.16);
	color: #cfd6e2;
}

html[data-theme="dark"] .event-category-password {
	background: rgba(217,83,79,.22);
	color: #ff9e9b;
}

html[data-theme="dark"] .event-category-account-management {
	background: rgba(92,184,92,.20);
	color: #82e486;
}

html[data-theme="dark"] .event-category-access {
	background: rgba(91,192,222,.20);
	color: #94def5;
}

html[data-theme="dark"] .event-category-reporting {
	background: rgba(111,66,193,.20);
	color: #c8b0ff;
}

html[data-theme="dark"] .event-category-notification {
	background: rgba(79,140,255,.16);
	color: #9ec4ff;
}

html[data-theme="dark"] .event-category-maintenance {
	background: rgba(240,173,78,.18);
	color: #ffd483;
}

html[data-theme="dark"] .event-category-directory {
	background: rgba(79,140,255,.16);
	color: #9ec4ff;
}

html[data-theme="dark"] .event-category-microsoft-365 {
	background: rgba(0,188,212,.14);
	color: #89f0ff;
}

html[data-theme="dark"] .status-badge-enabled {
	background: rgba(92,184,92,.22);
	color: #82e486;
}

html[data-theme="dark"] .status-badge-disabled {
	background: rgba(160,165,175,.18);
	color: #c3cad6;
}

html[data-theme="dark"] .status-badge-debug {
	background: rgba(79,140,255,.18);
	color: #9ec4ff;
}

html[data-theme="dark"] .details-row td {
	background: #252b36 !important;
	border-top-color: #3d4452 !important;
}

html[data-theme="dark"] .event-details-box {
	background: #1f242d;
	border-left-color: #4f8cff;
	color: #e8ebf2;
}

html[data-theme="dark"] .event-details-heading {
	color: #f4f6fb;
}

html[data-theme="dark"] .event-detail-group h5 {
	color: #6ea8fe;
}

html[data-theme="dark"] .event-detail-list dt {
	color: #aeb7c7;
}

html[data-theme="dark"] .event-detail-list dd {
	color: #e8ebf2;
}

html[data-theme="dark"] .event-detail-actions {
	border-top-color: #3d4452;
}

html[data-theme="dark"] .event-slider {
	background-color: #525d71;
}

html[data-theme="dark"] .event-slider:before {
	background-color: #ffffff;
}

html[data-theme="dark"] .event-switch input:checked + .event-slider {
	background-color: #4caf50;
}

html[data-theme="dark"] .empty-state {
	color: #b8c0ce;
}

html[data-theme="dark"] .empty-state .glyphicon {
	color: #8892a3;
}

/*************************************************************************
 * Additional Dark Theme Overrides
 *************************************************************************/

html[data-theme="dark"] .page-title {
	color: #f4f6fb;
}

html[data-theme="dark"] .page-subtitle {
	color: #b8c0ce;
}

/*************************************************************************
 * Workflow Dark Theme
 *************************************************************************/

html[data-theme="dark"] .panel.panel-default.panel-table {
	background: #1f242d;

	border-color: #3d4452;
}

html[data-theme="dark"] .panel.panel-default.panel-table > .panel-heading {
	background: #252b36;

	border-color: #3d4452;

	color: #e8ebf2;
}

html[data-theme="dark"] .panel.panel-default.panel-table > .panel-body {
	background: #1f242d;

	color: #e8ebf2;
}

/*************************************************************************
 * Toolbar
 *************************************************************************/

html[data-theme="dark"] .workflows-toolbar .form-control {
	background: #252b36;

	border-color: #4a5265;

	color: #e8ebf2;
}

html[data-theme="dark"] .workflows-toolbar .form-control::placeholder {
	color: #b8c0ce;
}

html[data-theme="dark"] .workflows-toolbar .form-control:focus {
	border-color: #6ea8fe;
}

html[data-theme="dark"] .workflows-toolbar .btn-default {
	background: #252b36;

	border-color: #4a5265;

	color: #e8ebf2;
}

html[data-theme="dark"] .workflows-toolbar .btn-default:hover {
	background: #313a49;

	border-color: #5b667b;
}

/*************************************************************************
 * Table
 *************************************************************************/

html[data-theme="dark"] #workflowsTable {
	color: #e8ebf2;
}

html[data-theme="dark"] #workflowsTable thead th {
	background: #252b36;

	border-color: #3d4452;

	color: #e8ebf2;
}

html[data-theme="dark"] #workflowsTable tbody td {
	border-color: #3d4452;
}

html[data-theme="dark"] #workflowsTable tbody tr {
	background: #1f242d;
}

html[data-theme="dark"] #workflowsTable tbody tr:hover td {
	background: #2a313d !important;
}

/*************************************************************************
 * Workflow Rows
 *************************************************************************/

html[data-theme="dark"] .workflow-disabled td {
	color: #b8c0ce;

	background: #1a1f27 !important;
}

html[data-theme="dark"] .workflow-enabled td {
	color: #e8ebf2;
}

html[data-theme="dark"] .workflow-title {
	color: #ffffff;
}

html[data-theme="dark"] .workflow-meta {
	color: #b8c0ce;
}

/*************************************************************************
 * Workflow Badges
 *************************************************************************/

html[data-theme="dark"] .workflow-badge.label-default {
	background: #37404f;

	color: #e8ebf2;
}

/*************************************************************************
 * Workflow Actions
 *************************************************************************/

html[data-theme="dark"] .workflow-tools .btn-default {
	background: #252b36;

	border-color: #4a5265;

	color: #e8ebf2;
}

html[data-theme="dark"] .workflow-tools .btn-default:hover {
	background: #313a49;

	border-color: #5b667b;
}

html[data-theme="dark"] .workflow-tools .btn-success {
	background: #2f7d32;

	border-color: #2f7d32;
}

/*************************************************************************
 * Dropdown
 *************************************************************************/

html[data-theme="dark"] .workflow-tools .dropdown-menu {
	background: #252b36;

	border-color: #3d4452;
}

html[data-theme="dark"] .workflow-tools .dropdown-menu > li > a {
	color: #e8ebf2;
}

html[data-theme="dark"] .workflow-tools .dropdown-menu > li > a:hover,
html[data-theme="dark"] .workflow-tools .dropdown-menu > li > a:focus {
	background: #313a49;

	color: #ffffff;
}

html[data-theme="dark"] .workflow-tools .divider {
	background-color: #3d4452;
}

html[data-theme="dark"] .workflow-tools .text-danger {
	color: #ff8f8f !important;
}

/*************************************************************************
 * Empty State
 *************************************************************************/

html[data-theme="dark"] .empty-state {
	color: #b8c0ce;
}

html[data-theme="dark"] .empty-state i,
html[data-theme="dark"] .empty-state .glyphicon {
	color: #6f7a8c;
}
html[data-theme="dark"] #workflowsTable tbody tr td {
	background: #1f242d;
	color: #e8ebf2;
}

html[data-theme="dark"] #workflowsTable tbody tr.workflow-disabled td {
	background: #1a1f27;
}

/*************************************************************************
 * User Manager Type-Ahead - Dark Mode
 *************************************************************************/

[data-theme="dark"] .um-typeahead-results {
	background: #1f2937;
	border: 1px solid #374151;
	border-top: 0;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}

[data-theme="dark"] .um-typeahead-item {
	color: #e5e7eb;
	background: #1f2937;
	border-bottom: 1px solid #374151;
}

[data-theme="dark"] .um-typeahead-item:last-child {
	border-bottom: 0;
}

body.dark-mode .um-typeahead-item:hover,
body.dark-mode .um-typeahead-item:focus,
[data-theme="dark"] .um-typeahead-item:hover,
[data-theme="dark"] .um-typeahead-item:focus,
[data-theme="dark"] .um-typeahead-item.active {
	color: #ffffff;
	background: #2d3748;
	outline: 0;
}

[data-theme="dark"] .um-typeahead-name {
	color: #f9fafb;
}

[data-theme="dark"] .um-typeahead-meta {
	color: #9ca3af;
}

[data-theme="dark"] .um-typeahead-domain {
	color: #9ca3af;
}

[data-theme="dark"] .um-typeahead-message {
	color: #d1d5db;
	background: #1f2937;
}

[data-theme="dark"] .um-typeahead-message.text-danger {
	color: #fca5a5;
}

[data-theme="dark"] .um-typeahead-message.text-muted {
	color: #9ca3af;
}

/*************************************************************************
 * Badge Overrides
 *************************************************************************/

[data-theme="dark"] .um-typeahead-item .label-success {
	background-color: #198754;
	color: #ffffff;
}

[data-theme="dark"] .um-typeahead-item .label-default {
	background-color: #4b5563;
	color: #ffffff;
}
/*************************************************************************
 * Typeahead - UM 3.0 Dark Theme
 *************************************************************************/

html[data-theme="dark"] .typeahead__field {
	color: #e8ebf2;
}

html[data-theme="dark"] .typeahead__field input,
html[data-theme="dark"] .typeahead__field textarea,
html[data-theme="dark"] .typeahead__field [contenteditable],
html[data-theme="dark"] .typeahead__field .typeahead__hint {

	background: #252b36;

	border-color: #4a5265;

	color: #e8ebf2;
}

html[data-theme="dark"] .typeahead__field input::placeholder,
html[data-theme="dark"] .typeahead__field textarea::placeholder {

	color: #b8c0ce;
}

html[data-theme="dark"] .typeahead__container.hint .typeahead__query > :last-child,
html[data-theme="dark"] .typeahead__hint {

	background: #252b36;
}

html[data-theme="dark"] .typeahead__field input:focus,
html[data-theme="dark"] .typeahead__field textarea:focus,
html[data-theme="dark"] .typeahead__field [contenteditable]:focus {

	border-color: #6ea8fe;

	box-shadow: none;
}

/*************************************************************************
 * Buttons
 *************************************************************************/

html[data-theme="dark"] .typeahead__container button {

	background: #252b36;

	border-color: #4a5265;

	color: #e8ebf2;
}

html[data-theme="dark"] .typeahead__container button:hover,
html[data-theme="dark"] .typeahead__container button:focus {

	background: #313a49;

	border-color: #5b667b;

	color: #ffffff;
}

html[data-theme="dark"] .typeahead__container button.disabled,
html[data-theme="dark"] .typeahead__container button[disabled] {

	background: #252b36;

	border-color: #4a5265;

	color: #8d96a8;
}

/*************************************************************************
 * Dropdown Results
 *************************************************************************/

html[data-theme="dark"] .typeahead__dropdown,
html[data-theme="dark"] .typeahead__list {

	background: #1f242d;

	border-color: #3d4452;

	box-shadow: 0 6px 14px rgba(0,0,0,.35);
}

html[data-theme="dark"] .typeahead__list > li,
html[data-theme="dark"] .typeahead__dropdown > li {

	border-top-color: #3d4452;
}

html[data-theme="dark"] .typeahead__dropdown > li > a,
html[data-theme="dark"] .typeahead__list > li > a {

	color: #e8ebf2;
}

html[data-theme="dark"] .typeahead__dropdown > li:not([disabled]).active > a,
html[data-theme="dark"] .typeahead__dropdown > li:not([disabled]) > a:hover,
html[data-theme="dark"] .typeahead__dropdown > li:not([disabled]) > a:focus,
html[data-theme="dark"] .typeahead__list > li:not([disabled]).active > a,
html[data-theme="dark"] .typeahead__list > li:not([disabled]) > a:hover,
html[data-theme="dark"] .typeahead__list > li:not([disabled]) > a:focus {

	background: #2a313d;

	color: #ffffff;
}

html[data-theme="dark"] .typeahead__list.empty > li {

	color: #b8c0ce;
}

/*************************************************************************
 * Group Headings
 *************************************************************************/

html[data-theme="dark"] .typeahead__list > li.typeahead__group {

	border-color: #3f5876;
}

html[data-theme="dark"] .typeahead__list > li.typeahead__group:first-child {

	border-top-color: #3f5876;
}

html[data-theme="dark"] .typeahead__list > li.typeahead__group > a,
html[data-theme="dark"] .typeahead__list > li.typeahead__group.active > a,
html[data-theme="dark"] .typeahead__list > li.typeahead__group > a:hover,
html[data-theme="dark"] .typeahead__list > li.typeahead__group > a:focus {

	background: #25374c;

	color: #d7e7f6;
}

html[data-theme="dark"] .typeahead__list > li.typeahead__group + li.typeahead__item {

	border-top-color: #3f5876;
}

/*************************************************************************
 * Labels
 *************************************************************************/

html[data-theme="dark"] .typeahead__label {

	background: #2a313d;

	border-color: #3d4452;

	color: #e8ebf2;
}

html[data-theme="dark"] .typeahead__label .typeahead__cancel-button {

	border-left-color: #3d4452;
}

html[data-theme="dark"] .typeahead__label .typeahead__cancel-button:hover {

	background: #37404f;

	color: #ffb3b3;
}

/******************************************************************************
 * Reset Password Dialog - Dark Theme
 ******************************************************************************/

html[data-theme="dark"] .um-reset-password-dialog {
	color: var(--um-text, #f3f6f8);
}

html[data-theme="dark"] .um-reset-password-dialog .form-control,
html[data-theme="dark"] .um-reset-password-dialog
	input[id^="passwordlist"] {
	background: var(--um-surface, #1f2933);
	border-color: var(--um-border-strong, #596775);
	color: var(--um-text, #f3f6f8);
	-webkit-text-fill-color: var(--um-text, #f3f6f8);
}

html[data-theme="dark"] .um-reset-password-dialog .form-control:focus {
	background: var(--um-surface, #1f2933);
	border-color: #6ea8fe;
	box-shadow: 0 0 0 2px rgba(110, 168, 254, 0.18);
}

html[data-theme="dark"] .um-reset-password-dialog .input-group-addon {
	background: #2a313d;
	border-color: var(--um-border-strong, #596775);
	color: var(--um-text, #f3f6f8);
}

html[data-theme="dark"] .um-reset-options {
	background: var(--um-surface-alt, #263442);
	border-color: var(--um-border, #3b4856);
}

html[data-theme="dark"] .um-reset-option {
	border-bottom-color: var(--um-border, #3b4856);
}

html[data-theme="dark"] .um-reset-option-label {
	color: var(--um-text, #f3f6f8);
}

html[data-theme="dark"] .um-reset-option-description,
html[data-theme="dark"] .um-reset-password-dialog .help-block {
	color: var(--um-text-muted, #b7c2cc);
}

/*************************************************************************
 * Loading Spinner
 ************************************************************************/

html[data-theme="dark"] .typeahead__container.loading .typeahead__query:before {

	border-color: rgba(255,255,255,.35);
}
/*************************************************************************
 * Preformatted Text - Dark Theme
 *************************************************************************/

html[data-theme="dark"] pre,
html[data-theme="dark"] .help-article-content pre {
	background:#1f2937;
	border:1px solid #384152;
	border-left:4px solid #337ab7;
	border-radius:8px;
	color:#e8ebf2;
	padding:15px;
	margin:15px 0;
	overflow:auto;
	font-family:Consolas, Monaco, Menlo, monospace;
	font-size:12px;
	line-height:1.6;
	white-space:pre-wrap;
	word-break:break-word;
	box-shadow:0 2px 8px rgba(0,0,0,.20);
}

[data-theme="dark"] .config-media-card,
[data-theme="dark"] .config-media-modal .modal-content,
[data-theme="dark"] .media-browser-select {
	color: var(--um-text, #f3f6f8);
}

[data-theme="dark"] .config-media-field .form-control:focus,
[data-theme="dark"] .config-media-modal .form-control:focus {
	box-shadow: 0 0 0 3px rgba(57, 149, 153, .28);
}

/*************************************************************************
 * Application Footer - Dark Theme
 *************************************************************************/

html[data-theme="dark"] .um-app-footer {
	border-top: 1px solid #384152;
	background: #1f2430;
	color: #b8c0ce;
}

html[data-theme="dark"] .um-footer-brand {
	color: #ffffff;
}

html[data-theme="dark"] .um-footer-meta {
	color: #c3cad8;
}

html[data-theme="dark"] .um-footer-stats {
	color: #9aa6bc;
}

html[data-theme="dark"] .um-footer-link {
	color: #6ea8fe;
}

html[data-theme="dark"] .um-footer-link:hover,
html[data-theme="dark"] .um-footer-link:focus {
	color: #9ec5fe;
	text-decoration: underline;
}

html[data-theme="dark"] .um-app-footer .form-control {
	background: #252b36;
	border-color: #384152;
	color: #e8ebf2;
	box-shadow: none;
}

html[data-theme="dark"] .um-app-footer .form-control:focus {
	border-color: #6ea8fe;
	box-shadow: 0 0 0 2px rgba(110,168,254,.15);
}

html[data-theme="dark"] .um-app-footer .form-control::placeholder {
	color: #97a3b9;
}