/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  color:aliceblue;
}

/* color de letra */
a {
    color:black;
}


@font-face {
    font-family: "FontAwesome";
    src: url("person-circle.svg");
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28235, 235, 235, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #004185;
    border: 1px solid #004185;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
/*.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #004185;
    border: 1px solid #E1DFE5;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}*/

:root {
    --bs-piePagina-rgb: 243, 197, 7;
    --bs-primary-rgb: 0,65,133;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: aliceblue;
   /* background-color: aliceblue;*/
    border-color: aliceblue;
    background-color: #255987;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;

    }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    zoom: 80%;
    overflow-x: hidden; /* solo oculta el scroll horizontal */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color:black;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.breadcrumb {
    margin-bottom: 0.75rem;
}

.breadcrumb-item {
    font-weight: 400;
    font-size: 14px;
    color: #474747;
}

    .breadcrumb-item a,
    .breadcrumb-item a:hover,
    .breadcrumb-item a:link,
    .breadcrumb-item a:visited {
        color: #474747;
        text-decoration: none;
    }

    .breadcrumb-item.active {
        font-weight: 600;
        color: #474747;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 2px;
    }

        .breadcrumb-item + .breadcrumb-item::before {
            padding: 0 1px;
        }

.breadcrumb li:first-child a {
    color: var(--bs-blue);
    font-weight: 700;
}

.content-body {
    padding: 24px 0 0 0;
    margin-left: -40px;
}

.containerGrafico {
    width: 80%;
    margin: 25px auto;
}
.containerGrafico3 {
    width: 50%;
    margin: 25px auto;
}
.containerGrafico4 {
    width: 80%;
    margin: 25px auto;
}
/*.contenedor {*/
    /*padding: 24px 0 1px 240px;*/
    /*min-height: 100vh;*/ /*importante*/
    /*position: relative;*/ /*importante*/
    /*border: 2px solid #004185;
    color: #004185;*/ /*Fondo de la pantalla*/
    /*background-color: #E1DEf6;
    border-color: #004185;*/
    /*background-image: url("https://t3.ftcdn.net/jpg/02/87/50/16/240_F_287501611_qXbBfVdN0OYgtVrhNvKjlrkB6qjHaZHG.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
/*}*/


.contenedormedio { /*para marcar las areas medias de los div*/
    /*padding: 24px 0 1px 240px;*/
    background-image: url('https://static.vecteezy.com/system/resources/previews/003/238/540/non_2x/abstract-gray-background-low-poly-textured-triangle-shapes-vector.jpg'); /* Reemplaza con la URL de tu imagen */
    background-size: cover; /* Ajusta la imagen para cubrir todo el fondo */
    background-position: center; /* Centra la imagen de fondo */
    min-height: 30vh; /*importante*/
    /*    border: 2px solid #851400;
    border-color: #004185;
    background: #E1DEf6;*/ 
    color: #004185; /* Texto blanco para contraste */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Sombra en el texto */

}

/*.contenedor {
    background-image: url('https://static.vecteezy.com/system/resources/previews/003/238/540/non_2x/abstract-gray-background-low-poly-textured-triangle-shapes-vector.jpg');*/ /* Reemplaza con la URL de tu imagen */
    /*background-size: cover;*/ /* Ajusta la imagen para cubrir todo el fondo */
    /*background-position: center;*/ /* Centra la imagen de fondo */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);*/ /* Sombra */
    /*border-radius: 8px;*/ /* Bordes redondeados */
    /*padding: 20px;*/ /* Espaciado interno */
    /*margin: 20px;*/ /* Espaciado externo */
    /*color: #004185;*/ /* Texto blanco para contraste */
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);*/ /* Sombra en el texto */
    /*min-height: 94vh;
}*/
.contenedor {
    width: 100%; /* Ocupa todo el ancho disponible */
    min-height: 100vh; /* Ocupa todo el alto visible */
    background-image: url('https://static.vecteezy.com/system/resources/previews/003/238/540/non_2x/abstract-gray-background-low-poly-textured-triangle-shapes-vector.jpg');
    background-size: cover; /* Ajusta la imagen al tamaño del contenedor */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    padding: 20px;
    margin: 0; /* Quitamos márgenes externos para aprovechar todo el espacio */
    color: #004185;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box; /* Incluye padding y borde dentro del ancho total */
}

/* Ajustes responsivos para pantallas pequeñas */
@media (max-width: 768px) {
    .contenedor {
        padding: 15px;
        border-radius: 0; /* En móviles, puede lucir mejor sin bordes redondeados */
    }
}

.conten {
    background-image: url("../img/Login.jpeg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.containerGrafico2 {
    width: 80%;
    margin: 25px auto;
}

.option-select {
    background-image: url('/img/iconoPrin.ico') !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: 97.5% center;
    transition: transform .2s ease-in-out;
}
.form-control {
    border-radius: 23px;
    border: solid 0.5px #c4c4c4;
}

.margen-tabla {
 border: solid 0.5px black;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 0.5px solid black !important;
}

.bg-piEncabezado {
    --bs-bg-opacity: 1;
    /*background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;*/
    background-color: #004185;
    padding: 4px;
    font-size: 14px; /* Ajusta el tamaño de letra según tus necesidades */
   
}
.bg-piPagina {
    --bs-bg-opacity: 1;
    /* background-color: rgba(var(--bs-piePagina-rgb), var(--bs-bg-opacity)) !important;*/
    background-color: #FFCB05;
    padding: 1px;
    text-align: center;
    border-top: 4px solid #004185;
}
.content-header {
    padding: 24px 0 20px 240px;
    background-color: #E1DEf6;/*fondo del div*/
}
.contenedor-tabla-central {
    padding: 24px 0 20px 500px;
    background-color: #E1DEf6; /*fondo del div*/
   /* padding: 24px 0 12px 65px;*/
}
@media (max-width: 576px) {
    .content-header {
        padding: 24px 0 12px 65px;
        margin-left: -5px;
    }
    .contenedor {
        padding: 10px 0 1px 65px;
    }
}
.h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}
.text-center {
    text-align: center !important;
}
.centered-div {
    display: flex;
    /* justify-content: center;*/
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff; /* Fondo blanco opcional */
    padding: 20px; /* Ajusta el relleno según sea necesario */
    border-radius: 8px; /* Opcional: bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Opcional: sombra */
}
#miBoton {
    position: fixed; /* Posiciona el botón de forma fija */
    bottom: 20px; /* A 20px del borde inferior de la ventana */
    right: 20px; /* A 20px del borde derecho de la ventana */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Sin bordes */
    padding: 10px 20px; /* Espaciado interno */
    font-size: 16px; /* Tamaño del texto */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cambia el cursor al pasar por el botón */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra */
}

    /* Efecto hover */
    #miBoton:hover {
        background-color: #0056b3; /* Color más oscuro al pasar el mouse */
    }