.encabezados{

    background-color: #4f9fcf;
    color: white;
}

.modalheader{    
    background-color: #4f9fcf;
    color: white;
}

:root {
    --bs-success-rgb: 71, 222, 152 !important;
}

html,
body {
    height: 100%;
    width: 100%;
}

.btn-info.text-light:hover,
.btn-info.text-light:focus {
    background: #000;
}

table,
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: #ededed !important;
    border-style: solid;
    border-width: 1px !important;
}

.buttons-pdf, .buttons-excel, .buttons-print{

 background-color: #001f83 !important;
 color: #ffffff;
 padding: 8px;
 border-radius: 5px;

}


.buttons-pdf:hover, .buttons-excel:hover, .buttons-print:hover{

    background-color: #0029b1 !important;
    color: #ffffff;
   
   }

   /* -------------------------------------------------------------------------- */
/*                             ESTILOS DE GRAFICAS                            */
/* -------------------------------------------------------------------------- */

/* ----------------------------- GRAFICA POR MES ---------------------------- */

#graficaXmes {
    height: 400px;
}

.highcharts-figure-graficaXmes,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}


/* -------------------------------------------------------------------------- */
/*                               GRAFICA DE PIE                               */
/* -------------------------------------------------------------------------- */

.highcharts-figure-graficaPie,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}