/*///////////////////////////////////////////////////*/
/*ESTILOS QUE CONVIERTE TODO EL SISTEMA A TEMA OSCURO*/
/*///////////////////////////////////////////////////*/

html.dark-mode {
    filter: invert(100%);
    -moz-filter: invert(100%);
    -webkit-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    -chrome-filter: invert(100%);
}

html.dark-mode .sidebar .nav-item .collapse {
    z-index: 999999999 !important;
}

html.dark-mode .sidebar .nav-item .collapse .collapse-inner {
    z-index: 999999999 !important;
}

html.dark-mode #accordionSidebar {
    filter: invert(100%);
    background-color: #27292C !important;
    z-index: 99 !important;
}

html.dark-mode #accordionSidebar li .collapse-inner {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

/*html.dark-mode .sidebar .nav-item .collapse {
    filter: invert(100%);
}*/

html.dark-mode #navbar-datos span {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #navbar-datos span i {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #navbar-datos ul li a i {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #navbar-datos form i {
    filter: hue-rotate(0);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #navbar-datos #datos-personales-compu i.fa-user-alt {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode img,
html.dark-mode .btn,
html.dark-mode #formulario input,
html.dark-mode #formulario select,
html.dark-mode #formulario span.input-group-text,
/*html.dark-mode .swal2-icon.swal2-warning,*/
/*html.dark-mode .swal2-icon.swal2-question,*/
/*html.dark-mode .swal2-icon.swal2-error,*/
/*html.dark-mode .swal2-icon.swal2-info,*/
/*html.dark-mode .swal2-icon.swal2-success,*/
html.dark-mode .dataTables_paginate,
html.dark-mode .dataTables_filter input,
html.dark-mode .dt-buttons,
html.dark-mode hr,
html.dark-mode .toggle .toggle-group,
html.dark-mode .titulos-tablas,
html.dark-mode textarea,
html.dark-mode i.icono-estado-servicios,
html.dark-mode .box i.icono-estado-servicios,
/*html.dark-mode .swal2-content i,*/
html.dark-mode .chart,
html.dark-mode .frontside .card .card-title, .backside .card .card-title,
html.dark-mode .icon-circle,
html.dark-mode .card-dashboard .dropdown-menu,
html.dark-mode .dropdown-header,
html.dark-mode .dropdown-item.active,
html.dark-mode .dropdown-item:active,
html.dark-mode .dropdown-item:hover {
    filter: invert(100%);
}

html.dark-mode #accordionSidebar a img,
html.dark-mode .imagen-editar-socio a img,
html.dark-mode #formulario label,
html.dark-mode #formulario button#enviar,
html.dark-mode #dpassword a.btn,
html.dark-mode h3 a.btn,
html.dark-mode .sidebar-dark hr.sidebar-divider,
html.dark-mode a img.emoji_comentario,
html.dark-mode #enviar_comentario,
html.dark-mode .datos_personales_celular a.btn,
html.dark-mode #t-notification-list .icon-circle,
html.dark-mode .topbar .dropdown-list .dropdown-item:hover,
html.dark-mode #estado_factura_ref span i {
    filter: hue-rotate(0);
}

html.dark-mode .table-bordered td, .table-bordered th {
    border: 1px solid #808080;
}

html.dark-mode table {
    border: 1px solid #808080;
}

html.dark-mode .btn i {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .card {
    filter: invert(100%);
    background-color: #27292C;
    border: 1px solid #27292C;
    color: rgba(255,255,255,.8) !important;
    z-index: 0 !important;
}

html.dark-mode .card .box-title {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .col_socio_dashboard .text-xs {
    background-color: #27292C !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #dashboarPrincipal td.fila-numero-cuenta {
    color: #3A3B45 !important;
}

html.dark-mode #tabla_secundaria td.fila-numero-cuenta {
    color: #3A3B45 !important;
}

html.dark-mode td {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #numeros .text-sm {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #numeros .text-md {
    color: rgba(255,255,255,.6) !important;
}

html.dark-mode #numeros .card {
    filter: invert(100%);
    background-color: #27292C !important;
    border: 3px solid #565656 !important;
}

html.dark-mode #correos .text-sm {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #correos .text-md {
    color: rgba(255,255,255,.6) !important;
}

html.dark-mode #correos .card {
    filter: invert(100%);
    background-color: #27292C !important;
    border: 3px solid #565656 !important;
}

html.dark-mode #otros .text-md {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #otros .card {
    filter: invert(100%);
    background-color: #27292C !important;
    border: 3px solid #565656 !important;
}

html.dark-mode .box-part {
    background-color: #838383 !important;
    border: 1px solid #838383;
}

html.dark-mode .box-part:hover {
    background-color: #666666 !important;
    border: 1px solid #666666;
}

html.dark-mode .box-part i {
    color: #27292C !important;
}

html.dark-mode .box-part div.title h5 {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #manual a i {
    filter: invert(100%);
    color: #27292C !important;
}

html.dark-mode #manual a div.title h5 {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #turnos_online {
    filter: invert(100%);
    /*background-color: white !important;*/
}

html.dark-mode #tunos-iframe {
    filter: invert(90%);
}

html.dark-mode .color-card-service {
    background-color: #838383 !important;
}

html.dark-mode .box {
    background-color: #838383 !important;
}

html.dark-mode .box i.hvr-icon {
    filter: invert(100%);
    color: black !important;
}

html.dark-mode .color-card-service h5.card-title {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .color-card-service p.card-text {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .box h5, .box h6 {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

/*html.dark-mode .chart svg g rect {
    filter: invert(100%) !important;
    color: black !important;
}*/

html.dark-mode .swal2-title {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .datos_socio_calu {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .modal-backdrop,
html.dark-mode .modal-backdrop.show,
html.dark-mode .modal-open .modal,
html.dark-mode .modal.show .modal-dialog,
html.dark-mode .modal-content {
    filter: invert(100%);
}

html.dark-mode #otro_socio #tabs .tab-content {
    background-color: black !important;
}

html.dark-mode #otro_socio #tabs .nav-tabs .active {
    filter: hue-rotate(0);
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #otro_socio #tabs .nav-tabs {
    filter: hue-rotate(0);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #tabla_socio_add .btn {
    filter: hue-rotate(0);
}

html.dark-mode .custom-select,
html.dark-mode .custom-select option{
    filter: invert(100%);
}

html.dark-mode .modal-body input {
    filter: invert(100%);
}

html.dark-mode .modal-body label {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #enviar_socio_add {
    filter: hue-rotate(0);
}

html.dark-mode .modal-header{
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .modal-body{
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .modal-title{
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode button.close{
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .modal-body i{
    filter: hue-rotate(0);
}

html.dark-mode .modal-body .nav-tabs a.nav-link.active{
    filter: hue-rotate(0);
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .modal-body .nav-tabs .nav-link{
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .modal-body .tab-pane.active{
    border: 1px solid black !important;
}

html.dark-mode .box-body .color-card-service i#icon-telefono {
    filter: hue-rotate(0);
}

html.dark-mode .box-body .color-card-service i#icon-internet {
    filter: hue-rotate(0);
}

html.dark-mode .box-body .color-card-service i#icon-coopcloud {
    filter: hue-rotate(0);
}

html.dark-mode .notebook .pantalla-pc span.maquina-prendida {
    filter: invert(100%);
    border: 1px solid grey;
}

html.dark-mode #tabs {
    background-color: black !important;
}

html.dark-mode #en #tabs {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode #en #tabs i.icono-estado-servicios {
    filter: hue-rotate(0);
}

html.dark-mode #ss #tabs {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode #ss #tabs i.icono-estado-servicios {
    filter: hue-rotate(0);
}

html.dark-mode #agua #tabs {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode #agua #tabs i.icono-estado-servicios {
    filter: hue-rotate(0);
}

html.dark-mode #internet #tabs {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode #internet #tabs i.icono-estado-servicios {
    filter: hue-rotate(0);
}

html.dark-mode #tv #tabs {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode #tv #tabs i.icono-estado-servicios {
    filter: hue-rotate(0);
}

html.dark-mode #tel #tabs {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode #tel #tabs i.icono-estado-servicios {
    filter: hue-rotate(0);
}

html.dark-mode #tabs .nav-tabs .active {
    filter: hue-rotate(0);
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .borde h6 {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #dashboarPrincipal .btn {
    filter: hue-rotate(0);
}

html.dark-mode #tabla_secundaria .btn {
    filter: hue-rotate(0);
}

html.dark-mode #t-tramites-listado button.btn {
    filter: hue-rotate(0);
}

html.dark-mode #t_listado a.btn {
    filter: hue-rotate(0);
}

html.dark-mode #tabla_facturas a.btn {
    filter: hue-rotate(0);
}

html.dark-mode #div_ag .icon-circle {
    filter: hue-rotate(0);
}

html.dark-mode #div_en .icon-circle {
    filter: hue-rotate(0);
}

html.dark-mode #div_en img {
    filter: hue-rotate(0);
}

html.dark-mode #div_ag img {
    filter: hue-rotate(0);
}

html.dark-mode #boton-acomodaAg button.btn {
    filter: hue-rotate(0);
}

html.dark-mode #boton-acomodaEn button.btn {
    filter: hue-rotate(0);
}

html.dark-mode a#existe_notificacion_confirmada h6:hover {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #existe_notificacion_confirmada h6:hover {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #socio_agregado .modal-content {
    filter: invert(100%);
    background-color: black !important;
}

/*html.dark-mode #socio_agregado .modal-content div.swal2-success-ring,
html.dark-mode #socio_agregado .modal-content span.swal2-success-line-long,
html.dark-mode #socio_agregado .modal-content span.swal2-success-line-tip {
    filter: invert(100%);
}*/

html.dark-mode #socio_agregado .modal-content a.btn {
    filter: hue-rotate(0);
}

html.dark-mode #socio_agregado .modal-content #modal-title,
html.dark-mode #socio_agregado .modal-content #modal-bod {
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode img.imagen-energia-servicio {
    filter: hue-rotate(0);
}

html.dark-mode img.imagen-agua-servicio {
    filter: hue-rotate(0);
}

html.dark-mode #printThis .modal-content {
    filter: hue-rotate(0);
}

html.dark-mode #foto-perfil img {
    filter: hue-rotate(0);
}

html.dark-mode #printThis .modal-header {
    background-color: white !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #printThis .modal-body {
    background-color: white !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #printThis button.close {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #printThis img {
    filter: invert(100%);
}

html.dark-mode #printThis .texto-chico-ticket {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #loader .contener_mixte .ball_1 {
    filter: invert(100%);
}
html.dark-mode #loader .contener_mixte .ball_2 {
    filter: invert(100%);
}
html.dark-mode #loader .contener_mixte .ball_3 {
    filter: invert(100%);
}
html.dark-mode #loader .contener_mixte .ball_4 {
    filter: invert(100%);
}

html.dark-mode #prevenir h3 {
    filter: hue-rotate(0);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #prevenir img {
    filter: hue-rotate(0);
}

html.dark-mode #sintomas h3 {
    filter: hue-rotate(0);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #sintomas img {
    filter: hue-rotate(0);
}

html.dark-mode #numeros-tel img {
    filter: hue-rotate(0);
}

html.dark-mode #horarios-atencion img {
    filter: hue-rotate(0);
}

html.dark-mode #lugares-pago img {
    filter: hue-rotate(0);
}

html.dark-mode #acciones_ref a.btn {
    filter: hue-rotate(0);
}

html.dark-mode .tab-servicio-television .tab-content {
    filter: invert(100%);
    background-color: black !important;
}

html.dark-mode .tab-servicio-television .nav-tabs .active {
    filter: invert(100%);
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .tab-servicio-television .nav-tabs {
    filter: invert(100%);
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .box-body .color-card-service i#icon-television {
    filter: invert(100%);
}

html.dark-mode #ver_socios button.btn {
    filter: hue-rotate(0);
}

html.dark-mode #ver_socios .dropdown-menu {
    filter: invert(100%);
    background-color: black !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .serv-section-2-icon i {
    filter: invert(100%);
}

html.dark-mode .section-heading-line-left {
    filter: invert(100%);
}

html.dark-mode .serv-section-2:hover:before {
    filter: invert(100%);
}

html.dark-mode .tr td img {
    filter: hue-rotate(0);
}

html.dark-mode .modal-body img {
    filter: hue-rotate(0);
}

html.dark-mode .referencia_nivel_cisterna_texto {
    color: rgba(255,255,255,.8) !important;
    filter: hue-rotate(0);
}

html.dark-mode .tr_pc td img,
html.dark-mode .tr_celular td img {
    filter: hue-rotate(0);
}

html.dark-mode .card-simulador {
    filter: hue-rotate(0);
    background-color: #565151 !important;
    border: 1px solid #565151;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode #modal_iluminacion select,
html.dark-mode #modal_iluminacion .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_iluminacion .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_refrigeracion select,
html.dark-mode #modal_refrigeracion .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_refrigeracion .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_linea_blanca select,
html.dark-mode #modal_linea_blanca .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_linea_blanca .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_cocina select,
html.dark-mode #modal_cocina .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_cocina .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_climatizacion select,
html.dark-mode #modal_climatizacion .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_climatizacion .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_electronica select,
html.dark-mode #modal_electronica .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_electronica .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_cuidado select,
html.dark-mode #modal_cuidado .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_cuidado .btn {
    filter: hue-rotate(0);
}

html.dark-mode #modal_agua select,
html.dark-mode #modal_agua .input-group-text {
    filter: invert(100%);
}

html.dark-mode #modal_agua .btn {
    filter: hue-rotate(0);
}

html.dark-mode #barra_consumo .btn {
    filter: hue-rotate(0);
}

html.dark-mode #formulario_donaciones input,
html.dark-mode #formulario_donaciones .input-group-text {
    filter: invert(100%);
}

html.dark-mode #formulario_donaciones .btn {
    filter: hue-rotate(0);
}

html.dark-mode .sidebar-dark .nav-item .nav-link{
    filter: invert(100%);
}
html.dark-mode .sidebar-dark .nav-item .nav-link i{
    filter: invert(100%);
}
html.dark-mode .sidebar-dark .nav-item .nav-link:active,.sidebar-dark .nav-item .nav-link:focus,.sidebar-dark .nav-item .nav-link:hover{
    filter: hue-rotate(0);
}
html.dark-mode .sidebar-dark .nav-item .nav-link:active i,.sidebar-dark .nav-item .nav-link:focus i,.sidebar-dark .nav-item .nav-link:hover i{
    filter: hue-rotate(0);
}
html.dark-mode .sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after{
    filter: invert(100%);
}
html.dark-mode .sidebar-dark .nav-item.active .nav-link{
    filter: invert(100%);
}
html.dark-mode .sidebar-dark .nav-item.active .nav-link i{
    filter: invert(100%);
}

html.dark-mode .imagen-editar-socio img#imagen_file {
    filter: hue-rotate(0);
}

html.dark-mode #fb-root iframe {
    filter: invert(100%);
}

html.dark-mode .pagar_facturas{
    filter: invert(100%) !important;
    position: fixed!important;
    right: 1rem!important;
    bottom: 4.0rem!important;
    font-size: 18px!important;
    z-index: 99!important;
}

html.dark-mode .pagar_facturas_celular{
    filter: invert(100%) !important;
    position: fixed;
    display: none;
    right: 1rem;
    bottom: 4.5rem;
    font-size: 18px;
    z-index: 99;
}

html.dark-mode .modooscuroinput{
    filter: invert(100%);
}

html.dark-mode .colormodooscuro{
    background-color: #2c2d2c !important;
    color: rgba(255,255,255,.8) !important;
}

html.dark-mode .color_botones{
    filter: invert(100%) !important;
}
html.dark-mode .btn-instagram-pulse-border {
    filter: invert(100%) !important;
}

html.dark-mode .btn_redes {
    filter: invert(100%) !important;
    animation: crescendo_dark 1s alternate infinite ease-in;
} 


html.dark-mode .title_prepaga {
    filter: invert(100%) !important;
}

html.dark-mode .img_carrusel_coopate {
    background: #26282b !important;
}

html.dark-mode .text-gradient {
    background-image: linear-gradient(to left, #0138f7, transparent, transparent, #0138f7, transparent) !important;
 }