/* for tables*/
.selected{
  background-color: #009ddb !important;
  color: #ffffff !important;
}

div.dataTables_filter,
div.dataTables_length {
  display: inline-block;
}

div.dataTables_length {
  float: right;
}

/* 
  Evitar que el evento click se accione en los iconos de un boton 
  con esto nos aseguramos que el boton sea el target del evento
*/
button>i {
  pointer-events: none;
}

a>i {
  pointer-events: none;
}

.do-scroll{
  width: 100% !important;
  height: 100px !important; 
  display: -moz-grid !important;
  overflow-y: scroll !important;
}

.blockquote {
  border-left-color: #343a40;
}
  
.custom-btn {
  padding: 0.2rem 0.5rem; 
  font-size: 0.9rem; 
}

li>a[class="dropdown-item"]:hover {
  color:#fff!important;
  background-color:#2196F3!important
}

.dropdown-submenu > a.dropdown-toggle {
  min-width: 200px !important;
  white-space: nowrap !important;
  padding-right: 25px !important;
}


/*
* PARA EL NAVBAR
*/
/* Evita scroll horizontal */
body {
  overflow-x: hidden;
}

/* Asegura que los dropdowns no rompan layout */
.navbar .dropdown-menu {
  max-width: 90vw;
  word-wrap: break-word;
}

/* Corrige submenús que se salen a la derecha */
.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-left: .1rem;
  margin-right: .1rem;
}


/* Navbar oscuro elegante */
.main-header.navbar {
  background: #1e1e2f; /* gris oscuro azulado */
  padding: 0.4rem 1rem;
}

/* Logo */
.navbar-brand .brand-image {
  height: 42px;
  width: auto;
  margin-right: 8px;
}
.navbar-brand .brand-text {
  font-size: 1.2rem;
  font-weight: 600;
  color: #f8f9fa;
}

/* Links del menú */
.navbar-nav .nav-link {
  color: #e0e0e0 !important;
  transition: color 0.2s ease;
}
.navbar-nav .nav-link:hover {
  color: #0d6efd !important; /* azul de realce */
}

/* Dropdowns oscuros */
.navbar-dark .dropdown-menu {
  background-color: #2c2c3c;
  border-radius: 0.5rem;
  border: 1px solid #444;
}
.navbar-dark .dropdown-item {
  color: #f1f1f1;
}
.navbar-dark .dropdown-item:hover {
  background-color: #0d6efd;
  color: #fff;
}

body {
  background-color: #e9ecef; /* Gris Bootstrap */
}

.card {
  background-color: #fff;
  border-radius: 0.75rem;
}


/*SWITCH CUENTAS CORRIENTES*/

.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 22px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  background-color: #dc3545; 
  transition: .4s;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #28a745; 
}

input:checked + .slider:before {
  transform: translateX(24px);
}