/* body {
    overflow: scroll;
} */

.filainterna {
    border: none !important;
    width: calc(100% / 4 - 10px);

}

.noborde {
    border: none;
}

.minitext {
    font-size: 10px;
}

.contenedor-tabla table {
    width: 100%;
    /* border-collapse: separate; */
    font-size: 10px;
    /* border-radius: 10px; */
}
/* thead tr:last-child th {
    border: 1px solid black !important;
} */
.contenedor-tabla .contenedor_capitulo{
    font-weight: bold;
    cursor: pointer;
    background-color: #e8f0fa;
    padding: 4px 8px 0 0;
    /* border-radius: 4px; */

}
/* .subcapitulo{

} */
.activo{
    background-color: rgb(255 187 0 / 42%);
    font-weight: bold;
}
.test{
    width: 100%;
}
.cabecera-control-financiero .cabecera{
    color:#1b3b5f;
    background-color: #d4e6fd;
    /* border: 3px solid black; */
}
/* .contenedor-tabla td{

} */

/* th,
td {
    text-align: center;
    width: auto;
} */

/* th {
    background-color: #f2f2f2;
} */

.titulo {
    /* box-shadow: 10px 110px 5px rgb(77 11 11 / 23%); */
    box-shadow: 2px 3px 11px rgb(77 11 11 / 23%);
    /* border-radius: 7px; */
    background: #f9f9f9;
    color: black;
    font-size: 12px;
    text-align: center;
    height: 10px;

}

.rowblanca {
    height: 20px;
    text-align: left;
    padding: 1;
    /* border-radius: 9px 0 0 9px; */
}

.total {
    font-weight: bold;
    background-color: #f2f2f2;
    /* text-align: center; */

}

.totalcolor {
    color: green;
}

.totalbg {
    background-color: #d1e9d7;
    font-weight: bold;  
}

.filas {
    height: 20px !important;
    padding: 0 !important;
    /* border-radius: 9px; */

}

.contenedor-tabla {
    height: 100%;
    overflow: auto;
    /* border-radius: 10px; */
}

thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f2f2f2;
    /* border-bottom: 1px solid red; */
}

.separador {
    border: none;
    background: white;
}

.separador-vertical {
    border: 1px solid black;
    background: #f2f2f2;
    width: 5px;
}

.separador-totales {
    height: 1px;
}

.text-iva {
    text-align: right;
}

.celda-iva {
    border: solid 3px black;
    color: red;
}

.totales {
    border: solid 3px black;

}
.col-cfc{
    text-align: center;
    border: 2px solid #cccccc;
    width: 60px;

}
tr .col-cfc .cabecera{
    text-align: center;
    border: 2px solid #cccccc;
    width: 60px;

}
.subcapitulo .col-cfc{
    text-align: left;
    width: 60px;
    margin-left: 10px;

}

.col-nombre{
    text-align: left;
    border: 2px solid #cccccc;

}
.col-sigla{
    border: 2px solid #cccccc;

    text-align: center;
    width: 5%;

}
.col-contrato{
    text-align: center;
    border: 2px solid #cccccc;


    /* padding-right: 10px; */
    width: 5%;
}
.col-precios{
    border: 2px solid #cccccc;

    text-align: center;
    /* padding-right: 10px; */
    width: 5%;
}
.col-anexo{
    border: 2px solid #cccccc;

    text-align: center;
    /* padding-right: 10px; */
    width: 5%;
}
.linea-vertical{
    border-right:1px dotted;
    /* padding-right: 10px; */
    text-align: right;
}
.col-facturas{
    border: 2px solid #cccccc;
    width: 15%;
}
.col-cotizacion{
    text-align: center;
    border: 2px solid #cccccc;
    width: 5%;

}
/* .col-factura{
    text-align: center;
    width: 15%;
} */

.f-concepto:nth-child(even) {
  background-color: rgb(0 0 0 / 3%);
}
.f-concepto:nth-child(odd) {
  background-color: #ffffff;
  /* padding-left: 10px; */

}
.f-concepto:hover {
    background-color:#2958892b !important;
}
#tablainterna tbody,
#cabecera-facturas tbody {
    border: none !important;
}
#tablainterna {
    border-collapse: separate;
}

.celda-factura-financiero{
    border: 2px solid #cccccc;
    white-space: nowrap;
    width: 36%;
}
.celda-porcentaje-financiero{
    width: 14%;
    border: 2px solid #cccccc;
}
.celda-falta-financiero{
    text-align: center;
    border: 2px solid #cccccc;

}
.celda-moneda-financiero{
    width: 35%;
    border: 2px solid #cccccc;

}
.cabecera-control-financiero{
    position: sticky;
    top: 0;
    z-index: 2;
}

/* control financiero conceptos */

.area-ayuda {
    position: relative; 
    display: inline-block; 
    overflow: visible; 
}

/* 1. Hacemos que la celda sea el punto de referencia */
.col-precios.activo {
    position: relative; 
    overflow: hidden; /* Esto es clave para asegurar que el triángulo solo se vea dentro de la celda */
}

/* 2. Estilo para el pico rojo triangular en la esquina superior derecha */
.col-precios.activo::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    
    /* Creamos el triángulo usando bordes: */

    width: 0; 
    height: 0;
    
    /* El borde superior e izquierdo crean la forma triangular en la esquina: */
    border-top: 10px solid tomato;
    border-left: 10px solid transparent;
    border-right: 0;
    border-bottom: 0;
}

.col-precios.activo sl-tooltip sl-icon {
    position: relative;
    z-index: 2; /
}
.area-ayuda sl-tooltip {
    /* Hacemos que el tooltip se posicione en relación al .area-ayuda */
    position: absolute;
    top: 0;
    right: 0;
}
.area-ayuda sl-tooltip sl-icon {
    /* La celda de la tabla ya tiene el precio, posicionamos el icono al final */
    position: absolute; 
    top: 0;
    right: 0;
    
    padding: 10px; /* Aumenta el área de hover alrededor del icono */
    margin: -10px; /* Compensa el padding para no mover el contenido */
    
    z-index: 5; /* Asegura que el icono esté sobre el pico rojo y el texto si fuera necesario */
    color: transparent; /* Ocultamos el icono para que solo se vea el pico rojo si lo deseas */
}
.col-precios.activo.sintriangulo::after {
    border-top-color: transparent !important;
}
#cabecera-facturas{
    border: 1px solid;
}
.ver_detalles{
    
}