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

html.dark-mode body { background-color: #1f242c; color: #d7dde8; }

html.dark-mode a { color: #8ab4f8; }
html.dark-mode a:hover, html.dark-mode a:focus { color: #a8c9ff; }

html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode .txt_titulo {
	color: #7ea5f7;
}

html.dark-mode .navbar-inverse#barrademenu,
html.dark-mode .navbar-inverse {
	background-color: #24303f;
	border-color: #24303f;
}

html.dark-mode .navbar-inverse .navbar-nav > li > a { color: #d7dde8; }
html.dark-mode .navbar-inverse .navbar-nav > li > a:hover,
html.dark-mode .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; }
html.dark-mode .navbar-inverse .navbar-nav > li.active,
html.dark-mode .navbar-inverse .navbar-nav > .open > a,
html.dark-mode .navbar-inverse .navbar-nav > .open > a:focus,
html.dark-mode .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #2f3f52;
}

html.dark-mode .caret { border-top-color: #d7dde8; }
html.dark-mode .dropup > .caret { border-bottom-color: #d7dde8; }
html.dark-mode .dropdown-submenu > a:after { border-left-color: #d7dde8; }

html.dark-mode .menu-titulo {
	background-color: #1b2029 !important;
	color: #8b93a1 !important;
	border-top: 1px solid #333b47;
	border-bottom: 1px solid #333b47;
}

html.dark-mode .sidebar { background-color: #22272f; border-right-color: #333b47; }
html.dark-mode .contenido { background-color: #262b36; }
html.dark-mode .sidebar h3,
html.dark-mode .contenido h3 { color: #d7dde8; }

html.dark-mode .breadcrumb { background-color: #262b36; }
html.dark-mode .breadcrumb a { color: #9db4d0; }
html.dark-mode .breadcrumb > .active { color: #8b93a1; }
html.dark-mode #seccionruta.color-personalizado .breadcrumb { background-color: transparent; }
html.dark-mode #seccionruta.color-personalizado .breadcrumb a { color: #286090; }
html.dark-mode #seccionruta.color-personalizado .breadcrumb > .active { color: #6b7280; }
.dropdown_db_info_box { background: #ffffff; }
html.dark-mode .dropdown_db_info_box { background: #262b36; color: #d7dde8; }
html.dark-mode .dropdown_db_info_box a { color: #8ab4f8; }

html.dark-mode .content-wrapper,
html.dark-mode #page-content-wrapper,
html.dark-mode #wko_ajax_content {
	background-color: #1f242c;
	color: #d7dde8;
}

html.dark-mode .wko_abs,
html.dark-mode .wko_wait,
html.dark-mode .content_abs {
	background: #101318;
}

html.dark-mode footer { background-color: #1c2129; }

html.dark-mode hr { border-top-color: #3a4150; }

html.dark-mode .dropdown-menu {
	background-color: #2f3542;
}
html.dark-mode .dropdown-menu > li > a { color: #d7dde8; }
html.dark-mode .dropdown-menu > li > a:hover,
html.dark-mode .dropdown-menu > li > a:focus {
	background: #f2f2f2;
	color: #3c8dbc;
	font-weight: 700;
}
html.dark-mode .dropdown-menu .divider { background-color: #3a4150; }

html.dark-mode .user-header {
	background-color: #1e293b !important;
}
html.dark-mode .user-header p {
	color: #d7dde8;
}
html.dark-mode .user-header .user-image {
	border-color: rgba(255, 255, 255, .1);
}
html.dark-mode .user-body,
html.dark-mode .user-footer {
	background-color: #2f3542 !important;
	color: #d7dde8;
}
html.dark-mode .user-footer .btn-default { background-color: #3a4150; color: #d7dde8; }
html.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn.btn-default.btn-flat {
	background-color: #3a4150;
	border-color: #454d5c;
	color: #d7dde8;
}
html.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn.btn-default.btn-flat:hover,
html.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn.btn-default.btn-flat:focus,
html.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn.btn-default.btn-flat:active {
	background-color: #454d5c;
	color: #ffffff;
}

html.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	background-color: #2f3542;
	color: #d7dde8;
}
html.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
html.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: #337AB7;
	color: #fff;
}

html.dark-mode .modal-content,
html.dark-mode .modal-header,
html.dark-mode .modal-body,
html.dark-mode .modal-footer {
	background-color: #262b36;
	color: #d7dde8;
}
html.dark-mode .modal-header { border-bottom: 1px solid #3a4150; }
html.dark-mode .modal-footer { border-top: 1px solid #3a4150; }
html.dark-mode .modal-title { color: #d7dde8; }
html.dark-mode .modal .close { color: #d7dde8; text-shadow: none; opacity: .8; }

html.dark-mode .wo_tbl_tabla_comprobante,
html.dark-mode table.tbl_tabla {
	background-color: #262b36;
}
html.dark-mode table.tbl_tabla th {
	background-color: #2f3542;
	color: #d7dde8;
}
html.dark-mode table.tbl_tabla td { border-top-color: #333b47; }
html.dark-mode table.tbl_tabla tr.tbl_fila_encabezado {
	background-color: #2b3445;
	color: #f1f5f9;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_pie {
	background-color: #374151;
	color: #93c5fd;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_pie:hover {
	background-color: #3a5578;
	color: #ffffff;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_destacada,
html.dark-mode table.tbl_tabla tr.tbl_fila_destacada1 {
	background-color: #1e3a5f;
	color: #bfdbfe;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_destacada2 {
	background-color: #5a4a15;
	color: #fde68a;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_destacada3 {
	background-color: #4a1d30;
	color: #fbcfe8;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_destacada4 {
	background-color: #14532d;
	color: #bbf7d0;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_desactivada,
html.dark-mode table.tbl_tabla tr.tbl_fila_tachada {
	background-color: #2d323b;
	color: #6b7280;
}
html.dark-mode table.tbl_tabla tr.tbl_fila_notificacion {
	background-color: #123326;
	color: #5eead4;
	border: 1px solid #1c5a44;
}

html.dark-mode .cuad_edicion { background-color: #22301f; border-top-color: #3a4150;}
html.dark-mode .cuad_busqueda { background-color: #232b36; border-top-color: #3a4150;}
html.dark-mode .cuad_seleccion { background-color: #23303a; border-top-color: #3a4150;}
html.dark-mode .cuad_ver_detalle { background-color: #242c37; border-top-color: #3a4150;}
html.dark-mode .cuad_absoluto { background-color: #262b36; border-top-color: #3a4150;}
html.dark-mode .div_absolute { background: #1f242c; }
html.dark-mode .container_titulo h4 { background-color: #1f242c; }
html.dark-mode .container_titulo { border-color: #3a4150; }

html.dark-mode textarea,
html.dark-mode input[type='number'],
html.dark-mode input[type='text'],
html.dark-mode input[type='password'],
html.dark-mode input[type='search'],
html.dark-mode input[type='email'],
html.dark-mode input[type='date'],
html.dark-mode select {
	border-color: #3a4150;
	color: #cfd6e3;
	background-color: #1b2029;
}

html.dark-mode textarea:focus,
html.dark-mode input[type='number']:focus,
html.dark-mode input[type='text']:focus,
html.dark-mode input[type='password']:focus,
html.dark-mode input[type='search']:focus,
html.dark-mode input[type='email']:focus,
html.dark-mode input[type='date']:focus,
html.dark-mode select:focus {
	border-color: #4D90FE;
	color: #e5eaf3;
	background-color: #202632;
}

html.dark-mode .form-control {
	border-color: #3a4150;
	color: #cfd6e3;
	background-color: #1b2029;
}
html.dark-mode .form-control:focus {
	border-color: #4D90FE;
	background-color: #202632;
}

html.dark-mode select:disabled,
html.dark-mode select[disabled],
html.dark-mode input:disabled,
html.dark-mode input[disabled],
html.dark-mode textarea:disabled,
html.dark-mode textarea[disabled],
html.dark-mode .form-control[disabled],
html.dark-mode .form-control[readonly] {
	background-color: #2d323b;
	color: #6b7280;
	border-color: #3a4150;
	cursor: not-allowed;
	opacity: 1;
}

html.dark-mode .chosen-container.chosen-disabled .chosen-single,
html.dark-mode .chosen-container.chosen-disabled .chosen-choices {
	background-color: #2d323b;
	color: #6b7280;
	opacity: .85;
}

html.dark-mode .frm_input__obligatorio {
	border-color: #ff6a6a;
	color: #ffd9a0;
	background-color: #6b4a10;
}
html.dark-mode .frm_input__desactivado {
	border-color: #3a4150;
	color: #6b7280;
	background-color: #2d323b;
}

html.dark-mode .msg_confirmar,
html.dark-mode .msg_informacion {
	border-color: #3d5ba8;
	background-color: #212a42;
}
html.dark-mode .msg_confirmar_critico,
html.dark-mode .msg_error {
	border-color: #a84d4d;
	background-color: #3a2020;
}
html.dark-mode .msg_alerta {
	border-color: #a08d3a;
	background-color: #3a3216;
}

html.dark-mode .txt_rojo { color: #ff6b6b; background-color: #3a2020; }
html.dark-mode .txt_verde { color: #4ade80; background-color: #123a1e; }
html.dark-mode .txt_amarillo { color: #fbbf24; background-color: #3a3216; }
html.dark-mode .txt_azul { color: #8b8ff0; background-color: #262a4a; }
html.dark-mode .txt_desactivado { color: #6b7280; }

html.dark-mode .div_botonera { border-color: #3a4150; background-color: #2f3542; }
html.dark-mode .div_botonera_desactivada { background-color: #2d323b; color: #6b7280; }
html.dark-mode .tbl_selectrows_box,
html.dark-mode .tbl_info_box { color: #d7dde8; }

html.dark-mode .alert { background-color: #2f3542; color: #d7dde8; border-color: #3a4150; }
html.dark-mode .alert-info { background-color: #1e3a5f; color: #bfdbfe; border-color: #2c4f7c; }
html.dark-mode .alert-success { background-color: #123a2c; color: #5eead4; border-color: #1c5a44; }
html.dark-mode .alert-warning { background-color: #3a3216; color: #fde68a; border-color: #5a4a15; }
html.dark-mode .alert-danger { background-color: #3a2020; color: #fca5a5; border-color: #5a2c2c; }

html.dark-mode .panel,
html.dark-mode .panel-default { background-color: #262b36; border-color: #3a4150; }
html.dark-mode .panel-default > .panel-heading,
html.dark-mode .panel-default > .panel-footer { background-color: #2f3542; color: #d7dde8; border-color: #3a4150; }
html.dark-mode .panel-title { color: #d7dde8; }
html.dark-mode .well { background-color: #262b36; border-color: #3a4150; color: #d7dde8; }
html.dark-mode .list-group-item { background-color: #262b36; border-color: #3a4150; color: #d7dde8; }
html.dark-mode .list-group-item.active { background-color: #2c4f7c; border-color: #2c4f7c; }
html.dark-mode .list-group-item.active:hover,
html.dark-mode .list-group-item.active:focus { background-color: #35608f; }

html.dark-mode .table > thead > tr > th,
html.dark-mode .table > tbody > tr > th,
html.dark-mode .table > tfoot > tr > th { background-color: #2f3542; color: #d7dde8; }
html.dark-mode .table,
html.dark-mode .table > thead > tr > td,
html.dark-mode .table > tbody > tr > td,
html.dark-mode .table > tfoot > tr > td { background-color: #262b36; color: #d7dde8; border-top-color: #333b47; }
html.dark-mode .table-striped > tbody > tr:nth-of-type(odd) { background-color: #22272f; }
html.dark-mode .table-bordered,
html.dark-mode .table-bordered > thead > tr > th,
html.dark-mode .table-bordered > tbody > tr > th,
html.dark-mode .table-bordered > tfoot > tr > th,
html.dark-mode .table-bordered > thead > tr > td,
html.dark-mode .table-bordered > tbody > tr > td,
html.dark-mode .table-bordered > tfoot > tr > td { border-color: #333b47; }
html.dark-mode pre { background-color: #1b2029; color: #d7dde8; border-color: #333b47; }
html.dark-mode code { background-color: #2f3542; color: #ff8fae; }
html.dark-mode .table-parametros th { background-color: #2f3542; color: #d7dde8; }

html.dark-mode .table tbody tr.fila-resaltada > td,
html.dark-mode .table thead tr th.celda-resaltada,
html.dark-mode .table tbody tr td.celda-resaltada {
    background-color: #3d5a1a !important;
    color: #d7dde8 !important;
}

html.dark-mode .box,
html.dark-mode .box-body,
html.dark-mode .box-footer { background-color: #262b36; }
html.dark-mode .box { border-top-color: #3a4150; box-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
html.dark-mode .box-footer { border-top-color: #3a4150; }
html.dark-mode .box-header.with-border { border-bottom-color: #3a4150; }
html.dark-mode .box:not(.box-primary):not(.box-info):not(.box-success):not(.box-warning):not(.box-danger):not(.box-solid) > .box-header { background-color: #2f3542; }
html.dark-mode .box-header .box-title { color: #d7dde8; }
html.dark-mode .box-header > .box-tools { color: #d7dde8; }
html.dark-mode .info-box { background-color: #262b36; color: #d7dde8; }
html.dark-mode .info-box-icon { color: #fff; }
html.dark-mode .info-box-content { color: #d7dde8; }
html.dark-mode .info-box-content .info-box-text { color: #9db4d0; }
html.dark-mode .info-box-content .info-box-number { color: #ffffff; }
html.dark-mode .info-box.bg-aqua .info-box-content,
html.dark-mode .info-box.bg-blue .info-box-content,
html.dark-mode .info-box.bg-green .info-box-content,
html.dark-mode .info-box.bg-orange .info-box-content,
html.dark-mode .info-box.bg-red .info-box-content,
html.dark-mode .info-box.bg-yellow .info-box-content { color: #ffffff; }
html.dark-mode .info-box.bg-aqua .info-box-content .info-box-text,
html.dark-mode .info-box.bg-blue .info-box-content .info-box-text,
html.dark-mode .info-box.bg-green .info-box-content .info-box-text,
html.dark-mode .info-box.bg-orange .info-box-content .info-box-text,
html.dark-mode .info-box.bg-red .info-box-content .info-box-text,
html.dark-mode .info-box.bg-yellow .info-box-content .info-box-text { color: #ffffff; }

html.dark-mode .box .knob-label { color: #d7dde8; }

html.dark-mode .timeline:before { background-color: #3a4150; }
html.dark-mode .timeline > li > .timeline-item {
	background-color: #262b36;
	color: #d7dde8;
}
html.dark-mode .timeline > li > .timeline-item > .time { color: #8b93a1; }
html.dark-mode .timeline > li > .timeline-item > .timeline-header {
	color: #d7dde8;
	border-bottom-color: #3a4150;
}
html.dark-mode .timeline > li > .timeline-item > .timeline-header > a { color: #8ab4f8; }
html.dark-mode .timeline > li > .timeline-item > .timeline-body,
html.dark-mode .timeline > li > .timeline-item > .timeline-footer { color: #d7dde8; }
html.dark-mode .timeline > li > .timeline-icon { background-color: #4a5568; }

html.dark-mode .cke_top { background: #2f3542; background-image: none; border-bottom: 1px solid #3a4150; }
html.dark-mode .cke_bottom { background: #2f3542; background-image: none; border-top: 1px solid #3a4150; }
html.dark-mode .cke_toolgroup { background: #3a4150; border: 1px solid #454d5c; border-radius: 3px; box-shadow: none; }
html.dark-mode a.cke_button,
html.dark-mode a.cke_button:hover,
html.dark-mode a.cke_button:focus,
html.dark-mode a.cke_button:active { border: 1px solid transparent; background: transparent; }
html.dark-mode a.cke_button:hover,
html.dark-mode a.cke_button:focus,
html.dark-mode a.cke_button:active { background: #454d5c; border-color: #4f5868; box-shadow: none; }
html.dark-mode a.cke_button_on,
html.dark-mode a.cke_button_on:hover { background: #51708f; border-color: #35608f; box-shadow: none; }
html.dark-mode .cke_toolbar_separator { background-color: #4f5868; box-shadow: none; }
html.dark-mode .cke_combo_button { background: #3a4150; border: 1px solid #454d5c; }
html.dark-mode .cke_combo_off a.cke_combo_button:hover,
html.dark-mode .cke_combo_off a.cke_combo_button:focus,
html.dark-mode .cke_combo_on a.cke_combo_button { background: #454d5c; border-color: #4f5868; }
html.dark-mode .cke_combo_arrow { border-top-color: #d7dde8; }
html.dark-mode .cke_panel { background-color: #262b36; }
html.dark-mode .cke_panel_grouptitle { background: #3a4150; color: #d7dde8; border-color: #454d5c; }
html.dark-mode .cke_panel_listItem a { color: #d7dde8 !important; }
html.dark-mode .cke_panel_listItem a:hover,
html.dark-mode .cke_panel_listItem a:focus { background-color: #454d5c; }
html.dark-mode .cke_panel_listItem.cke_selected a { background-color: #51708f; }
html.dark-mode .cke_menu .cke_button { background: transparent; }
html.dark-mode .cke_dialog_body,
html.dark-mode .cke_dialog_contents { background: #262b36; color: #d7dde8; }
html.dark-mode .cke_dialog_title { background: #2f3542; color: #d7dde8; border-color: #3a4150; }
html.dark-mode .cke_dialog_footer { background: #262b36; }
html.dark-mode .cke_dialog_tab { background: #3a4150; color: #d7dde8; border-color: #454d5c; }
html.dark-mode .cke_dialog_tab_selected { background: #262b36; border-bottom-color: #262b36; }
html.dark-mode .cke_dialog .cke_dialog_ui_input_text,
html.dark-mode .cke_dialog .cke_dialog_ui_input_textarea,
html.dark-mode .cke_dialog .cke_dialog_ui_input_select { background-color: #1b2029; color: #cfd6e3; border-color: #3a4150; }
html.dark-mode .cke_dialog_ui_button { background: #3a4150; border-color: #454d5c; color: #d7dde8; box-shadow: none; background-image: none; }
html.dark-mode .cke_dialog_ui_button:hover,
html.dark-mode .cke_dialog_ui_button:focus { background: #454d5c; }
html.dark-mode .cke_dialog_ui_button.cke_dialog_ui_button_ok { background-color: #2c4f7c; border-color: #35608f; }
html.dark-mode .cke_dialog_ui_button.cke_dialog_ui_button_ok:hover,
html.dark-mode .cke_dialog_ui_button.cke_dialog_ui_button_ok:focus { background-color: #35608f; }
html.dark-mode .cke_dialog_contents label,
html.dark-mode .cke_dialog_contents table { color: #d7dde8; }
html.dark-mode .cke_resizer { filter: invert(1); }
html.dark-mode .cke_tpl_list { background: #262b36; color: #d7dde8; }

html.dark-mode .btn-default { background-color: #2f3542; border-color: #3a4150; color: #d7dde8; }
html.dark-mode .btn-default:hover,
html.dark-mode .btn-default:focus {
	background-color: #3a4150;
	border-color: #454d5c;
	color: #ffffff;
}

html.dark-mode .dropdown-menu .btn-default { background-color: #2f3542; color: #d7dde8; }

html.dark-mode .pagination > li > a,
html.dark-mode .pagination > li > span { background-color: #2f3542; border-color: #3a4150; color: #d7dde8; }
html.dark-mode .pagination > li > a:hover,
html.dark-mode .pagination > li > span:hover { background-color: #3a4150; color: #fff; }
html.dark-mode .pagination > .active > a,
html.dark-mode .pagination > .active > a:hover,
html.dark-mode .pagination > .active > span,
html.dark-mode .pagination > .active > span:hover { background-color: #2c4f7c; border-color: #2c4f7c; }

html.dark-mode .text-muted { color: #8b93a1; }
html.dark-mode .text-danger { color: #f87171; }
html.dark-mode .text-success { color: #4ade80; }
html.dark-mode .text-warning { color: #fbbf24; }
html.dark-mode .text-info { color: #93c5fd; }
html.dark-mode .text-red { color: #f87171; }
html.dark-mode .text-green { color: #4ade80; }
html.dark-mode .text-yellow { color: #fbbf24; }
html.dark-mode .text-blue { color: #93c5fd; }

html.dark-mode .search-box-result p {
	border-color: #3a4150;
	background: #2f3542;
	color: #d7dde8;
}
html.dark-mode .search-box-result p:hover { background: #f2f2f2; color: #3c8dbc; font-weight: 700; }
html.dark-mode .search-box-result p.highlighted { background: #f2f2f2; color: #3c8dbc; font-weight: 700; }

html.dark-mode .chosen-container .chosen-single {
	background-color: #1b2029;
	background-image: none;
	border-color: #3a4150;
	color: #cfd6e3;
}
html.dark-mode .chosen-container .chosen-drop {
	background: #2f3542;
	border-color: #3a4150;
	color: #d7dde8;
}
html.dark-mode .chosen-container .chosen-results li { color: #d7dde8; }
html.dark-mode .chosen-container .chosen-results li.highlighted { background-color: #f2f2f2; color: #3c8dbc; font-weight: 700; }
html.dark-mode .chosen-container .chosen-choices {
	background-color: #1b2029;
	background-image: none;
	border-color: #3a4150;
	color: #cfd6e3;
}
html.dark-mode .chosen-container .chosen-choices li.search-field input[type="text"] { color: #cfd6e3; }
html.dark-mode .chosen-container-active .chosen-single,
html.dark-mode .chosen-container-active .chosen-choices { border-color: #4D90FE; box-shadow: none; }

html.dark-mode .ui-widget-content { background-color: #2f3542; background-image: none; color: #d7dde8; border-color: #3a4150; }
html.dark-mode .ui-widget-header { background-color: #24303f; color: #d7dde8; border-color: #3a4150; }
html.dark-mode .ui-state-default,
html.dark-mode .ui-widget-content .ui-state-default,
html.dark-mode .ui-widget-header .ui-state-default {
	background-color: #262b36;
	background-image: none;
	border-color: #3a4150;
	color: #d7dde8;
}
html.dark-mode .ui-state-highlight,
html.dark-mode .ui-widget-content .ui-state-highlight { background-color: #6b4a10; color: #fde68a; border-color: #8a6216; }
html.dark-mode .ui-state-active,
html.dark-mode .ui-widget-content .ui-state-active,
html.dark-mode .ui-widget-header .ui-state-active { background-color: #2c4f7c; color: #fff; border-color: #35608f; }
html.dark-mode .ui-state-hover,
html.dark-mode .ui-widget-content .ui-state-hover { background-color: #3a4150; color: #fff; border-color: #454d5c; }
html.dark-mode .ui-state-default a,
html.dark-mode .ui-state-default a:active,
html.dark-mode .ui-state-default a:link,
html.dark-mode .ui-state-default a:visited { color: #d7dde8; }
html.dark-mode .ui-state-active a,
html.dark-mode .ui-state-active a:link,
html.dark-mode .ui-state-active a:visited { color: #ffffff; }
html.dark-mode .ui-state-hover a,
html.dark-mode .ui-state-hover a:hover { color: #ffffff; }
html.dark-mode .ui-tabs .ui-tabs-nav li a { color: #d7dde8; }
html.dark-mode .ui-tabs .ui-tabs-panel { color: #d7dde8; }
html.dark-mode .ui-tabs .ui-tabs-panel a { color: #8ab4f8; }
html.dark-mode .ui-widget-overlay { background: #000; opacity: .6; }
html.dark-mode .ui-dialog .ui-dialog-titlebar { background-color: #24303f; color: #d7dde8; border-bottom: 1px solid #3a4150; }
html.dark-mode .ui-datepicker .ui-datepicker-header { background-color: #24303f; color: #d7dde8; }
html.dark-mode .ui-tooltip,
body html.dark-mode .ui-tooltip { background-color: #262b36; background-image: none; color: #d7dde8; border: 1px solid #3a4150; box-shadow: 0 0 8px rgba(0,0,0,.6); }
html.dark-mode .ui-tooltip .ui-tooltip-content { color: #d7dde8; }

html.dark-mode .calendar,
html.dark-mode table.calendar,
html.dark-mode .jscalendar table { border-color: #3a4150; background-color: #262b36; }

html.dark-mode .fc-theme-standard td,
html.dark-mode .fc-theme-standard th { border-color: #333b47; }
html.dark-mode .fc .fc-list-event:hover td,
html.dark-mode .fc-theme-standard .fc-list-day-cushion { background-color: #2f3542; }
html.dark-mode .fc .fc-daygrid-day.fc-day-today,
html.dark-mode .fc .fc-timegrid-col.fc-day-today { background-color: #223042; }

html.dark-mode ::-webkit-scrollbar { width: 10px; height: 10px; }
html.dark-mode ::-webkit-scrollbar-track { background: #1b2029; }
html.dark-mode ::-webkit-scrollbar-thumb { background: #3a4150; border-radius: 5px; }
html.dark-mode ::-webkit-scrollbar-thumb:hover { background: #454d5c; }

html.dark-mode .card-with-shadow h3 { color: #ffffff; }

html.dark-mode .small-box h3 { color: #ffffff; }

/* FTTH - red pasiva (wko/ftth/lared.css) */
html.dark-mode .olt,
html.dark-mode .olt-mini {
	background-color: #16223a;
	border-color: #3a4150;
	color: #d7dde8;
}

html.dark-mode .poncard_l,
html.dark-mode .poncard_r,
html.dark-mode .poncard_l-mini,
html.dark-mode .poncard_r-mini,
html.dark-mode .pon_l,
html.dark-mode .pon_r,
html.dark-mode .pon_l-mini,
html.dark-mode .pon_r-mini {
	background-color: #2f3542;
	border-color: #3a4150;
	color: #d7dde8;
}

html.dark-mode .ponc_l,
html.dark-mode .ponc_r,
html.dark-mode .ponc_l-mini,
html.dark-mode .ponc_r-mini {
	background-color: #14532d;
	border-color: #1c5a44;
	color: #bbf7d0;
}

html.dark-mode .pond_l,
html.dark-mode .pond_r,
html.dark-mode .pond_l-mini,
html.dark-mode .pond_r-mini {
	background-color: #5b2020;
	border-color: #7a2e2e;
	color: #fca5a5;
}

html.dark-mode table.odf,
html.dark-mode table.odf-mini,
html.dark-mode table.bandeja,
html.dark-mode table.cable,
html.dark-mode table.splitter {
	background-color: #262b36;
	border-color: #3a4150;
	color: #d7dde8;
}

html.dark-mode table.odf tr,
html.dark-mode table.odf-mini tr,
html.dark-mode table.bandeja tr,
html.dark-mode table.cable tr,
html.dark-mode table.splitter tr {
	border-color: #333b47;
}

html.dark-mode table.odf td,
html.dark-mode table.odf-mini td,
html.dark-mode table.bandeja td,
html.dark-mode table.cable td,
html.dark-mode table.splitter td {
	border-color: #333b47;
}

html.dark-mode table.odf th,
html.dark-mode table.odf-mini th,
html.dark-mode table.bandeja th,
html.dark-mode table.cable th,
html.dark-mode table.splitter th {
	background-color: #2f3542;
	color: #d7dde8;
	text-shadow: none;
}

html.dark-mode table.odf td:hover,
html.dark-mode table.odf td.hover,
html.dark-mode table.odf-mini td:hover,
html.dark-mode table.odf-mini td.hover,
html.dark-mode table.bandeja tr:hover,
html.dark-mode table.bandeja tr.hover,
html.dark-mode table.cable td:hover,
html.dark-mode table.cable td.hover,
html.dark-mode table.splitter td:hover,
html.dark-mode table.splitter td.hover {
	background-color: #223450;
}

html.dark-mode table.splitter td.spl_libre {
	background-color: #46323a;
	color: #e8d7d9;
}

html.dark-mode table.splitter td.spl_conectado {
	background-color: #273c2e;
	color: #d7e8da;
}

html.dark-mode .nivel_anterior,
html.dark-mode .nivel_posterior,
html.dark-mode .nivel_actual,
html.dark-mode .data_actual {
	background-color: #262b36;
	border-color: #3a4150;
	color: #d7dde8;
}

html.dark-mode .nivel_anterior b:hover,
html.dark-mode .nivel_posterior b:hover {
	color: #ff7b7b;
}

html.dark-mode .mynetwork {
	border-color: #3a4150 !important;
}

/* selects de tablas/paginacion (form_control.css los fuerza blancos) */
html.dark-mode select:not([size]):not([multiple]) {
	background-color: #1b2029;
	color: #cfd6e3;
	border-color: #3a4150;
}
html.dark-mode select:not([size]):not([multiple]):focus {
	background-color: #202632;
	border-color: #4D90FE;
}
html.dark-mode select option {
	background-color: #1b2029;
	color: #cfd6e3;
}
html.dark-mode .tbl_selectpage,
html.dark-mode .tbl_selectrows {
	background-color: #1b2029;
	color: #cfd6e3;
}

/* dropdowns de notificaciones/features (AdminLTE notifications-menu) */
html.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu,
html.dark-mode .navbar-nav > .messages-menu > .dropdown-menu,
html.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu {
	background-color: #2f3542;
}

html.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
html.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li.header,
html.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
	background-color: #2f3542;
	border-bottom-color: #3a4150;
	color: #d7dde8;
}

html.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
html.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
html.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
	background-color: #262b36 !important;
	border-bottom-color: #3a4150;
	color: #d7dde8 !important;
}
html.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
html.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
html.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
	background-color: #3a4150 !important;
	color: #ffffff !important;
}

html.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
html.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
html.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
	color: #d7dde8;
	border-bottom-color: #333b47;
}
html.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
html.dark-mode .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
html.dark-mode .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
	background-color: #3a4150;
	color: #ffffff;
}

/* ---------- jstree (theme default de CDN) ---------- */
html.dark-mode .jstree-default .jstree-anchor,
html.dark-mode .jstree-default .jstree-anchor:link,
html.dark-mode .jstree-default .jstree-anchor:visited,
html.dark-mode .jstree-default .jstree-anchor:hover,
html.dark-mode .jstree-default .jstree-anchor:active {
	color: #d7dde8;
}
html.dark-mode .jstree-default .jstree-anchor.jstree-clicked {
	color: #ffffff;
}
html.dark-mode .jstree-default .jstree-disabled {
	color: #8b93a1;
}

/* Lineas de conexion, flechas y carpeta por defecto vienen de la
   sprite 32px.png (gris oscuro): se aclaran para verse en oscuro.
   Se excluyen los iconos custom (iconos FA con colores de estado). */
html.dark-mode .jstree-default .jstree-ocl,
html.dark-mode .jstree-default .jstree-themeicon:not(.jstree-themeicon-custom),
html.dark-mode .jstree-default .jstree-checkbox {
	filter: invert(0.85);
}

html.dark-mode .jstree-default .jstree-hovered {
	background-color: #2f3542;
	box-shadow: none;
}
html.dark-mode .jstree-default .jstree-clicked {
	background-color: #2c4f7c;
	box-shadow: none;
}
html.dark-mode .jstree-default .jstree-wholerow-hovered {
	background-color: #2f3542;
}
html.dark-mode .jstree-default .jstree-wholerow-clicked {
	background: linear-gradient(to bottom, #2c4f7c 0%, #35608f 100%);
}
html.dark-mode .jstree-default .jstree-search {
	color: #fde68a;
}
html.dark-mode .jstree-default-responsive .jstree-anchor {
	text-shadow: none;
}
html.dark-mode .jstree-default-responsive .jstree-wholerow {
	border-color: #333b47;
	background-color: #262b36;
}

/* Menus contextuales de jstree (right-click) */
html.dark-mode .vakata-context,
html.dark-mode .vakata-context ul {
	background: #2f3542;
	border-color: #3a4150;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
html.dark-mode .vakata-context li > a {
	color: #d7dde8;
	text-shadow: none;
}
html.dark-mode .vakata-context li > a:hover,
html.dark-mode .vakata-context .vakata-context-hover > a {
	background-color: #2c4f7c;
	box-shadow: none;
}
html.dark-mode .vakata-context .vakata-context-separator > a,
html.dark-mode .vakata-context .vakata-context-separator > a:hover {
	background: #3a4150;
	border-top-color: #333b47;
	border-left-color: #3a4150;
}
html.dark-mode .vakata-context li > a > i {
	background: none;
}

/* CKEditor - íconos de botones (sprite gris oscuro, invisible sobre toolbar oscura) */
html.dark-mode .cke_button_icon { filter: invert(1) brightness(1.1); }
html.dark-mode a.cke_button_disabled .cke_button_icon { filter: invert(1) brightness(1.1); opacity: 0.35; }
html.dark-mode .cke_button_label { color: #d7dde8; }
html.dark-mode a.cke_button:hover .cke_button_label,
html.dark-mode a.cke_button:focus .cke_button_label,
html.dark-mode a.cke_button:active .cke_button_label { color: #d7dde8; }
html.dark-mode .cke_button_arrow { border-top-color: #d7dde8; }
html.dark-mode .cke_combo_text { color: #d7dde8; }
html.dark-mode a.cke_path_item,
html.dark-mode span.cke_path_empty { color: #d7dde8; }
html.dark-mode a.cke_path_item:hover,
html.dark-mode a.cke_path_item:focus,
html.dark-mode a.cke_path_item:active { background-color: #454d5c; }
html.dark-mode .cke_inner { background: #1f242c; }
html.dark-mode .cke_chrome { border-color: #3a4150; }
html.dark-mode .cke_wysiwyg_frame,
html.dark-mode .cke_wysiwyg_div { background-color: #262b36; }
html.dark-mode textarea.cke_source { background-color: #1b2029; color: #d7dde8; }
html.dark-mode .cke_toolbox_collapser { border-color: #454d5c; }
html.dark-mode .cke_toolbox_collapser:hover { background: #454d5c; }
html.dark-mode .cke_toolbox_collapser .cke_arrow { border-bottom-color: #d7dde8; border-top-color: #d7dde8; }
html.dark-mode .cke_menubutton_icon { background-color: #262b36; }
html.dark-mode .cke_menubutton:hover .cke_menubutton_icon,
html.dark-mode .cke_menubutton:focus .cke_menubutton_icon,
html.dark-mode .cke_menubutton:active .cke_menubutton_icon { background-color: #454d5c; }
html.dark-mode .cke_menubutton:hover,
html.dark-mode .cke_menubutton:focus,
html.dark-mode .cke_menubutton:active,
html.dark-mode .cke_menuitem .cke_menubutton_on { background-color: #454d5c; color: #d7dde8; outline: none; }
html.dark-mode .cke_menuarrow { filter: invert(1); }
html.dark-mode .cke_menuseparator { background-color: #454d5c; }
html.dark-mode .cke_colorblock,
html.dark-mode .cke_colorblock a { color: #d7dde8; }
html.dark-mode a.cke_colorauto,
html.dark-mode a.cke_colormore { background-color: #3a4150; border-color: #454d5c; }
html.dark-mode a:hover.cke_colorauto,
html.dark-mode a:hover.cke_colormore,
html.dark-mode a:focus.cke_colorauto,
html.dark-mode a:focus.cke_colormore,
html.dark-mode a:active.cke_colorauto,
html.dark-mode a:active.cke_colormore { background-color: #454d5c; border-color: #4f5868; }
html.dark-mode .cke_dialog_tab:hover { background: #454d5c; }
html.dark-mode .cke_notification_message a { color: #8ab4f8; }
html.dark-mode .cke_dialog .cke_dialog_ui_hbox_throbber,
html.dark-mode .cke_dialog_busy_cover { background-color: #262b36; }
html.dark-mode .cke_dialog_close { filter: invert(1); }
html.dark-mode .cke_combo_panel { background-color: #262b36; border-color: #3a4150; }

/* AdminLTE nav-tabs-custom (wko/generico/configuracionbase.php) */
html.dark-mode .nav-tabs-custom,
html.dark-mode .nav-tabs-custom > .tab-content { background: #262b36; }
html.dark-mode .nav-tabs-custom { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); }
html.dark-mode .nav-tabs-custom > .nav-tabs { border-bottom-color: #3a4150; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li { border-top-color: transparent; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li > a,
html.dark-mode .nav-tabs-custom > .nav-tabs > li.header { color: #8b93a1; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li > a:hover,
html.dark-mode .nav-tabs-custom > .nav-tabs > li > a:focus { color: #d7dde8; background: transparent; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li.active { border-top-color: #4D90FE; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li.active > a,
html.dark-mode .nav-tabs-custom > .nav-tabs > li.active:hover > a,
html.dark-mode .nav-tabs-custom > .nav-tabs > li.active > a:hover,
html.dark-mode .nav-tabs-custom > .nav-tabs > li.active > a:focus { background: #262b36; color: #d7dde8; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent; border-left-color: #3a4150; border-right-color: #3a4150; }
html.dark-mode .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { border-left-color: transparent; }
html.dark-mode .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #3a4150; border-right-color: transparent; }
html.dark-mode .nav-tabs-custom .dropdown.open > a:active,
html.dark-mode .nav-tabs-custom .dropdown.open > a:focus { background: transparent; color: #8b93a1; }
html.dark-mode .nav-tabs-custom > .tab-content { color: #d7dde8; }

/* Google Maps: boton cerrar del InfoWindow (fondo blanco, X blanca -> negra) */
html.dark-mode button.gm-ui-hover-effect { filter: invert(1); }
html.dark-mode button.gm-ui-hover-effect img { filter: none; }

/* Google Maps: InfoWindow oscuro (el color del body caia al contenido y la letra no se veia) */
html.dark-mode .gm-style .gm-style-iw-c,
html.dark-mode .gm-style .gm-style-iw-d {
	background-color: #262b36;
	color: #d7dde8;
}
html.dark-mode .gm-style .gm-style-iw-d a { color: #8ab4f8; }
html.dark-mode .gm-style .gm-style-iw-t::after {
	background: linear-gradient(45deg, #262b36 50%, rgba(38, 43, 54, 0) 51%) !important;
}

/* Google Maps: padding del contenido del InfoWindow (quedaba pegado a los bordes, sobre todo abajo y derecha) */
html.dark-mode .gm-style .gm-style-iw-d {
	padding: 10px 16px 16px 12px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #3a4150 transparent;
}
html.dark-mode .gm-style .gm-style-iw-d::-webkit-scrollbar { width: 6px; }
html.dark-mode .gm-style .gm-style-iw-d::-webkit-scrollbar-track { background: transparent; }
html.dark-mode .gm-style .gm-style-iw-d::-webkit-scrollbar-thumb { background: #3a4150; border-radius: 3px; }

/* Chat de soporte */
html.dark-mode #chatSoporte {
	border-color: #333b47;
	background: #0b141a;
	box-shadow: 0 2px 14px rgba(0, 0, 0, .45);
}
html.dark-mode #chatSoporte .chat-sidebar-header,
html.dark-mode #chatSoporte .chat-conversation-header,
html.dark-mode #chatSoporte .chat-composer {
	border-color: #333b47;
	background: #202c33;
	color: #e9edef;
}
html.dark-mode #chatSoporte .chat-sidebar-header { border-right-color: #333b47; }
html.dark-mode #chatSoporte #log,
html.dark-mode #chatSoporte #notify,
html.dark-mode #chatSoporte #atendiendoa > .alert { color: #8696a0; }
html.dark-mode #chatSoporte #atendiendoa { color: #e9edef; }
html.dark-mode #chatSoporte #atendiendoa a { color: #3c8dbc; }
html.dark-mode #chatSoporte .chat-client-account-row:hover { background: rgba(60, 141, 188, .2); }
html.dark-mode #chatSoporte #panel_izquierdo,
html.dark-mode #chatSoporte #panel_izquierdocont,
html.dark-mode #chatSoporte #panelCompleto,
html.dark-mode #chatSoporte .chat-list { background: #111b21; }
html.dark-mode #chatSoporte #panelCompleto { border-color: #333b47; }
html.dark-mode #chatSoporte .chat-panel-title { color: #3c8dbc; }
html.dark-mode #chatSoporte .chat-panel-tabs { border-bottom-color: #333b47; background: #111b21; }
html.dark-mode #chatSoporte .chat-panel-tab { background: transparent; color: #8696a0; }
html.dark-mode #chatSoporte .chat-panel-tab:hover,
html.dark-mode #chatSoporte .chat-panel-tab:focus { background: #202c33; color: #e9edef; }
html.dark-mode #chatSoporte .chat-panel-tab.active { color: #3c8dbc; }
html.dark-mode #chatSoporte .chat-panel-tab.chat-tab-unread { animation-name: chatTabUnreadPulseDark; }
html.dark-mode #chatSoporte .chat-panel-tab.chat-tab-unread::before { box-shadow: 0 0 0 2px #111b21; }
@keyframes chatTabUnreadPulseDark {
	50% { background-color: #1e3a5f; }
}
html.dark-mode #chatSoporte .conv_preview {
	border-bottom-color: #222d34;
	background: #111b21;
	color: #8696a0;
}
html.dark-mode #chatSoporte .conv_preview::before { background: #2a3942; color: #aebac1; }
html.dark-mode #chatSoporte .conv_preview b { color: #e9edef; }
html.dark-mode #chatSoporte .conv_preview .text-red { color: #f87171 !important; }
html.dark-mode #chatSoporte .conv_preview:hover { background: #202c33; }
html.dark-mode #chatSoporte .conv_preview.conv_seleccionada {
	background: #2a3942;
	box-shadow: inset 4px 0 0 #3c8dbc;
}
html.dark-mode #chatSoporte .conv_preview.conv_seleccionada::before { background: #3c8dbc; color: #fff; }
html.dark-mode #chatSoporte .blink_me { animation-name: chatUnreadPulseDark; }
@keyframes chatUnreadPulseDark {
	50% { background-color: #1e3a5f; }
}
html.dark-mode #chatSoporte .chat-window,
html.dark-mode #chatSoporte #conversaciones {
	background-color: #0b141a;
	background-image: radial-gradient(rgba(233, 237, 239, .055) 1px, transparent 1px);
	scrollbar-color: #374248 transparent;
}
html.dark-mode #chatSoporte .chat-drop-overlay {
	border-color: #00a884;
	background: rgba(17, 27, 33, .96);
	color: #e9edef;
}
html.dark-mode #chatSoporte .chat-drop-overlay span { color: #aebac1; }
html.dark-mode #chatSoporte .direct-chat-info { color: #aebac1; }
html.dark-mode #chatSoporte .direct-chat-timestamp { color: #8696a0; }
html.dark-mode #chatSoporte .direct-chat-img { border-color: #2a3942; }
html.dark-mode #chatSoporte .direct-chat-text {
	border-color: transparent;
	background: #202c33;
	color: #e9edef;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .32);
}
html.dark-mode #chatSoporte .direct-chat-text::before,
html.dark-mode #chatSoporte .direct-chat-text::after { border-right-color: #202c33; }
html.dark-mode #chatSoporte .direct-chat-warning .right > .direct-chat-text {
	border-color: transparent;
	background: #3c8dbc;
	color: #fff;
}
html.dark-mode #chatSoporte .direct-chat-warning .right > .direct-chat-text > .direct-chat-timestamp { color: #F5FAFA; }
html.dark-mode #chatSoporte .direct-chat-warning .right > .direct-chat-text::before,
html.dark-mode #chatSoporte .direct-chat-warning .right > .direct-chat-text::after {
	border-right-color: transparent;
	border-left-color: #3c8dbc;
}
html.dark-mode #chatSoporte #msg {
	border-color: transparent;
	background: #2a3942;
	color: #e9edef;
}
html.dark-mode #chatSoporte #msg::placeholder { color: #8696a0; }
html.dark-mode #chatSoporte #msg:focus { border-color: #4D90FE; box-shadow: 0 0 5px rgba(0, 123, 255, .5); }
html.dark-mode #chatSoporte .chat-tool-button { color: #aebac1; }
html.dark-mode #chatSoporte .chat-tool-button:hover,
html.dark-mode #chatSoporte .chat-tool-button:focus { background: #2a3942 !important; color: #e9edef; }
html.dark-mode #chatSoporte .chat-tool-button:disabled { background: transparent !important; color: #53636b; }
html.dark-mode #chatSoporte .chat-send-button { background: #3c8dbc; color: #fff; }
html.dark-mode #chatSoporte .chat-send-button:hover,
html.dark-mode #chatSoporte .chat-send-button:focus { background: #367fa9; color: #fff; }
html.dark-mode #chatSoporte .chat-send-button:disabled { background: #3b4a54; color: #667781; }
html.dark-mode #chatSoporte .chat-composer-actions .btn-primary { background: #3c8dbc; color: #fff; }
html.dark-mode #chatSoporte .chat-composer-actions .btn-primary:hover { background: #367fa9; }
html.dark-mode #chatSoporte .chat-composer-actions .btn-warning { background: #9f3f46; color: #fff; }
html.dark-mode #chatSoporte .chat-composer-actions .btn-success { background: #3b5963; color: #fff; }
html.dark-mode #chatSoporte .chat-composer-actions .btn:disabled { background: #303d44; color: #667781; opacity: 1; }