@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");

.page-item.disabled .page-link {
    color: gray !important;
}
.page-item.active .page-link {
    color: black !important;
    background: lightgray !important;
    border-color: black !important;
}
.page-item .page-link {
    font-size: 0.8rem;
    font-family: Lato, Arial, sans-serif;
    color: black !important;
}
label.required::after,
legend.required::after {
    content: " *";
    color: #dc3545;
}
.helptext {
    font-style: italic;
}
p.poliza-e-p {
    margin-bottom: 0;
}
.content {
    font-size: 0.8rem;
    font-family: Lato, Arial, sans-serif;
}

/* Let single-select Select2 boxes wrap their text and grow vertically
   instead of truncating long option labels with an ellipsis. */
.select2-container--bootstrap-5 .select2-selection--single {
    height: auto !important;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    word-break: break-word;
}

/* Same idea for multi-select choice badges: wrap long labels (e.g. agent
   names with DNI numbers) instead of letting them overflow the widget. */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: block;
    position: relative;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    padding-right: 1.5rem;
    padding-left: 1.75rem;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    top: 0.5em;
    left: 0.5rem;
    margin-right: 0;
}
/* Remove number input arrows in Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.img-small {
    width: 20;
    height: 20;
}
table-striped {
    table-layout:auto;
    text-align: center;
    padding: 0.25em 0.5em 0.25em 1em;
    font-family: Lato, Arial, sans-serif;
}
thead-striped.cabecera tr:nth-child(1) th{
    background: rgba(230,230,230,1);
    position: sticky;
    top: 0;
    z-index: 10;
}
tr-striped,
td-striped{
    padding: 0.25em 0.5em 0.25em 1em;
    vertical-align: text-top;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
th-striped {
    font-size: 100%;
    padding: 0.25em 0.5em 0.25em 1em;
}
tr-striped:nth-child(even) {
    background-color: rgba(255,255,255,1);
}
tr-striped:nth-child(odd) {
    background-color: rgba(240,240,240,1);
}
.errorlist{
    color: #D8000C;
    background-color: #FFBABA;
}
.floating-menu {
    background: lavender;
    width: 150px;
    z-index: 100;
    position: fixed;
    top: 100px;
    left: 10px;
  }

/* Labels dentro de los form-cards nuevos (ver templates/partials/*-form-partial.html
   migrados a <div class="card">...<div class="card-body">) — evita repetir estas
   clases en cada label de cada form-partial. */
.card-body label,
.card-body legend {
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
    margin-bottom: 0.25rem;
}

/* DataTables' own chrome (search box, length menu, pagination, info text) is
   rendered by the DataTables JS, not our templates, so it can't take the
   "small" class directly — this brings it down to match, everywhere at once.
   Class names are DataTables 2.x's (dt-container/dt-length/dt-search/dt-info/
   dt-paging), replacing the 1.x dataTables_wrapper/_length/_filter/_info/
   _paginate names used before the DataTables 2 + CDN migration. */
.dt-container .dt-length,
.dt-container .dt-search,
.dt-container .dt-info,
.dt-container .dt-paging .page-link {
    font-size: 0.875em;
}

/* Same reasoning for the table body itself: Lista-*.html tables are populated
   entirely client-side by AjaxDatatableViewUtils from the Python column config,
   so template-level "small" classes never reach these cells. table.dataTable is
   added automatically by DataTables.net to every table it initializes.
   :not(.table-sm) excludes tables (e.g. reportes/*.html) whose cells already
   carry an explicit "small" class in the template — those would otherwise get
   shrunk twice (once here, once by .small computing relative to this rule). */
table.dataTable:not(.table-sm) {
    font-size: 0.875em;
}

/* Sticky bottom action bar for form pages (block "actions" in base.html) */
.form-actions-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background: #fff;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    box-shadow: 0 -0.25rem 0.75rem rgba(0, 0, 0, 0.08);
}