/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search {
    /* Controla la posición del elemento mediante position. */
    position:relative;
    /* Configura la distribución flexible mediante flex. */
    flex:1 1 180px;
    /* Configura esta propiedad visual mediante min-width. */
    min-width:0;
    /* Configura esta propiedad visual mediante max-width. */
    max-width:380px
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search[hidden],.list-search-clear[hidden] {
    /* Define cómo se distribuye el contenido mediante display. */
    display:none!important
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search>input {
    /* Ajusta el ancho mediante width. */
    width:100%;
    /* Configura esta propiedad visual mediante max-width. */
    max-width:none;
    /* Configura esta propiedad visual mediante box-sizing. */
    box-sizing:border-box;
    /* Define el espacio interior mediante padding-inline-end. */
    padding-inline-end:2.65rem!important
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search>.list-search-clear {
    /* Controla la posición del elemento mediante position. */
    position:absolute;
    /* Configura esta propiedad visual mediante top. */
    top:50%;
    /* Configura esta propiedad visual mediante right. */
    right:.35rem;
    /* Transforma la geometría visual mediante transform. */
    transform:translateY(-50%);
    /* Ajusta el ancho mediante width. */
    width:1.9rem;
    /* Ajusta la altura mediante height. */
    height:1.9rem;
    /* Configura esta propiedad visual mediante min-width. */
    min-width:0;
    /* Define el espacio interior mediante padding. */
    padding:0;
    /* Define cómo se distribuye el contenido mediante display. */
    display:grid;
    /* Configura esta propiedad visual mediante place-items. */
    place-items:center;
    /* Dibuja el borde del elemento mediante border-radius. */
    border-radius:50%;
    /* Configura la tipografía mediante font-size. */
    font-size:1.25rem;
    /* Configura esta propiedad visual mediante line-height. */
    line-height:1;
    /* Fija el color del texto mediante color. */
    color:inherit;
    /* Pinta el fondo del elemento mediante background. */
    background:transparent;
    /* Aplica una sombra al elemento mediante box-shadow. */
    box-shadow:none
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search>.list-search-clear:hover {
    /* Pinta el fondo del elemento mediante background. */
    background:var(--line)
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.dep-retirement-badge {
    /* Define cómo se distribuye el contenido mediante display. */
    display:table!important;
    /* Define el espacio exterior mediante margin-top. */
    margin-top:.4rem
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] :is(main>.tablebox,.dep-table) :is(th,td)[data-pin] {
    /* Controla la posición del elemento mediante position. */
    position:sticky;
    /* Ajusta la superposición mediante z-index. */
    z-index:2;
    /* Pinta el fondo del elemento mediante background. */
    background:var(--surface);
    /* Aplica una sombra al elemento mediante box-shadow. */
    box-shadow:0 0 0 1px var(--line)
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] :is(main>.tablebox,.dep-table) [data-pin=left] {
    /* Configura esta propiedad visual mediante left. */
    left:var(--pin-left);
    /* Configura esta propiedad visual mediante right. */
    right:auto
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] :is(main>.tablebox,.dep-table) [data-pin=right] {
    /* Configura esta propiedad visual mediante right. */
    right:0;
    /* Configura esta propiedad visual mediante left. */
    left:auto
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] :is(main>.tablebox,.dep-table) th[data-pin] {
    /* Configura esta propiedad visual mediante top. */
    top:0;
    /* Ajusta la superposición mediante z-index. */
    z-index:4
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] main>.tablebox :is(th,td):last-child:not([data-pin]) {
    /* Controla la posición del elemento mediante position. */
    position:revert;
    /* Configura esta propiedad visual mediante right. */
    right:auto;
    /* Aplica una sombra al elemento mediante box-shadow. */
    box-shadow:none
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] main>.tablebox thead th:last-child:not([data-pin]) {
    /* Controla la posición del elemento mediante position. */
    position:sticky;
    /* Configura esta propiedad visual mediante top. */
    top:0
}
/* Aplica esta regla cuando el selector o la condición coincide. */
@media(max-width:680px) {
    /* Aplica esta regla cuando el selector o la condición coincide. */
    :is(main>.tablebox,.dep-table) [data-pin=left] {
        /* Configura esta propiedad visual mediante max-width. */
        max-width:24vw;
        /* Configura esta propiedad visual mediante min-width. */
        min-width:0!important;
        /* Configura esta propiedad visual mediante white-space. */
        white-space:normal;
        /* Controla el contenido que rebasa el contenedor mediante overflow-wrap. */
        overflow-wrap:anywhere
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    :is(main>.tablebox,.dep-table) [data-pin=right] {
        /* Configura esta propiedad visual mediante max-width. */
        max-width:25vw;
        /* Configura esta propiedad visual mediante min-width. */
        min-width:0!important;
        /* Configura esta propiedad visual mediante white-space. */
        white-space:normal
    }
}
/* Aplica esta regla cuando el selector o la condición coincide. */
#filtersForm .grid {
    /* Separa elementos vecinos mediante gap. */
    gap:.85rem 1rem;
    /* Define el espacio exterior mediante margin-block. */
    margin-block:1rem
}
/* Aplica esta regla cuando el selector o la condición coincide. */
#filtersForm label {
    /* Configura esta propiedad visual mediante min-width. */
    min-width:0
}
/* Aplica esta regla cuando el selector o la condición coincide. */
#filtersForm :is(input,select) {
    /* Ajusta el ancho mediante width. */
    width:100%;
    /* Configura esta propiedad visual mediante min-width. */
    min-width:0;
    /* Configura esta propiedad visual mediante box-sizing. */
    box-sizing:border-box
}
/* Aplica esta regla cuando el selector o la condición coincide. */
#filtersForm footer {
    /* Configura la distribución flexible mediante flex-wrap. */
    flex-wrap:wrap;
    /* Separa elementos vecinos mediante gap. */
    gap:.65rem
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.toolbar .list-search,.dep-search-tools .list-search {
    /* Configura la distribución flexible mediante flex. */
    flex:1 1 clamp(250px,38vw,520px);
    /* Configura esta propiedad visual mediante max-width. */
    max-width:640px
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search>.list-search-icon {
    /* Controla la posición del elemento mediante position. */
    position:absolute;
    /* Configura esta propiedad visual mediante left. */
    left:.9rem;
    /* Configura esta propiedad visual mediante top. */
    top:50%;
    /* Transforma la geometría visual mediante transform. */
    transform:translateY(-50%);
    /* Ajusta el ancho mediante width. */
    width:1.2rem;
    /* Ajusta la altura mediante height. */
    height:1.2rem;
    /* Configura esta propiedad visual mediante pointer-events. */
    pointer-events:none;
    /* Fija el color del texto mediante color. */
    color:var(--muted,currentColor)
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search>input {
    /* Configura esta propiedad visual mediante min-height. */
    min-height:44px;
    /* Define el espacio interior mediante padding-inline-start. */
    padding-inline-start:2.65rem!important
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-search+#filterButton,.list-search+[data-dep-filters] {
    /* Configura la distribución flexible mediante flex. */
    flex:0 0 auto;
    /* Configura esta propiedad visual mediante min-width. */
    min-width:44px;
    /* Configura esta propiedad visual mediante min-height. */
    min-height:44px
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.paged-table.tablebox {
    /* Configura esta propiedad visual mediante max-height. */
    max-height:none!important;
    /* Controla el contenido que rebasa el contenedor mediante overflow-x. */
    overflow-x:auto
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.paged-table tr[data-page-hidden] {
    /* Define cómo se distribuye el contenido mediante display. */
    display:none!important
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-pagination {
    /* Define cómo se distribuye el contenido mediante display. */
    display:flex;
    /* Alinea los elementos mediante align-items. */
    align-items:center;
    /* Distribuye los elementos mediante justify-content. */
    justify-content:flex-end;
    /* Configura la distribución flexible mediante flex-wrap. */
    flex-wrap:wrap;
    /* Separa elementos vecinos mediante gap. */
    gap:.65rem;
    /* Define el espacio exterior mediante margin. */
    margin:.7rem 0 1rem;
    /* Configura la tipografía mediante font-size. */
    font-size:.875rem
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-pagination[hidden],.tablebox[hidden]+.list-pagination {
    /* Define cómo se distribuye el contenido mediante display. */
    display:none!important
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.list-pagination button {
    /* Configura esta propiedad visual mediante min-height. */
    min-height:36px
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .paged-table :is(th,td)[data-pin] {
    /* Controla la posición del elemento mediante position. */
    position:sticky;
    /* Ajusta la superposición mediante z-index. */
    z-index:2;
    /* Pinta el fondo del elemento mediante background. */
    background:var(--surface);
    /* Aplica una sombra al elemento mediante box-shadow. */
    box-shadow:0 0 0 1px var(--line)
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .paged-table [data-pin=left] {
    /* Configura esta propiedad visual mediante left. */
    left:var(--pin-left);
    /* Configura esta propiedad visual mediante right. */
    right:auto
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .paged-table [data-pin=right] {
    /* Configura esta propiedad visual mediante right. */
    right:0;
    /* Configura esta propiedad visual mediante left. */
    left:auto
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .paged-table th[data-pin] {
    /* Configura esta propiedad visual mediante top. */
    top:0;
    /* Ajusta la superposición mediante z-index. */
    z-index:4
}
/* Aplica esta regla cuando el selector o la condición coincide. */
@media(max-width:680px) {
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .toolbar .list-search,.dep-search-tools .list-search {
        /* Configura la distribución flexible mediante flex. */
        flex:1 1 220px;
        /* Configura esta propiedad visual mediante max-width. */
        max-width:100%
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .paged-table [data-pin=left] {
        /* Configura esta propiedad visual mediante max-width. */
        max-width:24vw;
        /* Configura esta propiedad visual mediante min-width. */
        min-width:0!important;
        /* Configura esta propiedad visual mediante white-space. */
        white-space:normal;
        /* Controla el contenido que rebasa el contenedor mediante overflow-wrap. */
        overflow-wrap:anywhere
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .paged-table [data-pin=right] {
        /* Configura esta propiedad visual mediante max-width. */
        max-width:25vw;
        /* Configura esta propiedad visual mediante min-width. */
        min-width:0!important;
        /* Configura esta propiedad visual mediante white-space. */
        white-space:normal
    }
}
/* One opaque header color across fixed and scrollable columns. */
/* Aplica esta regla cuando el selector o la condición coincide. */
.tablebox  {
    /* Define una variable que otras reglas pueden reutilizar mediante --list-header-bg. */
    --list-header-bg: #e9f1f3;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme="dark"] .tablebox  {
    /* Define una variable que otras reglas pueden reutilizar mediante --list-header-bg. */
    --list-header-bg: var(--soft, #263844);
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .tablebox.paged-table thead th,
html[data-theme] .tablebox.paged-table thead th[data-pin]  {
    /* Pinta el fondo del elemento mediante background. */
    background: var(--list-header-bg);
}
/* Paint every cell, including sticky cells, with the same opaque accent tint. */
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme]  {
    /* Define una variable que otras reglas pueden reutilizar mediante --list-row-highlight. */
    --list-row-highlight: color-mix(in srgb, var(--accent-bright, var(--accent)) 17%, var(--surface));
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .tablebox tbody tr > :is(td,th)  {
    /* Suaviza el cambio entre estados mediante transition. */
    transition: background-color .16s ease;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] .tablebox tbody tr:is(:hover,:focus-within) > :is(td,th)  {
    /* Pinta el fondo del elemento mediante background-color. */
    background-color: var(--list-row-highlight);
}
/* Aplica esta regla cuando el selector o la condición coincide. */
html[data-theme] :is(.layout>aside,.tablebox)  {
    /* Configura esta propiedad visual mediante scrollbar-color. */
    scrollbar-color: var(--accent-bright, var(--accent)) transparent;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.floating-row-menu  {
    /* Controla el contenido que rebasa el contenedor mediante overflow-y. */
    overflow-y:auto;
    /* Configura esta propiedad visual mediante overscroll-behavior. */
    overscroll-behavior:contain;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
@media (max-width:680px)  {
    /* Aplica esta regla cuando el selector o la condición coincide. */
    dialog select  {
        /* Configura esta propiedad visual mediante max-width. */
        max-width:100%;
        /* Configura esta propiedad visual mediante min-width. */
        min-width:0;
        /* Configura esta propiedad visual mediante min-height. */
        min-height:44px;
        /* Configura la tipografía mediante font-size. */
        font-size:16px;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    dialog footer  {
        /* Configura la distribución flexible mediante flex-wrap. */
        flex-wrap:wrap;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    dialog footer :is(button,a), .row-action-trigger  {
        /* Configura esta propiedad visual mediante min-height. */
        min-height:44px;
    }
}
/* Aplica esta regla cuando el selector o la condición coincide. */
#depreciationView .dep-child  {
    /* Pinta el fondo del elemento mediante background. */
    background:transparent;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
#depreciationView .dep-retirement-badge  {
    /* Define cómo se distribuye el contenido mediante display. */
    display:block!important;
    /* Ajusta el ancho mediante width. */
    width:max-content;
    /* Define el espacio exterior mediante margin-top. */
    margin-top:.55rem;
    /* Define el espacio interior mediante padding. */
    padding:.35rem .7rem;
    /* Configura esta propiedad visual mediante line-height. */
    line-height:1.35;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.itsav-print-output  {
    /* Define cómo se distribuye el contenido mediante display. */
    display:none;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
@media print  {
    /* Aplica esta regla cuando el selector o la condición coincide. */
    body.itsav-printing > :not(.itsav-print-output)  {
        /* Define cómo se distribuye el contenido mediante display. */
        display:none!important;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    body.itsav-printing  {
        /* Define el espacio exterior mediante margin. */
        margin:0!important;
        /* Pinta el fondo del elemento mediante background. */
        background:white!important;
        /* Controla el contenido que rebasa el contenedor mediante overflow. */
        overflow:visible!important;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    body.itsav-printing > .itsav-print-output  {
        /* Define cómo se distribuye el contenido mediante display. */
        display:block!important;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .itsav-print-output :is(canvas,img)  {
        /* Define cómo se distribuye el contenido mediante display. */
        display:block;
        /* Configura esta propiedad visual mediante max-width. */
        max-width:100%;
        /* Ajusta la altura mediante height. */
        height:auto;
        /* Define el espacio exterior mediante margin. */
        margin:0 auto;
        /* Configura esta propiedad visual mediante break-inside. */
        break-inside:avoid;
        /* Configura esta propiedad visual mediante break-after. */
        break-after:page;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .itsav-print-output :last-child  {
        /* Configura esta propiedad visual mediante break-after. */
        break-after:auto;
    }
}
/* Aplica esta regla cuando el selector o la condición coincide. */
@media print  {
    /* Aplica esta regla cuando el selector o la condición coincide. */
    body.itsav-printing  {
        /* Define cómo se distribuye el contenido mediante display. */
        display:block!important;
        /* Configura esta propiedad visual mediante min-height. */
        min-height:0!important;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .itsav-print-label  {
        /* Ajusta el ancho mediante width. */
        width:100%;
        /* Configura esta propiedad visual mediante text-align. */
        text-align:left;
    }
    /* Aplica esta regla cuando el selector o la condición coincide. */
    .itsav-print-label canvas  {
        /* Define el espacio exterior mediante margin. */
        margin:0 auto 0 0;
    }
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.pdf-preview  {
    /* Ajusta el ancho mediante width. */
    width:100%;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.pdf-page-content  {
    /* Ajusta el ancho mediante width. */
    width:100%;
    /* Configura esta propiedad visual mediante min-width. */
    min-width:0;
    /* Configura esta propiedad visual mediante text-align. */
    text-align:center;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.pdf-page-content canvas  {
    /* Define el espacio exterior mediante margin-inline. */
    margin-inline:auto;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.pdf-page-controls  {
    /* Controla la posición del elemento mediante position. */
    position:sticky;
    /* Configura esta propiedad visual mediante top. */
    top:0;
    /* Ajusta la superposición mediante z-index. */
    z-index:1;
    /* Define cómo se distribuye el contenido mediante display. */
    display:flex;
    /* Distribuye los elementos mediante justify-content. */
    justify-content:center;
    /* Alinea los elementos mediante align-items. */
    align-items:center;
    /* Configura la distribución flexible mediante flex-wrap. */
    flex-wrap:wrap;
    /* Separa elementos vecinos mediante gap. */
    gap:.5rem;
    /* Ajusta el ancho mediante width. */
    width:100%;
    /* Define el espacio interior mediante padding. */
    padding:.4rem;
    /* Pinta el fondo del elemento mediante background. */
    background:var(--surface,#fff);
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.pdf-page-controls[hidden]  {
    /* Define cómo se distribuye el contenido mediante display. */
    display:none;
}
/* Invoice previews retain the compact, centered sheet and its own scrollbar. */
/* Aplica esta regla cuando el selector o la condición coincide. */
.media-dialog .pdf-preview  {
    /* Ajusta el ancho mediante width. */
    width:min(100%, 434px);
    /* Configura esta propiedad visual mediante max-height. */
    max-height:none;
    /* Controla el contenido que rebasa el contenedor mediante overflow. */
    overflow:visible;
    /* Define el espacio interior mediante padding. */
    padding:0;
    /* Separa elementos vecinos mediante gap. */
    gap:.5rem;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.media-dialog .pdf-page-content  {
    /* Configura esta propiedad visual mediante max-height. */
    max-height:55vh;
    /* Controla el contenido que rebasa el contenedor mediante overflow. */
    overflow:auto;
    /* Define el espacio interior mediante padding. */
    padding:.35rem;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.media-dialog .pdf-page-content canvas  {
    /* Ajusta el ancho mediante width. */
    width:min(100%, 400px);
    /* Ajusta la altura mediante height. */
    height:auto;
}
/* Aplica esta regla cuando el selector o la condición coincide. */
.media-dialog .pdf-page-controls  {
    /* Controla la posición del elemento mediante position. */
    position:static;
    /* Configura la cuadrícula mediante grid-row. */
    grid-row:2;
}