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-color: #3a4150;
	color: #ffffff;
}
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-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;
}

html.dark-mode .cuad_edicion { background-color: #22301f; }
html.dark-mode .cuad_busqueda { background-color: #232b36; }
html.dark-mode .cuad_seleccion { background-color: #23303a; }
html.dark-mode .cuad_ver_detalle { background-color: #242c37; }
html.dark-mode .cuad_absoluto { background-color: #262b36; }
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 .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 .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: #3a4150; }

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: #2c4f7c; color: #fff; }
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; 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 .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; }