/* Modo oscuro global */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode .navbar, body.dark-mode .dropdown-menu {
    background-color: #1f1f1f;
    border-color: #333;
}

body.dark-mode .navbar .nav-link, body.dark-mode .dropdown-item {
    color: #e0e0e0!important;
}
body.dark-mode .navbar .nav-link, body.dark-mode .dropdown-item {
    color: #e0e0e0!important;
}

body.dark-mode .navbar .nav-link:hover, body.dark-mode .dropdown-item:hover {
    background-color: #333;
}

body.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333;
}

body.dark-mode .card .card-header {
    background-color: #333;
    border-bottom-color: #444;
}

body.dark-mode .card .card-body {
    color: #e0e0e0;
}

body.dark-mode .btn {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .btn:hover {
    background-color: #444;
}

body.dark-mode .form-control {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .form-control::placeholder {
    color: #bbb;
}

body.dark-mode .form-select {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .table {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

body.dark-mode .table thead {
    background-color: #333;
}

body.dark-mode .table thead th {
    color: #e0e0e0;
}

body.dark-mode .table tbody tr {
    border-color: #444;
}
body.dark-mode .table tbody tr:hover {
    background-color: #666;
    color:#FFF;
}
body.dark-mode .alert {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .modal-content {
    background-color: #1e1e1e;
    border-color: #333;
    color: #e0e0e0;
}


body.dark-mode .modal-header, body.dark-mode .modal-footer {
    background-color: #333;
    border-color: #444;
}

body.darkmode nav.sidebar{
    background-color: #333 !important;
    border-color: #444;
    color: #e0e0e0;

}
body.darkmode ul.nav-item{
    background-color: #333!important;
    border-color: #444;
    color: #e0e0e0;

}
body.darkmode li.paginate_button{
    background-color: #333!important;
    border-color: #444;
    color: #82cef1;
}

.darkmode-bt{
}
.darkmode-bt img{
    width: 22px;
    cursor: pointer;
    border:1px solid #AAA;
    background:#666;
    padding:2px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #333;
}


.darkmode-bt img:hover {
    filter: invert(100%);
}

body.darkmode .bg-ligth{
    background-color: #333!important;
    border-color: #444;
    color: #e0e0e0;

}

body.darkmode .offcanvas{
    background-color: #333!important;
    border-color: #444;
    color: #e0e0e0;

}
body.darkmode .offcanvas-title{
    background-color: #333!important;
    border-color: #444;
    color: #e0e0e0;

}
body.darkmode .offcanvas-body{
    background-color: #333!important;
    border-color: #444;
    color: #e0e0e0;

}

body.darkmode .input-group-text{
    background-color: #464545!important;
    border-color: #444;
    color: #e0e0e0;
}
/*************************/
.offcanvas-dark {
    background-color: #343a40;
    color: #fff;
  }

  .offcanvas-dark .offcanvas-header {
    border-bottom: 1px solid #444;
  }

  .offcanvas-dark .offcanvas-title {
    color: #fff;
  }

  .offcanvas-dark .btn-close {
    filter: invert(1);
  }

  .offcanvas-dark .btn-close:focus {
    box-shadow: none;
  }