/**
 * Tema oscuro - Accounting ERP
 * Se aplica cuando html tiene la clase .tema-oscuro
 */

.tema-oscuro body {
  background-color: #1a1d21 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #wrapper {
  background-color: #1a1d21;
}

.tema-oscuro #page-wrapper {
  background-color: #242628 !important;
  border-left-color: #3a3d42 !important;
}

.tema-oscuro .navbar-default {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .navbar-header .navbar-brand {
  color: #e4e6eb !important;
}

.tema-oscuro .navbar-top-links > li > a {
  color: #b0b3b8 !important;
}

.tema-oscuro .navbar-top-links > li > a:hover {
  color: #ffffff !important;
}

.tema-oscuro .dropdown-menu {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .dropdown-menu > li > a {
  color: #e4e6eb !important;
}

.tema-oscuro .dropdown-menu > li > a:hover {
  background-color: #3a3d42 !important;
}

.tema-oscuro .sidebar {
  background-color: #242628 !important;
  border-right-color: #3a3d42 !important;
}

.tema-oscuro .sidebar .nav > li > a {
  color: #b0b3b8 !important;
}

.tema-oscuro .sidebar .nav > li > a:hover {
  background-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .sidebar .nav > li.active > a {
  background-color: #3a3d42 !important;
  color: #4a9eff !important;
}

.tema-oscuro .page-header h1,
.tema-oscuro #nombre {
  color: #e4e6eb !important;
}

.tema-oscuro .panel-default {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .panel-default .panel-heading {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .panel-default .panel-body {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .panel-green .panel-heading { background: #2d5a2d !important; color: #fff !important; }
.tema-oscuro .panel-red .panel-heading { background: #5a2d2d !important; color: #fff !important; }
.tema-oscuro .panel-primary .panel-heading { background: #2d4a6a !important; color: #fff !important; }
.tema-oscuro .panel-yellow .panel-heading { background: #5a4a2d !important; color: #fff !important; }

.tema-oscuro .table {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .table > thead > tr > th {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .table > tbody > tr > td {
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .table > tbody > tr:hover {
  background-color: #2d3035 !important;
}

.tema-oscuro .table-bordered > thead > tr > th,
.tema-oscuro .table-bordered > tbody > tr > td {
  border-color: #3a3d42 !important;
}

.tema-oscuro .form-control {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .modal-content {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255,255,255,0.05) !important;
}

.tema-oscuro .modal-header {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .modal-body {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .modal-footer {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .loader {
  background-color: #1a1d21 !important;
}

.tema-oscuro .nav-tabs > li > a {
  color: #b0b3b8 !important;
}

.tema-oscuro .nav-tabs > li.active > a {
  background-color: #242628 !important;
  color: #4a9eff !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .btn-default {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .text-muted {
  color: #9ca3af !important;
}

/* DataTables - contenedores y controles */
.tema-oscuro .dataTables_wrapper {
  color: #e4e6eb !important;
  background-color: transparent !important;
}

.tema-oscuro div.dataTables_length label,
.tema-oscuro div.dataTables_filter label,
.tema-oscuro div.dataTables_info {
  color: #e4e6eb !important;
}

.tema-oscuro div.dataTables_length select {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro div.dataTables_filter input {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro div.dataTables_paginate {
  color: #e4e6eb !important;
}

.tema-oscuro div.dataTables_paginate .paginate_button {
  background: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro div.dataTables_paginate .paginate_button:hover {
  background: #3a3d42 !important;
  border-color: #4a4d52 !important;
  color: #fff !important;
}

.tema-oscuro div.dataTables_paginate .paginate_button.current {
  background: #4a9eff !important;
  border-color: #4a9eff !important;
  color: #fff !important;
}

.tema-oscuro div.dataTables_paginate .paginate_button.disabled {
  color: #6b6e73 !important;
  background: #242628 !important;
}

/* DataTables pagination (Bootstrap style) */
.tema-oscuro div.dataTables_paginate ul.pagination > li > a {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro div.dataTables_paginate ul.pagination > li > a:hover {
  background-color: #3a3d42 !important;
  border-color: #4a4d52 !important;
  color: #fff !important;
}

.tema-oscuro div.dataTables_paginate ul.pagination > li.active > a {
  background-color: #4a9eff !important;
  border-color: #4a9eff !important;
  color: #fff !important;
}

.tema-oscuro div.dataTables_paginate ul.pagination > li.disabled > a {
  color: #6b6e73 !important;
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

/* DataTables - tabla */
.tema-oscuro table.dataTable {
  background-color: #242628 !important;
  color: #e4e6eb !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro table.dataTable thead th,
.tema-oscuro table.dataTable thead td {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro table.dataTable tbody td,
.tema-oscuro table.dataTable tbody th {
  background-color: #242628 !important;
  color: #e4e6eb !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro table.dataTable tbody tr:hover td,
.tema-oscuro table.dataTable tbody tr:hover th {
  background-color: #2d3035 !important;
}

.tema-oscuro table.dataTable.stripe tbody tr.odd,
.tema-oscuro table.dataTable.display tbody tr.odd {
  background-color: #1e2124 !important;
}

.tema-oscuro table.dataTable.stripe tbody tr.odd td,
.tema-oscuro table.dataTable.display tbody tr.odd td {
  background-color: #1e2124 !important;
}

.tema-oscuro table.dataTable.stripe tbody tr.even,
.tema-oscuro table.dataTable.display tbody tr.even {
  background-color: #242628 !important;
}

.tema-oscuro table.dataTable.stripe tbody tr.even td,
.tema-oscuro table.dataTable.display tbody tr.even td {
  background-color: #242628 !important;
}

.tema-oscuro table.dataTable tfoot th,
.tema-oscuro table.dataTable tfoot td {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro table.dataTable td.dataTables_empty {
  color: #9ca3af !important;
}

.tema-oscuro table.dataTable thead input {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

/* Scroller / scroll body */
.tema-oscuro div.dataTables_scrollBody {
  background-color: #242628 !important;
  background: #242628 !important;
}

.tema-oscuro div.DTS div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #1e2124, #1e2124 10px, #242628 10px, #242628 20px) !important;
}

.tema-oscuro div.dataTables_scrollHead table,
.tema-oscuro div.dataTables_scrollFoot table {
  background-color: #2d3035 !important;
}

.tema-oscuro div.FixedHeader_Cloned table thead th {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro div.DTFC_LeftHeadWrapper table,
.tema-oscuro div.DTFC_RightHeadWrapper table,
.tema-oscuro div.DTFC_LeftFootWrapper table,
.tema-oscuro div.DTFC_RightFootWrapper table {
  background-color: #2d3035 !important;
}

.tema-oscuro table.DTFC_Cloned tr.even {
  background-color: #1e2124 !important;
}

/* Processing / loading */
.tema-oscuro div.dataTables_processing {
  background: rgba(36, 38, 40, 0.9) !important;
  color: #e4e6eb !important;
}

/* Botones DT */
.tema-oscuro .dt-buttons .dt-button,
.tema-oscuro .dt-buttons div.dt-btn-split-wrapper button.dt-btn-split-drop,
.tema-oscuro .dt-buttons .buttons-colvis {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .dt-buttons .dt-button:hover,
.tema-oscuro .dt-buttons .dt-button:focus,
.tema-oscuro .dt-buttons .buttons-colvis:hover {
  background-color: #3a3d42 !important;
  border-color: #4a4d52 !important;
  color: #fff !important;
}

.tema-oscuro .dt-button-collection {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .dt-button-collection a {
  color: #e4e6eb !important;
}

.tema-oscuro .dt-button-collection a:hover {
  background-color: #3a3d42 !important;
}

.tema-oscuro div.dt-button-info {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro div.dt-button-info h2 {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

/* Responsive / child rows */
.tema-oscuro table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: #3a3d42 !important;
}

.tema-oscuro div.dtr-modal div.dtr-modal-display {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro div.dtr-modal div.dtr-modal-content {
  color: #e4e6eb !important;
}

.tema-oscuro div.dtr-modal div.dtr-modal-close {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

/* RowGroup */
.tema-oscuro table.dataTable tr.dtrg-group td {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
}

.tema-oscuro table.dataTable tr.dtrg-group.dtrg-level-1 td,
.tema-oscuro table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #242628 !important;
}

/* Sort icons (FontAwesome overrides para tema oscuro) */
.tema-oscuro table.dataTable thead .sorting:after {
  color: rgba(156, 163, 175, 0.7) !important;
}

.tema-oscuro table.dataTable thead .sorting_asc:after,
.tema-oscuro table.dataTable thead .sorting_desc:after {
  color: #4a9eff !important;
}

/* Order-column / sorting columns */
.tema-oscuro table.dataTable.order-column tbody tr > .sorting_1,
.tema-oscuro table.dataTable.display tbody tr > .sorting_1,
.tema-oscuro table.dataTable.order-column tbody tr > .sorting_2,
.tema-oscuro table.dataTable.display tbody tr > .sorting_2,
.tema-oscuro table.dataTable.order-column tbody tr > .sorting_3,
.tema-oscuro table.dataTable.display tbody tr > .sorting_3 {
  background-color: #242628 !important;
}

.tema-oscuro table.dataTable.display tbody tr.odd > .sorting_1,
.tema-oscuro table.dataTable.display tbody tr.odd > .sorting_2,
.tema-oscuro table.dataTable.display tbody tr.odd > .sorting_3 {
  background-color: #1e2124 !important;
}

.tema-oscuro table.dataTable tbody tr.selected,
.tema-oscuro table.dataTable tbody tr > .selected {
  background-color: #2d4a6a !important;
}

.tema-oscuro table.dataTable tbody tr.selected td,
.tema-oscuro table.dataTable tbody tr.selected th {
  background-color: #2d4a6a !important;
}

/* Login page */
.tema-oscuro .login-panel {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .login-panel .panel-heading {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .login-panel .panel-body {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

/* Formulario operación / comprobantes (operacion.php, cls_comprobantes) */
.tema-oscuro #operacion {
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #cabezal {
  background: #2d3035 !important;
  background-image: none !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro #operacion #cabezal input,
.tema-oscuro #operacion #cabezal select {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #cabezal input:hover,
.tema-oscuro #operacion #cabezal input:focus {
  background-color: #3a3d42 !important;
  border-color: #4a4d52 !important;
}

.tema-oscuro #operacion #busqueda {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro #operacion #busqueda input,
.tema-oscuro #operacion #busqueda select {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #busqueda input:hover,
.tema-oscuro #operacion #busqueda input:focus {
  background-color: #3a3d42 !important;
  border-color: #4a4d52 !important;
}

.tema-oscuro #operacion #detalle {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro #operacion #detalle table {
  background-color: #242628 !important;
}

.tema-oscuro #operacion #Tabla_Articulos,
.tema-oscuro #operacion #Tabla_LineasArticulos {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #Tabla_Articulos thead th,
.tema-oscuro #operacion #Tabla_LineasArticulos thead th {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #Tabla_Articulos tbody tr,
.tema-oscuro #operacion #Tabla_LineasArticulos tbody tr {
  background-color: #242628 !important;
}

.tema-oscuro #operacion #Tabla_Articulos tbody tr:hover,
.tema-oscuro #operacion #Tabla_LineasArticulos tbody tr:hover {
  background-color: #3a3d42 !important;
}

.tema-oscuro #operacion #Tabla_Articulos .form-control,
.tema-oscuro #operacion #Tabla_LineasArticulos .form-control {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #Tabla_Articulos .form-control::placeholder,
.tema-oscuro #operacion #Tabla_LineasArticulos .form-control::placeholder {
  color: rgba(228, 230, 235, 0.5) !important;
}

.tema-oscuro #operacion #Tabla_Articulos .form-control[readonly],
.tema-oscuro #operacion #Tabla_LineasArticulos .form-control[readonly] {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion #totales {
  background-color: #2d3035 !important;
  background-image: none !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro #operacion #totales td {
  color: #e4e6eb !important;
}

.tema-oscuro #operacion input[readonly],
.tema-oscuro #operacion select[disabled] {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion input.subtotal,
.tema-oscuro #operacion input.neto,
.tema-oscuro #operacion input.iva,
.tema-oscuro #operacion input.redondeo,
.tema-oscuro #operacion input.total,
.tema-oscuro #operacion input.descuento,
.tema-oscuro #operacion input.descuento_porcentaje {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion textarea#operacion_observaciones,
.tema-oscuro #operacion #operacion_observaciones {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #operacion button.agregar {
  background-color: #2d5a2d !important;
  border-color: #3a6a3a !important;
  color: #fff !important;
}

.tema-oscuro #operacion button.agregar:hover {
  background-color: #3a6a3a !important;
}

/* #detalle global (modales, etc.) */
.tema-oscuro #detalle {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro #detalle table {
  background-color: #242628 !important;
}

/* .linea-articulo - filas de artículos */
.tema-oscuro .linea-articulo,
.tema-oscuro tbody.linea-articulo tr {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .linea-articulo td,
.tema-oscuro tbody.linea-articulo td {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .linea-articulo tr:hover td,
.tema-oscuro tbody.linea-articulo tr:hover td {
  background-color: #3a3d42 !important;
}

.tema-oscuro .linea-articulo input,
.tema-oscuro tbody.linea-articulo input {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

/* Forma de pago: tab_container y tab_content */
.tema-oscuro .tab_container {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .tab_content {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro ul.tabs {
  border-color: #3a3d42 !important;
}

.tema-oscuro ul.tabs li {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro ul.tabs li a {
  color: #e4e6eb !important;
}

.tema-oscuro ul.tabs li.active,
.tema-oscuro ul.tabs li.active a:hover {
  background-color: #242628 !important;
  border-bottom-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

/* Tablas forma de pago: PagoEfectivo, PagoTarjetaCredito, PagoChequeRecibido, etc. */
.tema-oscuro table[id^="Pago"],
.tema-oscuro #PagoEfectivo,
.tema-oscuro #PagoTarjetaCredito,
.tema-oscuro #PagoChequeRecibido,
.tema-oscuro #PagoCuentaBancaria,
.tema-oscuro #efectivo,
.tema-oscuro #chequerecibido,
.tema-oscuro #tarjetadecredito,
.tema-oscuro #cuentabancaria,
.tema-oscuro #documentorecibido,
.tema-oscuro #documentoemitido,
.tema-oscuro #chequeemitido {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro table[id^="Pago"] th,
.tema-oscuro table[id^="Pago"] td,
.tema-oscuro #PagoEfectivo th,
.tema-oscuro #PagoEfectivo td,
.tema-oscuro #efectivo th,
.tema-oscuro #efectivo td,
.tema-oscuro #chequerecibido th,
.tema-oscuro #chequerecibido td,
.tema-oscuro #tarjetadecredito th,
.tema-oscuro #tarjetadecredito td,
.tema-oscuro #cuentabancaria th,
.tema-oscuro #cuentabancaria td,
.tema-oscuro #documentorecibido th,
.tema-oscuro #documentorecibido td,
.tema-oscuro #documentoemitido th,
.tema-oscuro #documentoemitido td {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro table[id^="Pago"] input,
.tema-oscuro table[id^="Pago"] select,
.tema-oscuro #PagoEfectivo input,
.tema-oscuro #efectivo input,
.tema-oscuro #chequerecibido input,
.tema-oscuro #tarjetadecredito input,
.tema-oscuro #cuentabancaria input,
.tema-oscuro #documentorecibido input,
.tema-oscuro #documentoemitido input {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

/* Tab-pane Bootstrap (modal forma de pago) */
.tema-oscuro .tab-pane {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

/* #pagos - listado de pagos agregados */
.tema-oscuro #pagos {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #pagos table {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro #pagos tbody {
  background-color: #242628 !important;
}

.tema-oscuro #pagos tbody tr {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #pagos tbody tr:hover {
  background-color: #3a3d42 !important;
}

.tema-oscuro #pagos tbody td {
  background-color: inherit !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #pagos input,
.tema-oscuro #pagos label {
  color: #e4e6eb !important;
}

.tema-oscuro #pagos input[readonly] {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
}

/* Autocompletar (jQuery Autocomplete - .ac_results) */
.tema-oscuro .ac_results {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
}

.tema-oscuro .ac_results ul {
  background-color: #242628 !important;
}

.tema-oscuro .ac_results li {
  background-color: #242628 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .ac_results .ac_odd {
  background-color: #2d3035 !important;
  color: #e4e6eb !important;
}

.tema-oscuro .ac_results .ac_over {
  background-color: #2d4a6a !important;
  color: #fff !important;
}

.tema-oscuro .ac_loading {
  background-color: #242628 !important;
  background-image: none !important;
}

/* Modal Forma de Pago - Total a pagar, Pendiente */
.tema-oscuro #ModalFormaPago input.total,
.tema-oscuro #ModalFormaPago input.pendiente_pago,
.tema-oscuro .modal-body input.total,
.tema-oscuro .modal-body input.pendiente_pago {
  background-color: #2d3035 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}

.tema-oscuro #ModalFormaPago .modal-body > div table td,
.tema-oscuro #ModalFormaPago .modal-body > div table {
  background-color: #242628 !important;
  border-color: #3a3d42 !important;
  color: #e4e6eb !important;
}