/*Paginas Secundarias y otros generales*/

/*Acerca De*/
.acercaDestacado {
    background-color: #4F799F;
    padding: 3rem 4rem;
    border-radius: 5rem 1rem;
}

.acercaDestacado p {
    color: #FFF;
    font-size: 1.1rem;
}

/*Imagenes Full Width*/
.texto_cont .fullWidth {
    position: relative;
    height: 500px;
    margin-bottom: 1em;
}

.texto_cont .fullWidth img {
    position: absolute;
    left: calc(-4rem - (100vw - 100%) / 2);
    width: 100vw;
    height: 500px;
    object-fit: cover;
    min-width: 100vw;
    max-width: none;
}

@media (max-width: 576px) {
    .texto_cont .fullWidth img {
        left: -2em;
    }
}

@media (min-width: 576px) {
    .texto_cont .fullWidth img {
        left: calc(-2em - (100vw - 540px) / 2);
    }
}

@media (min-width: 768px) {
    .texto_cont .fullWidth img {
        left: calc(-4rem - (100vw - 720px) / 2);
    }
}

@media (min-width: 992px) {
    .texto_cont .fullWidth img {
        left: calc(-4rem - (100vw - 960px) / 2);
    }
}

@media (min-width: 1200px) {
    .texto_cont .fullWidth img {
        left: calc(-4rem - (100vw - 1140px) / 2);
    }
}

@media (min-width: 1400px) {
    .texto_cont .fullWidth img {
        left: calc(-4rem - (100vw - 1320px) / 2);
    }
}

/*Secciones especificas*/

#menuDesplegable .nav li {
    border-bottom: solid #4F799F 1px;
    padding: 0.6em 1.25em;
    background-color: #f2f2f2;
}

#menuDesplegable .nav li:last-child {
    border-bottom: none !important;
}

#menuDesplegable .nav li a {
    color: #4F799F;
    text-decoration: none;
}

#menuDesplegable .nav li a:hover {
    text-decoration: underline;
    background-color: inherit;
    font-weight: 600;
}

#menuDesplegable .nav li.selected,
#menuDesplegable .nav li.active a {
    background-color: #4F799F !important;
}

#menuDesplegable .nav li.selected a:link,
#menuDesplegable .nav li.selected a:visited,
#menuDesplegable .nav li.selected a:active,
#menuDesplegable .nav li.selected a:hover {
    color: #fff;
    background-color: inherit;
    font-weight: 600;
}

.texto_cont iframe {
    width: 100%;
    border: 0;
}

iframe[src$='UlDesplegable.html'],
iframe[src$='UlDesplegableProgramasSADER.html'] {
    width: 100%;
    height: 886px;
    margin-top: 20px;
    border: 0;
}

/*UI Desplegable*/
#iframe .UIDesplegable {
    display: block !important;
}

#iframe .UIDesplegable .nav li {
    border-bottom: solid #444 1px;
    padding: 0.5em 1em;
    background-color: #eee;
    width: 100%;
}

#iframe .UIDesplegable .nav li:last-child a {
    border-bottom: none !important;
}

#iframe .UIDesplegable .nav li a:hover {
    text-decoration: underline;
}

#iframe .UIDesplegable .nav li.selected,
#iframe .UIDesplegable .nav li:hover,
#iframe .UIDesplegable .nav li:focus-within {
    background-color: #4F799F !important;
    color: #fff;
}

#iframe .UIDesplegable .nav li:hover a,
#iframe .UIDesplegable .nav li.selected a,
#iframe .UIDesplegable .nav li.active a,
#iframe .UIDesplegable .nav li a:active,
#iframe .UIDesplegable .nav li a:hover,
#iframe .UIDesplegable .nav li.selected a:focus-visible,
#iframe .UIDesplegable .nav li a:focus {
    color: #fff !important;
    background-color: #4F799F !important;
}

.badge {
    background-color: #5E665E;
}

/* Accesibilidad */

#accessibility .menu-container a.menu-btn {
    bottom: 10px;
    top: unset !important;
}

#accessibility .menu-container a.menu-btn i {
    color: #FFF;
    filter: drop-shadow(2px 2px 2px black);
    background-color: #4F799F;
    border-radius: 50%;
    padding: 2px 1px 0px 0px;
}

.carousel-control:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.texto_cont p a,
.texto_cont .underline a {
    text-decoration: underline;
}

.texto_cont p a.btn {
    color: #fff !important;
    text-decoration: none !important;
}

form .button {
    background-color: #4F799F;
    width: 100%;
}

.texto_cont a:focus {
    font-weight: 800;
}

/*Agrocostos*/

#agrocostos .botones {
    width: 50%;
    color: #FFF;
    text-align: center;
}

#agrocostos .botones li {
    background-color: #4F799F;
    padding: 0.5em 1em;
    border: 1px solid #fff;
    list-style: none;
}

#agrocostos .botones li a {
    text-decoration: none;
}

/* Agroproduccion */
#agroproduccion .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
    margin: 0 20px;
}

#agroproduccion .tabla th {
    background-color: #4F799F;
    color: #FFF;
}

#agroproduccion .tabla td,
#agroproduccion .tabla th {
    border-bottom: 1px solid grey;
    padding: 10px;
}

#agroproduccion .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}

/* Almacenes */
#almacenes .tabla {
    background-color: #B5B5B5;
    margin: 0;
    padding: 5px;
    border: 1px solid white;
}

#almacenes .tabla:hover {
    background-color: #333;
    cursor: pointer;
}

#almacenes .tabla a {
    color: #FFF;
    text-decoration: none;
}

/* ApFomento */
.contP p {
    height: 30px;
    padding: 0px;
    margin: 1em 0;
}

.contP ul {
    padding-left: 0px;
    text-align: left;
}

.contP ul li {
    margin: 0 25px;
    list-style-type: square;
    font-size: small;
}

/* Art7_oic  */
#Art7_oic ol {
    list-style: none;
    counter-reset: fracc;
    padding: 0.5em;
}

#Art7_oic ol li {
    counter-increment: fracc;
}

#Art7_oic ol li::before {
    content: counter(fracc, upper-roman) ". ";
    font-size: 1.2em;
    width: 2.2em;
    display: inline-block;
    color: #4F799F;
}

/* Bioenergia y Sustentabilidad */
#bioenergia table {
    border: none;
}

#bioenergia table tr:nth-child(even) {
    background: none;
}

#bioenergia td,
.texto_cont th {
    border-bottom: none;
}

/* Calificacion Credito */
#credito .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
    margin: 0 auto;
}

#credito .tabla td,
#credito .tabla th {
    border-bottom: 1px solid grey;
    padding: 5px;
    text-align: left;
}

#credito .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}

#credito .tabla tr td:first-child {
    font-weight: bold;
}

#credito .leyenda img {
    margin-top: 1em;
}


/* Casos de Exito */
#casos_exito .youtube-container {
    display: block;
    margin: 10px 20px;
    max-width: 600px;
    float: left;
}

#casos_exito .youtube-player {
    display: block;
    overflow: hidden;
    position: relative;
    width: 200px;
    height: 150px;
    cursor: pointer;
    display: block;
}

#casos_exito img.youtube-thumb {
    display: block;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    height: auto
}

#casos_exito div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('/Nd/img/youtube_logo_overlay.png') no-repeat !important;
}

#casos_exito .video {
    float: left;
    width: 100%;
}

#casos_exito.texto_cont {
    overflow: auto;
}

#casos_exito.texto_cont .subtitulo {
    font-size: 1.2em !important;
    font-family: inherit !important;
    font-weight: bold;
}

/*Certificacion AGD */
table.tablaAGD,
table.tablaAGD td,
table.tablaAGD th {
    border: 1px solid #f2f2f2;
}

table.tablaAGD {
    border-collapse: collapse;
}

table.tablaAGD th,
table.tablaAGD td {
    padding: 15px;
}

table.tablaAGD tr:nth-child(even) {
    background-color: #fff;
}

/* Costo Financiamiento */
#cto_finan.texto_cont td,
#cto_finan.texto_cont th {
    border-bottom: none;
}

/* Cursos Virtuales */
#cursos_IF .curso {
    padding-bottom: 2em;
    overflow: auto;
}

#cursos_IF h1 {
    color: #4F799F;
    font-size: 1.2em;
}

#cursos_IF .curso h1 {
    float: left;
    margin: 3px 0px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

#cursos_IF .curso>a {
    margin: 3px 0;
    float: right;
}

#cursos_IF .curso>hr {
    margin: 3px 0px;
    border-bottom: 3px solid #45aba4;
    border-top: 0;
    clear: both;
}

#cursos_IF .lista_programas li a {
    color: #000;
    text-decoration: none;
    margin: 0.5em 0;
    text-transform: uppercase;
    font-weight: bold;
}

#cursos_IF .lista_programas li a:hover {
    text-decoration: underline;
    color: blue;
}

#cursos_IF .lista_programas li {
    list-style: none !important;
}

#cursos_IF .lista_programas li:before {
    content: ".";
    color: #4F799F;
    font-size: 2.5em;
    display: inline-block;
    line-height: 0.4em;
    width: 1em;
    margin-left: -1em;
}

#cursos_IF .curso div {
    width: 46%;
    padding-right: 4%;
    float: left;
}

/* Directorio */
#Div_Directorio li {
    list-style: none;
}

#Div_Directorio li div {
    background-color: #4F799F;
    color: #FFF;
    font-size: 1.1em;
    padding: 10px;
    display: inline-block;
    width: 70%;
    margin-left: -5px;
    margin-top: 10px;
}

#Div_Directorio ul ul {
    padding-left: 40px;
}

#Div_Directorio ul ul li {
    border-left: 1px solid #999;
}

#Div_Directorio ul ul span {
    display: inline-block;
    margin-top: -10px;
    width: 30px;
    height: 50px;
    vertical-align: top;
    border-bottom: 1px solid #999;
}

#Div_Directorio ul ul div {
    background-color: #79838b;
}

/*Estructura*/


#estructuras .vinetasOficinas {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    max-width: calc(100% - 2.3rem);
    flex-wrap: wrap;
}

#estructuras .vinetasOficinas li {
    display: block;
    border-radius: 2.2rem;
    background-color: #FFF;
    flex: 1 1 25%;
    margin: 4px -2.5rem 0 0;
    padding: 0.5rem 2.5rem;
    color: #4F799F;
    border: #4F799F solid 3px;
}

#estructuras .vinetasOficinas li:nth-child(odd) {
    background-color: #4F799F;
    color: #FFF;
}

#estructuras .vinetasOficinas strong {
    font-size: 3rem;
    float: left;
    margin: 0 10px 0 0;
    display: block;
}

/* Economista */

#economista #list {
    margin: 1em 0;
}

#economista #list li {
    font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
    list-style: none;
    margin: 5px;
    background-color: #4F799F;
    float: left;
    width: calc(25% - (5px)* 2);
    height: 240px;
    position: relative;
    padding: 0 10px;
}

@media screen and (max-width: 990px) {
    #economista #list li {
        width: calc(33% - (5px)* 3);
    }
}

@media screen and (max-width: 768px) {
    #economista #list li {
        width: 100%;
    }
}

#economista #list li:hover {
    background-color: #5E665E;
}

#economista #list li:hover a {
    text-decoration: underline;
}

#economista #list li a:hover {
    text-decoration: underline;
    font-weight: 800;
}

#economista #list h1 {
    font-family: inherit !important;
    font-size: 1.5em;
    color: #fff;
    line-height: 1em;
    padding: 10px;
    font-weight: 300;
}

#economista #list p {
    font-weight: bold;
    color: #fff;
    padding: 10px;
}

#economista #list div {
    bottom: 0;
    position: absolute;
    background-color: #4F799F;
    width: 100%;
    margin-left: -10px;
}

#economista #list a {
    display: block;
    float: right;
    text-decoration: none;
    font-size: 0.8em;
    color: #FFF;
    padding: 10px 20px;
}

/* Energías Renovables */
#energias h2 {
    margin: 0.25em 0;
}

#energias .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
    width: 70%;
}

#energias .tabla th {
    background-color: #4F799F;
    color: #FFF;
    font-weight: bold;
}

#energias .tabla td,
#energias .tabla th {
    border-bottom: 1px solid grey;
    padding: 1em;
    text-align: justify;
    vertical-align: top;
}

#energias .tabla td:first-child {
    text-align: left;
    width: 75%,
}

#energias .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}

/* Información Financiera */
#est_financieros .pBloques {
    display: block;
    background-color: #4F799F;
    padding: 1em;
    margin: 10px 0;
    font-weight: 600 !important;
    color: #FFF;
}

#est_financieros .pBloques a {
    color: #FFF;
    text-decoration: none;
    font-weight: 600 !important;
}

#est_financieros .pBloques a:hover {
    text-decoration: underline;
}

#est_financieros #Infcomp {
    cursor: pointer;
}

#est_financieros #bloqueInfcomp,
#est_financieros #bloqueLigasEstados {
    list-style: none;
}

#est_financieros #bloqueInfcomp .pBloques,
#est_financieros #bloqueLigasEstados .pBloques {
    background-color: #f2f2f2;
    color: #4F799F;
}

/* Estímulos a la producción para Palma de Aceite */
#estimulos_palma .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
    margin: 0 20px;
}

#estimulos_palma .tabla th {
    background-color: #4F799F;
    color: #FFF;
}

#estimulos_palma .tabla td,
#estimulos_palma .tabla th {
    border-bottom: 1px solid grey;
    padding: 10px;
}

#estimulos_palma .tabla td:last-child {
    width: 427px;
}

#estimulos_palma .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}

/* Estudios Económicos */


#est_econ h2 {
    font-size: 1.2em !important;
}

#est_econ .Relative {
    padding-left: 15px;
}

#est_econ #cover section {
    display: inline-block;
    padding: 7px;
    text-align: justify;
    vertical-align: top;
    width: 35%;
}

#est_econ #cover section img {
    border-radius: 5px;
    box-shadow: 7px 7px 30px 0px #474747;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 7px 7px 30px 0px #474747;
}

#est_econ #cover section ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#est_econ #cover section ul li {
    background-color: #B5B5B5;
    line-height: 30px;
    list-style-type: none;
    border: 1px white solid;
    padding: 5px;
    margin: 0;
}

#est_econ #cover section ul li a {
    padding-left: 5px;
    display: block;
    width: 100%;
    line-height: normal;
    background-color: transparent;
    color: white;
}

#est_econ #pieSecction,
#est_econ #pieSecction2 {
    margin-top: 10px;
    padding-top: 10px;
}

#est_econ #pieSecction section,
#est_econ #pieSecction2 section {
    display: block;
    width: 85%;
    margin: 0 auto;
    text-align: justify;
}

#est_econ h4 {
    margin-bottom: 0px;
}

#est_econ .Bloques {
    display: flex;
    flex-wrap: wrap;
}

#est_econ .Bloques ul {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

#est_econ .pBloques {
    line-height: 30px;
    margin: 0px;
    border: 1px white solid;
    padding: 0.5rem 1rem;
    cursor: pointer;
    background-color: #f2f2f2;
    font-weight: 600 !important;
    list-style: none;
    width: 20%;
    min-height: 100px;
}

#est_econ .informacion .pBloques {
    background-color: #4F799F;
}

#est_econ .informacion .pBloques a {
    color: #f2f2f2;
}

#est_econ .estudios .pBloques {
    background-color: #96B727;
}

#est_econ .estudios .pBloques a {
    color: #4F799F;
}

#est_econ .pBloques a {
    font-weight: 600 !important;
}

#est_econ .Bloques ul {
    width: calc(100% + 2rem);
    flex-direction: column;
    margin: 0 -1rem
}

#est_econ .Bloques ul li {
    width: 100%;
}

#est_econ .Bloques ul .pBloques {
    background-color: #4F799F;
    color: #f2f2f2;
}

#est_econ .Bloques ul .pBloques a {
    color: #f2f2f2;
}

#est_econ .pBloques a:link,
#est_econ .pBloques a:visited {
    padding: 0.5rem 1rem;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: transparent;
}

#est_econ .pBloques a:hover {
    text-decoration: underline;
}

#est_econ img.thumb {
    margin-bottom: 3em;
}

#est_econ .Bloques ul#BloqueULPanorama:not(.show) {
    display: none;
}



/* Igualdad */
#igualdad td,
#igualdad th {
    border: 1px solid gray;
    text-align: center;
}

#igualdad table {
    width: 80%;
    margin: 0 auto;
}

/* Fonde FIRA */
#fondeo_fira .corto strong {
    color: #1F8913;
}

#fondeo_fira .largo strong {
    color: #4F799F;
}

#fondeo_fira .corto strong,
#fondeo_fira .largo strong {
    font-size: 1.35em;
    font-weight: bolder;
}

/* Habilitación y Registro de Consultores */
#habily_calif ol {
    margin: 0;
    padding-left: 1em;
}

#habily_calif li {
    margin-bottom: 10px;
}

/* Informe Actividades */
#IA a {
    font-size: 1.3em;
    margin-bottom: 2em;
}

/* Logros Inst */
.Logros {
    display: inline-block;
    margin: 2px;
    min-height: 270px;
    padding: 5px;
    text-align: center;
    vertical-align: top;
    width: 45%;
}

/* Mapa del Sitio */
#mapa_sitio strong {
    color: #4F799F;
}

#mapa_sitio .ulClassFirst {
    color: #4F799F;
    list-style-type: square;
}

#mapa_sitio .ulClassFirst a {
    color: #4F799F;
    font-weight: bold;
    text-decoration: none;
}

#mapa_sitio .ulClassFirst a:hover {
    color: #4F799F;
    font-weight: bold;
    text-decoration: underline;
}

#mapa_sitio .ulClassSec {
    color: #4F799F;
    list-style-type: square;
}

#mapa_sitio .ulClassSec a {
    color: #4F799F;
    font-weight: normal;
}

#mapa_sitio .ulClassTer {
    color: #5E665E;
    list-style-type: disc;
}

/* Memorias de Sostenibilidad */
#Memorias a {
    font-size: 1.3em;
    margin-bottom: 2em;
}

/* FONAGA */
#pag_fonaga img {
    width: auto;
    margin: 0;
}

/* Financiamiento de Activos Fijos para Cultivos Perennes */
#perennes .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
    margin: 0 auto;
}

#perennes .tabla td,
#perennes .tabla th {
    border-bottom: 1px solid grey;
    padding: 5px;
    text-align: center;
}

#perennes .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}


/* Productividad */
#productividad .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
}

#productividad .tabla td,
#productividad .tabla th {
    border-bottom: 1px solid grey;
    padding: 5px;
    text-align: center;
}

#productividad .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}

#productividad .tabla th {
    background-color: #4F799F;
    color: #FFF;
}

/* Programas SAGARPA */
#programas_sagarpa img {
    width: auto;
}

/* Quejas y Denuncias */
#quejas_denuncias .btn-quejas {
    background: #058931;
    -webkit-border-radius: 13;
    -moz-border-radius: 13;
    border-radius: 13px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    float: left;
    margin: 30px;
    text-align: center;
    width: 136px;
    height: 41px;
}

#quejas_denuncias .btn-quejas:link,
#quejas_denuncias .btn-quejas:visited,
#quejas_denuncias .btn-quejas:active,
#quejas_denuncias .btn-quejas:hover {
    color: #fff;
}

#quejas_denuncias .btn-quejas:hover {
    background: #4F799F;
    text-decoration: none;
}

/* Recuperación Suelo */
#recuperacion_suelo .tabla {
    border-collapse: collapse;
    border: 1px grey solid;
    margin: 0 20px;
    width: 60% !important;
}

#recuperacion_suelo .tabla th {
    background-color: #4F799F;
    color: #FFF;
    text-align: center;
}

#recuperacion_suelo .tabla td,
#recuperacion_suelo .tabla th {
    border-bottom: 1px solid grey;
    padding: 5px;
}

#recuperacion_suelo .tabla tr:nth-child(even) {
    background-color: #f2f2f2
}

/* Turismo */
#turismo td {
    padding: 5px;
}

#turismo .orgullo td {
    border: 1px solid #2bb8bc;
}

#turismo .proveedores td {
    border: 1px solid #ef7a52;
}

#turismo .factoraje td {
    border: 1px solid #4F799F;
}

#turismo .factoraje td:first-child {
    background: #4F799F !important;
    font-weight: 600;
    width: 300px;
    color: #000;
}

/* Volatilidad */
#volatilidad td:nth-last-child(4) {
    text-align: center;
}

#volatilidad th {
    color: #FFF;
    background-color: #4F799F;
    text-align: center;
}

#volatilidad td,
#volatilidad th {
    border: 1px solid grey;
}

#volatilidad th:nth-child(1) {
    width: 20%;
}

#volatilidad th:nth-child(2),
#volatilidad th:nth-child(3) {
    width: 25%;
}

#volatilidad th:nth-child(4) {
    width: 30%;
}

/* Misión, Visión y Valores */
#Div_MisionVison h3 {
    color: #fff;
}

div#Div_MisionVison article {
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    min-height: 315px;
    padding: 7px;
    text-align: left;
    vertical-align: top;
    width: 29%;
}

article#art_Mision {
    background-color: #6BB4DB;
}

article#art_Vision {
    background-color: #565350;
}

article#art_Valor {
    background-color: #96B727;
}

/*SAGARPA*/
.marcoImagen {
    overflow: hidden;
    position: relative;
}

.marcoImagen img {
    height: 100%;
    width: unset;
    position: relative;
}

/*Archivos InfEsp*/
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.table-bordered tr:nth-child(even),
.table-bordered tr:nth-child(even) td {
    background-color: #f2f2f2 !important;
}

.table-bordered td,
.table-bordered th {
    padding: 0.5rem 1.5rem;
}

.table-bordered a {
    color: #4F799F;
    font-size: 0.9rem;
}

.table-bordered img {
    display: inline-block;
    margin-top: 6px;
}

.table-bordered .badge {
    background-color: #4F799F;
    color: #FFF;
    font-weight: bold;
}

.table-bordered .pagination li {
    display: inline-block;
    margin: 0px;
    border: 1px solid #ddd;
    padding: 1px 0.5em;
    border-radius: 3px;
}

.table-bordered .pagination li:hover,
.table-bordered .pagination li:hover a,
.table-bordered .pagination li.active,
.table-bordered .pagination li.active a {
    text-decoration: underline;
    background-color: #4F799F;
    color: #FFF;
}

.btn-primary[onclick="enviaBusq()"] {
    background-color: #4F799F;
    float: right;
    display: block;
    align-content: flex-end;
}

input[onblur="validaCadena()"] {
    /**/
}

span.glyphicon-search::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    content: "\f002";
    color: #FFF;
}

@media (max-width: 990px) {
    .btn-primary[onclick="enviaBusq()"] {
        float: none;
        flex: 1 1 100%;
        width: 100%;
    }

    .btn-primary[onclick="enviaBusq()"] .glyphicon {
        display: none;
    }
}

@media (max-width: 575px) {
    .btn-primary[onclick="enviaBusq()"] {
        width: unset;
        flex: 1 1 auto;
    }
}

@media (prefers-color-scheme:dark) {

    .table-bordered tr:nth-child(even),
    .table-bordered tr:nth-child(even) td {
        background-color: #444 !important;
        color: #FFF !important;
    }

    .table-bordered tr:nth-child(odd),
    .table-bordered tr:nth-child(odd) td {
        background-color: #222 !important;
        color: #FFF !important;
    }

    .table-bordered .pagination li:hover,
    .table-bordered .pagination li.active,
    .table-bordered .pagination li.active a {
        background-color: #888;
        color: #FFF;
    }

    .table-bordered a {
        color: #97c6ff;
    }
}