/* =========================================================
   KAIROS - Dark Mode Styles
   Activa con: body.dark-mode
   ========================================================= */

/* ----- Variables de tema oscuro ----- */
body.dark-mode
{
	--text-color: #D0D0D0;
	--primary-color: #29AEDE;
	--kairos-primary-color: #E1BF78;
	--panel-head-bgcolor: #2A2A2A;
	--panel-head-color: #D0D0D0;
	--login-bg-control-focus: #2C2C2C;
	--selection-bgcolor: #ffcc00;
    --selection-color: #000;
	--table-row-warning-bgcolor: #3A3218;
	--table-row-warning-color: #D4B866;
	--table-fixed-row-bgcolor: #2C2C2C;

	/* jQuery UI */
	--jqui-border-content:        #444444;
	--jqui-bg-content:            #2c2c2c;
	--jqui-fc-content:            #d0d0d0;
	--jqui-border-header:         #444444;
	--jqui-bg-header:             #333333;
	--jqui-fc-header:             #cccccc;
	--jqui-border-default:        #444444;
	--jqui-bg-default:            #333333;
	--jqui-fc-default:            #cccccc;
	--jqui-border-hover:          #555555;
	--jqui-bg-hover:              #3d3d3d;
	--jqui-fc-hover:              #eeeeee;
	--jqui-border-active:         #1F7FA0;
	--jqui-bg-active:             #29AEDE;
	--jqui-fc-active:             #ffffff;
	--jqui-border-highlight:      #5a4d00;
	--jqui-bg-highlight:          #4a3f0a;
	--jqui-fc-highlight:          #dddddd;
	--jqui-border-error:          #8a4040;
	--jqui-bg-error:              #4a1c1c;
	--jqui-fc-error:              #e08080;
	--jqui-bg-overlay:            #000000;
	--jqui-bg-shadow:             #111111;

	background-color: #1A1A1A;
	color: var(--text-color);
}

body.dark-mode.user-logged
{
	background-color: #1A1A1A;
}

/* ----- Links ----- */
body.dark-mode a,
body.dark-mode a.list-group-item
{
	color: var(--primary-color);
}

body.dark-mode a:focus,
body.dark-mode a:hover,
body.dark-mode a.list-group-item:focus,
body.dark-mode a.list-group-item:hover
{
	color: #7FCFF0;
}

body.dark-mode a.text-color-simple
{
	color: #D0D0D0;
}

/* ----- HR ----- */
body.dark-mode hr
{
	border-top-color: #3A3A3A;
}

/* ----- Form controls ----- */
body.dark-mode .form-control
{
	background-color: #2C2C2C;
	color: #D0D0D0;
	border-color: #444;
}

body.dark-mode .form-control:focus
{
	border-color: #29AEDE;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.3), 0 0 8px rgba(41, 174, 222, 0.5);
	background-color: #2C2C2C;
	color: #E0E0E0;
}

body.dark-mode .form-control[disabled],
body.dark-mode .form-control[readonly]
{
	background-color: #252525;
	color: #888;
}

body.dark-mode .form-control.no-readonly-bg,
body.dark-mode .form-control.no-disabled-bg
{
	background: #2C2C2C;
}

body.dark-mode .form-control.error
{
	background-color: rgba(180, 60, 60, .25);
}

body.dark-mode select.form-control option
{
	background-color: #2C2C2C;
	color: #D0D0D0;
}

/* ----- Page container ----- */
body.dark-mode #Page .container-fluid
{
	background: #1E1E1E;
	color: var(--text-color);
}

body.dark-mode .bg-page
{
	background: #1E1E1E;
}

/* ----- Panels ----- */
body.dark-mode .panel-default
{
	box-shadow: 0 0 3px 0 #111;
	border-color: #3A3A3A;
	background-color: #242424;
}

body.dark-mode .panel-default > .panel-heading
{
	background: var(--panel-head-bgcolor);
	border-color: #3A3A3A;
	box-shadow: 0 1px 3px #111;
	color: var(--panel-head-color);
}

body.dark-mode .panel-body
{
	background-color: #242424;
	color: var(--text-color);
}

body.dark-mode .panel-title-editable .form-control[readonly]:not(.error)
{
	background-color: #2C2C2C;
	color: #CCC;
	border-color: #3A3A3A;
}

/* ----- Tables ----- */
body.dark-mode .table > thead > tr > th,
body.dark-mode .table > thead > tr > td,
body.dark-mode div.table > div.thead > div.tcol
{
	background-color: #2A2A2A;
	color: #D0D0D0;
	border-bottom-color: var(--primary-color);
}

body.dark-mode .table > tbody > tr > td,
body.dark-mode .table > tbody > tr > th,
body.dark-mode .table > tfoot > tr > td,
body.dark-mode .table > tfoot > tr > th
{
	border-color: #333;
	color: var(--text-color);
}

body.dark-mode .table-hover > tbody > tr:hover > td,
body.dark-mode .table-hover > tbody > tr:hover > th
{
	background-color: #2C2C2C;
}

body.dark-mode .table > tfoot > tr:first-child > th,
body.dark-mode .table > tfoot > tr:first-child > td
{
	color: #D0D0D0;
}

body.dark-mode .table-report > thead > tr > th,
body.dark-mode .table-report > thead > tr > td
{
	background: #2A2A2A;
	color: #CCC;
}

body.dark-mode .table-white
{
	background: #242424;
}

body.dark-mode .table > tbody > tr.selected > td
{
	background: #2E2E2E;
}

body.dark-mode .table-hover > tbody > tr.no-hover.active:hover td,
body.dark-mode .table-hover > tbody > tr.no-hover.active:hover th
{
	background: #2E2E2E;
}

/* ----- Buttons ----- */
body.dark-mode .btn-default
{
	background-color: #333;
	border-color: #4A4A4A;
	color: #CCC;
}

body.dark-mode .btn-default:hover,
body.dark-mode .btn-default:focus,
body.dark-mode .btn-default.active,
body.dark-mode .btn-default:active
{
	background-color: #3D3D3D;
	border-color: #555;
	color: #EEE;
}

body.dark-mode .btn-default .highlight
{
	color: #6DCFFF;
}

/* ----- Dropdowns ----- */
body.dark-mode .dropdown-menu
{
	background-color: #2C2C2C;
	border-color: #444;
}

body.dark-mode .dropdown-menu > li > a
{
	color: #CCC;
}

body.dark-mode .dropdown-menu > li > a:hover,
body.dark-mode .dropdown-menu > li > a:focus
{
	background-color: #383838;
	color: #EEE;
}

body.dark-mode .dropdown-menu > .active > a,
body.dark-mode .dropdown-menu > .active > a:focus,
body.dark-mode .dropdown-menu > .active > a:hover
{
	background-color: var(--primary-color) !important;
	color: #FFF;
}

body.dark-mode .dropdown-header
{
	color: var(--primary-color);
}

/* ----- List groups ----- */
body.dark-mode .list-group-item
{
	background-color: #242424;
	border-color: #3A3A3A;
	color: #CCC;
}

body.dark-mode .list-group-item.active,
body.dark-mode .list-group-item.active:focus,
body.dark-mode .list-group-item.active:hover
{
	background-color: #2C2C2C;
	border-color: #3A3A3A;
	color: #EEE;
}

body.dark-mode .list-group-item.active .text-secundary,
body.dark-mode .list-group-item.active:focus .text-secundary,
body.dark-mode .list-group-item.active:hover .text-secundary
{
	color: #888;
}

body.dark-mode a.list-group-item
{
	color: #7FCFF0;
}

body.dark-mode a.list-group-item:focus,
body.dark-mode a.list-group-item:hover
{
	background-color: #2C2C2C;
	color: #A9E4FF;
}

body.dark-mode .list-group .divider
{
	background-color: #3A3A3A;
}

/* ----- Navbar ----- */
body.dark-mode.user-logged .navbar-default
{
	background-color: #0D0D0D;
	background: linear-gradient(#1A1A1A, #000);
}

/* ----- Header ----- */
body.dark-mode header
{
	background-color: #1A1A1A;
}

body.dark-mode body.no-internet header
{
	background-color: #3A3A3A;
}

/* ----- Bottom bar ----- */
body.dark-mode .bottom-bar
{
	background: #1E1E1E;
	border-top-color: #333;
	box-shadow: 0 0 3px rgba(0, 0, 0, .6);
}

/* ----- Modals ----- */
body.dark-mode .modal-content
{
	background-color: #242424;
	border-color: #3A3A3A;
	color: #D0D0D0;
}

body.dark-mode .modal-header
{
	border-bottom-color: #3A3A3A;
}

body.dark-mode .modal-footer
{
	border-top-color: #3A3A3A;
}

body.dark-mode .modal-backdrop
{
	background-color: #000;
}

body.dark-mode .messageBox .modal-header,
body.dark-mode .messageBox.success .modal-header
{
	background: #1A1A1A;
}

/* ----- Alerts ----- */
body.dark-mode .alert-warning
{
	background-color: #3A3218;
	border-color: #6A5818;
	color: #D4B866;
}

body.dark-mode .alert-danger
{
	background-color: #3A1A1A;
	border-color: #6A2828;
	color: #E08080;
}

body.dark-mode .alert-success
{
	background-color: #1A3A1A;
	border-color: #286A28;
	color: #80D080;
}

body.dark-mode .alert-info
{
	background-color: #1A2A3A;
	border-color: #1A4A6A;
	color: #80C0E0;
}

/* ----- Badges ----- */
body.dark-mode .badge.reverse
{
	color: #D0D0D0;
	background-color: #333;
}

/* ----- Input group addons ----- */
body.dark-mode .input-group-addon
{
	background-color: #333;
	border-color: #444;
	color: #CCC;
}

body.dark-mode .input-group-addon.bg-default
{
	background-color: #2C2C2C;
}

/* ----- Panel rows (panel-table) ----- */
body.dark-mode .panel-table .panel-body > .row:not(.no-hover):not(.active):hover
{
	background: #2A2A2A;
}

body.dark-mode .panel-table .panel-body > .row.active
{
	background: #2E2E2E;
}

body.dark-mode .panel-table .panel-body > .row
{
	border-bottom-color: #333;
}

/* ----- panel-subheading ----- */
body.dark-mode .panel-subheading,
body.dark-mode .panel-subheading td,
body.dark-mode .panel-subheading th
{
	background: #3A3A3A;
}

/* ----- Rows selected ----- */
body.dark-mode .row.selected,
body.dark-mode .row.selected:hover
{
	background-color: #2C2C2C !important;
	border-left-color: var(--primary-color);
}

/* ----- fg-bordered ----- */
body.dark-mode .fg-bordered .panel-body .form-group + .form-group,
body.dark-mode .fg-bordered .list-group .list-group-item + .list-group-item
{
	border-top-color: #3A3A3A;
}

body.dark-mode .fg-bordered .panel-body > h4,
body.dark-mode .fg-bordered .list-group > h4
{
	background-color: #2C2C2C;
}

/* ----- Nav tabs ----- */
body.dark-mode .nav-tabs
{
	border-bottom-color: #444;
}

body.dark-mode .nav-tabs > li > a
{
	color: #AAA;
}

body.dark-mode .nav-tabs > li > a:hover
{
	background-color: #2A2A2A;
	border-color: #444 #444 transparent;
	color: #DDD;
}

body.dark-mode .nav-tabs > li.active > a,
body.dark-mode .nav-tabs > li.active > a:focus,
body.dark-mode .nav-tabs > li.active > a:hover
{
	background-color: #1E1E1E;
	border-color: #444 #444 #1E1E1E;
	color: #EEE;
}

/* ----- Popover ----- */
body.dark-mode .popover
{
	background-color: #2C2C2C;
	border-color: #444;
	color: #D0D0D0;
}

body.dark-mode .popover-title
{
	background-color: #333;
	border-bottom-color: #444;
	color: #DDD;
}

/* ----- Tooltip ----- */
body.dark-mode .tooltip-inner
{
	background-color: #1A1A1A;
	box-shadow: 0 0 2px rgba(255, 255, 255, .2);
}

/* ----- Scrollbar ----- */
body.dark-mode ::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
}

body.dark-mode ::-webkit-scrollbar-track
{
	background: #1A1A1A;
}

body.dark-mode ::-webkit-scrollbar-thumb
{
	background: #444;
	border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover
{
	background: #555;
}

/* ----- jQueryUI (autocomplete/datepicker) ----- */
body.dark-mode .ui-widget
{
	background: #2C2C2C;
	color: #D0D0D0;
}

body.dark-mode .ui-widget-header
{
	background: #333;
	color: #CCC;
	border-color: #444;
}

body.dark-mode .ui-widget-content
{
	background: #2C2C2C;
	color: #D0D0D0;
	border-color: #444;
}

body.dark-mode .ui-state-default,
body.dark-mode .ui-widget-content .ui-state-default
{
	background: #333;
	color: #CCC;
	border-color: #444;
}

body.dark-mode .ui-state-hover,
body.dark-mode .ui-widget-content .ui-state-hover
{
	background: #3D3D3D;
	color: #EEE;
	border-color: #555;
}

body.dark-mode .jqui .ui-state-active,
body.dark-mode .jqui .ui-widget-content .ui-state-active
{
	border-color: #1F7FA0;
	background: var(--primary-color);
	color: #fff;
}

body.dark-mode .jqui .ui-state-highlight,
body.dark-mode .jqui .ui-widget-content .ui-state-highlight
{
	background: #4A3F0A;
	color: #DDD;
}

body.dark-mode .jqui .ui-menu .ui-menu-item a
{
	border-left-color: var(--primary-color);
}

/* ----- Report template (plantilla-de-reporte) ----- */
body.dark-mode .plantilla-de-reporte
{
	background: #242424;
	border-color: #3A3A3A;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .6);
}

body.dark-mode .vista-previa > .rpt
{
	background: #242424;
	border-color: rgba(255, 255, 255, .1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .6);
}

/* ----- Notifications ----- */
body.dark-mode .user-logged .navbar-default .navbar-nav .lst-notificaciones > li.notificacion > a,
body.dark-mode .user-logged .navbar-default .navbar-collapse > .lst-notificaciones > li.notificacion > a
{
	background: #2C2C2C;
	color: #D0D0D0;
	box-shadow: 0 0 2px #000;
}

body.dark-mode .user-logged .navbar-default .navbar-nav .lst-notificaciones > li.notificacion:hover > a,
body.dark-mode .user-logged .navbar-default .navbar-nav .lst-notificaciones > li.notificacion > a:hover,
body.dark-mode .user-logged .navbar-default .navbar-nav .lst-notificaciones > li.notificacion.highlight > a,
body.dark-mode .user-logged .navbar-default .navbar-collapse > .lst-notificaciones > li.notificacion.highlight > a,
body.dark-mode .row.notificacion.highlight
{
	background: #3A2D0A !important;
}

body.dark-mode .lst-notificaciones .descripcion
{
	color: #C0C0C0;
}

body.dark-mode .lst-notificaciones .fecha-hora
{
	color: #888;
}

body.dark-mode .lst-notificaciones .usuario
{
	color: #7FCFF0;
}

/* ----- Upload area ----- */
body.dark-mode .upload-area
{
	border-color: #555;
}

body.dark-mode .upload-area:hover
{
	background: #2A2A2A;
}

/* ----- Emails box ----- */
body.dark-mode .emails-box-container
{
	--chip-bg: #1E2A3A;
	--chip-border: #294A6A;
	--chip-text: #C0D0E0;
	--invalid-bg: #3A1E1E;
	--invalid-border: #8A4A4A;
	--focus: #29AEDE;
}

body.dark-mode .emails-box-container .email-box
{
	border-color: #444;
	background-color: #2C2C2C;
}

body.dark-mode .emails-box-container .hint
{
	color: #888;
}

body.dark-mode .emails-box-container .btn.secondary
{
	color: #CCC;
	border-color: #444;
}

/* ----- text-secundary ----- */
body.dark-mode .text-secundary
{
	color: #888;
}

body.dark-mode .active .text-secundary
{
	color: #AAA;
}

/* ----- Background helpers ----- */
body.dark-mode .bg-default
{
	background: #333 !important;
}

body.dark-mode .bg-dark-warning
{
	background-color: #3A3218 !important;
}

/* ----- fixed-tab-nav ----- */
body.dark-mode .fixed-tab-nav > .list-group-item
{
	background-color: #2C2C2C;
	border-color: #3A3A3A;
	color: #CCC;
}

/* ----- Theme toggle button in navbar ----- */
.theme-toggle-btn
{
	display: inline-block;
	cursor: pointer;
	width: 50px;
	text-align: center;
	padding: 0 7px;
	color: #CCC;
	font-size: 16px;
	line-height: 50px;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	user-select: none;
	-webkit-user-select: none;
}

.theme-toggle-btn:hover
{
	background-color: #444;
}

/* Icono dentro del botón de tema */
.theme-toggle-btn .theme-icon
{
	display: inline-block;
	-webkit-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	color: var(--kairos-primary-color);
}

.theme-toggle-btn:hover .theme-icon
{
	transform: rotate(20deg);
}

/* ----- Soporte automático via media query cuando NO hay clase manual ----- */
/* Solo aplica si el body tiene la clase dm-auto y el OS está en dark */

@media (prefers-color-scheme: dark)
{
	body.dm-auto
	{
		--text-color: #D0D0D0;
		--primary-color: #29AEDE;
		--kairos-primary-color: #E1BF78;
		--panel-head-bgcolor: #2A2A2A;
		--panel-head-color: #D0D0D0;
		--login-bg-control-focus: #2C2C2C;
		--selection-bgcolor: #ffcc00;
		--selection-color: #000;
		--table-row-warning-bgcolor: #3A3218;
		--table-row-warning-color: #D4B866;
		--table-fixed-row-bgcolor: #2C2C2C;
		--table-report-head-bgcolor: #2C2C2C;
		--table-report-head-color: #D0D0D0;
		--table-active-row-bgcolor: #2C2C2C;

		/* jQuery UI */
		--jqui-border-content:        #444444;
		--jqui-bg-content:            #2c2c2c;
		--jqui-fc-content:            #d0d0d0;
		--jqui-border-header:         #444444;
		--jqui-bg-header:             #333333;
		--jqui-fc-header:             #cccccc;
		--jqui-border-default:        #444444;
		--jqui-bg-default:            #333333;
		--jqui-fc-default:            #cccccc;
		--jqui-border-hover:          #555555;
		--jqui-bg-hover:              #3d3d3d;
		--jqui-fc-hover:              #eeeeee;
		--jqui-border-active:         #1F7FA0;
		--jqui-bg-active:             #29AEDE;
		--jqui-fc-active:             #ffffff;
		--jqui-border-highlight:      #5a4d00;
		--jqui-bg-highlight:          #4a3f0a;
		--jqui-fc-highlight:          #dddddd;
		--jqui-border-error:          #8a4040;
		--jqui-bg-error:              #4a1c1c;
		--jqui-fc-error:              #e08080;
		--jqui-bg-overlay:            #000000;
		--jqui-bg-shadow:             #111111;

		background-color: #1A1A1A;
		color: var(--text-color);
	}

	body.dm-auto.user-logged { background-color: #1A1A1A; }
	body.dm-auto a, body.dm-auto a.list-group-item { color: #29AEDE; }
	body.dm-auto a:focus, body.dm-auto a:hover { color: #7FCFF0; }
	body.dm-auto a.text-color-simple { color: #D0D0D0; }
	body.dm-auto hr { border-top-color: #3A3A3A; }
	body.dm-auto .form-control { background-color: #2C2C2C; color: #D0D0D0; border-color: #444; }
	body.dm-auto .form-control:focus { border-color: #29AEDE; background-color: #2C2C2C; color: #E0E0E0; box-shadow: inset 0 1px 1px rgba(0,0,0,.3), 0 0 8px rgba(41, 174, 222, 0.5); }
	body.dm-auto .form-control[disabled], body.dm-auto .form-control[readonly] { background-color: #252525; color: #888; }
	body.dm-auto .form-control.no-readonly-bg, body.dm-auto .form-control.no-disabled-bg { background: #2C2C2C; }
	body.dm-auto .form-control.error { background-color: rgba(180,60,60,.25); }
	body.dm-auto select.form-control option { background-color: #2C2C2C; color: #D0D0D0; }
	body.dm-auto #Page .container-fluid { background: #1E1E1E; color: #D0D0D0; }
	body.dm-auto .bg-page { background: #1E1E1E; }
	body.dm-auto .panel-default { box-shadow: 0 0 3px 0 #111; border-color: #3A3A3A; background-color: #242424; }
	body.dm-auto .panel-default > .panel-heading { background: #2A2A2A; border-color: #3A3A3A; box-shadow: 0 1px 3px #111; color: #D0D0D0; }
	body.dm-auto .panel-body { background-color: #242424; color: #D0D0D0; }
	body.dm-auto .panel-title-editable .form-control[readonly]:not(.error) { background-color: #2C2C2C; color: #CCC; border-color: #3A3A3A; }
	body.dm-auto .table > thead > tr > th, body.dm-auto .table > thead > tr > td { background-color: #2A2A2A; color: #D0D0D0; border-bottom-color: #29AEDE; }
	body.dm-auto .table > tbody > tr > td, body.dm-auto .table > tbody > tr > th, body.dm-auto .table > tfoot > tr > td, body.dm-auto .table > tfoot > tr > th { border-color: #333; color: #D0D0D0; }
	body.dm-auto .table-hover > tbody > tr:hover > td, body.dm-auto .table-hover > tbody > tr:hover > th { background-color: #2C2C2C; }
	body.dm-auto .table-report > thead > tr > th, body.dm-auto .table-report > thead > tr > td { background: #2A2A2A; color: #CCC; }
	body.dm-auto .table-white { background: #242424; }
	body.dm-auto .btn-default { background-color: #333; border-color: #4A4A4A; color: #CCC; }
	body.dm-auto .btn-default:hover, body.dm-auto .btn-default:focus, body.dm-auto .btn-default.active { background-color: #3D3D3D; border-color: #555; color: #EEE; }
	body.dm-auto .dropdown-menu { background-color: #2C2C2C; border-color: #444; }
	body.dm-auto .dropdown-menu > li > a { color: #CCC; }
	body.dm-auto .dropdown-menu > li > a:hover, body.dm-auto .dropdown-menu > li > a:focus { background-color: #383838; color: #EEE; }
	body.dm-auto .list-group-item { background-color: #242424; border-color: #3A3A3A; color: #CCC; }
	body.dm-auto .list-group-item.active, body.dm-auto .list-group-item.active:focus, body.dm-auto .list-group-item.active:hover { background-color: #2C2C2C; border-color: #3A3A3A; color: #EEE; }
	body.dm-auto a.list-group-item { color: #7FCFF0; }
	body.dm-auto a.list-group-item:focus, body.dm-auto a.list-group-item:hover { background-color: #2C2C2C; color: #A9E4FF; }
	body.dm-auto .list-group .divider { background-color: #3A3A3A; }
	body.dm-auto.user-logged .navbar-default { background-color: #0D0D0D; background: linear-gradient(#1A1A1A, #000); }
	body.dm-auto header { background-color: #131313; }
	body.dm-auto .bottom-bar { background: #1E1E1E; border-top-color: #333; }
	body.dm-auto .modal-content { background-color: #242424; border-color: #3A3A3A; color: #D0D0D0; }
	body.dm-auto .modal-header { border-bottom-color: #3A3A3A; }
	body.dm-auto .modal-footer { border-top-color: #3A3A3A; }
	body.dm-auto .alert-warning { background-color: #3A3218; border-color: #6A5818; color: #D4B866; }
	body.dm-auto .alert-danger { background-color: #3A1A1A; border-color: #6A2828; color: #E08080; }
	body.dm-auto .alert-success { background-color: #1A3A1A; border-color: #286A28; color: #80D080; }
	body.dm-auto .alert-info { background-color: #1A2A3A; border-color: #1A4A6A; color: #80C0E0; }
	body.dm-auto .input-group-addon { background-color: #333; border-color: #444; color: #CCC; }
	body.dm-auto .panel-table .panel-body > .row:not(.no-hover):not(.active):hover { background: #2A2A2A; }
	body.dm-auto .panel-table .panel-body > .row.active { background: #2E2E2E; }
	body.dm-auto .panel-table .panel-body > .row { border-bottom-color: #333; }
	body.dm-auto .panel-subheading, body.dm-auto .panel-subheading td, body.dm-auto .panel-subheading th { background: #3A3A3A; }
	body.dm-auto .row.selected, body.dm-auto .row.selected:hover { background-color: #2C2C2C !important; }
	body.dm-auto .fg-bordered .panel-body .form-group + .form-group, body.dm-auto .fg-bordered .list-group .list-group-item + .list-group-item { border-top-color: #3A3A3A; }
	body.dm-auto .fg-bordered .panel-body > h4, body.dm-auto .fg-bordered .list-group > h4 { background-color: #2C2C2C; }
	body.dm-auto .nav-tabs { border-bottom-color: #444; }
	body.dm-auto .nav-tabs > li > a { color: #AAA; }
	body.dm-auto .nav-tabs > li.active > a, body.dm-auto .nav-tabs > li.active > a:focus, body.dm-auto .nav-tabs > li.active > a:hover { background-color: #1E1E1E; border-color: #444 #444 #1E1E1E; color: #EEE; }
	body.dm-auto .plantilla-de-reporte { background: #242424; border-color: #3A3A3A; }
	body.dm-auto .vista-previa > .rpt { background: #242424; border-color: rgba(255,255,255,.1); }
	body.dm-auto .text-secundary { color: #888; }
	body.dm-auto .active .text-secundary { color: #AAA; }
	body.dm-auto .bg-default { background: #333 !important; }
	body.dm-auto .bg-dark-warning { background-color: #3A3218 !important; }
	body.dm-auto .upload-area { border-color: #555; }
	body.dm-auto .upload-area:hover { background: #2A2A2A; }
	body.dm-auto ::-webkit-scrollbar { width: 8px; height: 8px; }
	body.dm-auto ::-webkit-scrollbar-track { background: #1A1A1A; }
	body.dm-auto ::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
	body.dm-auto ::-webkit-scrollbar-thumb:hover { background: #555; }
	body.dm-auto .ui-widget { background: #2C2C2C; color: #D0D0D0; }
	body.dm-auto .ui-widget-header { background: #333; color: #CCC; border-color: #444; }
	body.dm-auto .ui-widget-content { background: #2C2C2C; color: #D0D0D0; border-color: #444; }
	body.dm-auto .ui-state-default, body.dm-auto .ui-widget-content .ui-state-default { background: #333; color: #CCC; border-color: #444; }
	body.dm-auto .ui-state-hover, body.dm-auto .ui-widget-content .ui-state-hover { background: #3D3D3D; color: #EEE; }
	body.dm-auto .messageBox .modal-header, body.dm-auto .messageBox.success .modal-header { background: #1A1A1A; }
	body.dm-auto .user-logged .navbar-default .navbar-nav .lst-notificaciones > li.notificacion > a, body.dm-auto .user-logged .navbar-default .navbar-collapse > .lst-notificaciones > li.notificacion > a { background: #2C2C2C; color: #D0D0D0; }
}