body {
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #868ba1;
  text-align: left;
  background-color: #f0f2f7 !important; }

header{
    background: #8E2DE2;
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    background: linear-gradient(to right, #4A00E0, #8E2DE2);
}

/*estilos para la tabla*/
table th {
    background-color: #337ab7 !important;
    color: white;
}
table>tbody>tr>td {
    vertical-align: middle !important;
}
.container{ background-color: #ffffff !important;}
/*para alinear los botones y cuadro de busqueda*/
.btn-group, .btn-group-vertical {
    position: absolute !important;
}
/*pre carga */
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#loader.hidden {
  opacity: 0;
  visibility: hidden;
}
.btn-xs {
  padding: 0.15rem 0.35rem;
  font-size: 0.75rem;
  border-radius: 0.2rem;
}

@media print {

    /* Mantener el diseño original sin mover nada */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    html, body {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mostrar todo tal cual está */
    .container, .row, .col-lg-12, .col-md-6,
    .p-5, .p-4, .p-3, .p-2, .p-1 {
        padding: inherit !important;
        margin: inherit !important;
    }

    /* Mostrar botones, íconos y estilos normales */
    #btnImprimirEstilos,
    .open-modal,
    .btn,
    .modal {
        display: block !important;
        visibility: visible !important;
    }

    /* Permitir que Font Awesome se imprima correctamente */
    @font-face {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2') format('woff2');
    }

    i.fas, i.far, i.fab {
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900 !important;
    }

}