/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

 

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #buttonL{
    display: block;
  }
  #buttonR{
    display: none;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

.bg-blue-grey{
  background: #cfd8dc;
}
.bg-blue-grey:hover{
  background: #b0bec5;
  text-decoration: underline;
}
.bg-light:hover{ 
  text-decoration: underline;
}

@media (max-width: 576px) {
   #buttonL{
    display: none;
  }
  #buttonR{
    display: block;
  }
}

.mostrar{
  border: 1px black solid;
}
.scroller-accesos {
  padding-top: 0;
  margin-top: 0;
  height: 330px;
  width: 100%;  
  overflow-y: scroll;
}

.scroller-pagos {
  padding-top: 0;
  margin-top: 0;
  height: 550px;
  width: 100%;  
  overflow-y: scroll;
}

 .subrallar-tabla:hover{
    text-decoration: underline;
    cursor: pointer;
 }

.scroller-monitor {
  padding-top: 0;
  margin-top: 0;
  height: 300px;
  width: 100%; 
  border: 1px  solid grey;
  overflow-y: scroll;
}

.menudisplay{
  display: none;
}

.scroller-monitor-clientes {
  padding-top: 0;
  margin-top: 0;
  height: 700px;
  width: 100%; 
  border: 1px  solid grey;
  overflow-y: scroll;
}

.texto-derecha{
  text-align: right;;
}

.color-financiera{
  background: #F5EEF8 ;
}

.cteDisponible{
  background: #E8DAEF;
  border: 1px black solid;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px; /* or 90% or whatever */
  }
}

 
.scroller-mini{
  padding-top: 0;
  margin-top: 0;
  height: 250px;
  width: 100%;  
  overflow-y: scroll;
}
 
/*Tema para financiera*/
.bg-theme{
  /*Vale Mas*/
  background: #0f9358;
  color:white
  
  /*Vales Mas*/
  /*background: #007bff;
  color:white*/

  /*Sonrie se Vale*/
  /*background: #ca5e6f;
  color:white*/
}

.sm-bg-theme{
  background: #e5cb80;
  color:black;
}
.bg-theme-cerrarsesion{
  background: #022142;
}
.sm-secundary-bg-theme{
  background: #f0dda8;
  color:black;
}
.bg-theme:active{
  color:  black;
}

.bg-theme:hover{
  color: black;
}
.bg-themes{
  /*Vale Mas*/
  background: #e5cb80;
  color:black;
  
  /*Vales Mas*/
  /*background: #007bff;
  color:white; */

  /*Sonrie se Vale*/
  /*background: #eac86b;
  color:black;*/
}

.bg-theme-submenu{
  background:#2ee995;
}


.subrallar-tabla:hover{
  text-decoration: underline;
  cursor: pointer;
}


.bd-links {
  max-height: calc(120vh);
  overflow-y: auto;
  width:15rem;
}

 
.s-menu { 
  padding-top: 0;
  margin-top: 0;
  height: 350px;
  width: 100%;  
  overflow-y: scroll;
}

.m-activo{
  background-color: white;
  color: black;
  text-decoration: underline;
}

.ss-menu{
  padding-top: 0;
  margin-top: 0;
  height: 150px;
  width: 100%;  
  overflow-y: scroll;
  background:#43af7e;
}

/* CLASES PARA PONER EL thead FIJO EN UNA TABLA */
.tableFixHead          { overflow-y: auto; height: 450px; }
.tableFixHead thead th { 
  position: sticky;
  top: 0; 
  background: #eee;
  z-index: 1020; /* Asegura que el encabezado esté por encima de los botones */
}

.tableFixHead tbody td {
    position: relative; /* Para que los botones no hereden un z-index más alto */
    z-index: 1;
}

.tableFixHead .acciones {
    z-index: 1000; /* Asegura que los botones no pasen sobre el encabezado */
}

.tableFixHead tbody td .btn-group {
    z-index: 1000;
    position: relative;
}

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }
/* /CLASES PARA PONER EL thead FIJO EN UNA TABLA */

/* CLASES PARA NAV TAP DEL ESTADO DE CUENTA */
.menu-pading{
   padding: 6.5px 5px 6.5px 15px;
} 

.nav-tabs {
    border-bottom:none;
}

.nav-tabs .nav-link.active {
    background-color:#dff0d8;
    border-bottom:#dff0d8;
    font-weight: bold;
}

.tab-pane.active .tab-pane-header {
    padding:2rem;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border: 1px solid #000;
    border-color: #dff0d8;
    min-height: 250px;
    height: auto;
}

.tab-pane:first-child .tab-pane-header {
    /*border-top-left-radius: 0;*/
}

.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
/* /CLASES PARA NAV TAP DEL ESTADO DE CUENTA */

/* BACKGROUND TABLE HEADER */
table thead th.th-background-sp-1-04 { /* VERDE */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(75, 192, 192, 0.4), rgba(75, 192, 192, 0.4)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-1-07 { /* VERDE UN POCO FUERTE */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(75, 192, 192, 0.7), rgba(75, 192, 192, 0.7)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-2-04 { /* ROJO */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(255, 99, 132, 0.4), rgba(255, 99, 132, 0.4)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-2-07 { /* ROJO UN POCO FUERTE  */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(255, 99, 132, 0.7), rgba(255, 99, 132, 0.7)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-3-04 { /* AMARILLO */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(255, 206, 86, 0.4), rgba(255, 206, 86, 0.4)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-3-07 { /* AMARILLO UN POCO FUERTE  */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(255, 206, 86, 0.7), rgba(255, 206, 86, 0.7)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-4-04 { /* AZUL */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(54, 162, 235, 0.4), rgba(54, 162, 235, 0.4)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-4-07 { /* AZUL UN POCO FUERTE */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(54, 162, 235, 0.7), rgba(54, 162, 235, 0.7)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-5-04 { /* NARANJA */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(255, 153, 102, 0.4), rgba(255, 153, 102, 0.4)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}

table thead th.th-background-sp-5-07 { /* NARANJA UN POCO FUERTE */
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(rgba(255, 153, 102, 0.7), rgba(255, 153, 102, 0.7)), white;
    border: 1px solid #ccc;
    text-align: center; /* Centrado vertical y horizontal */
    vertical-align: middle !important;
}
/* /BACKGROUND TABLE HEADER */