:root {
    --amarillo: #FFD124;
    --amarillo_claro: #fffbe5;
    --amarillo-gris:  #ffcd5f14;
    --azul: #0056b3;
    --azul_claro: #009fe3;
    --gris_oscuro: #7187b7c7;
    --gris_medio:  #e8ebed;
    --gris_claro:  #f2f3f7;
	--gris_muyclaro:  #f7f9fc;

}

body {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 15px !important;
  margin: 0;
  padding: 0;
}

.capalogo {
	background:linear-gradient(90deg,#00587d 0,#009fe3 15%,#00587d);
}
.logo {
    width: 140px;
}
.titulo {
	font-size: 1.5rem;
	font-weight: bold;
	color: white;
    margin: 0;
}
.pestana {
    padding: 10px 0px 10px 0px;
}
.navbar-light .navbar-nav .nav-link {
    color: black;
}
.nav-tabs {
    font-weight: 500;
    font-size: 16px;
	background-color: var(--amarillo_claro);
}

.nav-tabs .tab-link.active {
    background-color: var(--amarillo_claro);
	border-bottom: 5px solid var(--amarillo);
}

#listCpvs.active.show { 
    display: flex; 
}
.nav-item {
    color: var(--azul);
    padding: 10px;
}	

.h1, h1 {
    font-size: 1.5rem;
}
.h2, h2 {
    font-size: 1.4rem;
}
.h3, h3 {
    font-size: 1.3rem;
}
.h4, h4 {
    font-size: 1.2rem;
    padding-top: 20px;
}
.h5, h5 {
    font-size: 1.1rem;
}
.h6, h6 {
    font-size: 1rem;
}
.psinespacio {
    margin: 0;
}
.negrita {
    font-weight: bold;
}

.nota_formulario {
    font-size: small;
}

.filtrosP {
    background-color: var(--gris_muyclaro);
    border-radius: 4px;
	border: 1px solid var(--gris_medio);
    padding: 5px 0 5px 0;
    margin-top: 10px;
}
.filtrosS {
    background-color: var(--gris_muyclaro);
    border-radius: 4px;
	border: 1px solid var(--gris_claro);
    padding: 5px 0 5px 0;
}

.pestan_resultado {
	padding-top: 10px;
}

.centrado {
    text-align: center;
}


.img_maqueta {
    padding: 10px;
    width: 400px;
}
.img_maqueta_g {
    padding: 10px;
    width: 800px;
}

.subtitulo {
    font-size: 110%;
	padding: 10px;
	font-weight: bold;
}
.subsubtitulo {
    font-size: 105%;
	padding: 10px;
	font-weight: bold;
}

.tablaCabecera {
    background-color: var(--azul);
    color: #fdfdff;
}
.tablaCuerpo {
    font-size: 90%;
}
table.dataTable tbody td {
    padding: 3px;
}
div.dataTables_wrapper {
    padding: 10px 15px 10px 15px;
}

.img-logo {
    max-width: 100%;
    max-height: 50px;
}

.alineado {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.pie {
    display: block;
    padding: 2.286rem 1.786rem 1.786rem 1.786rem;
    background-color: var(--amarillo);
    font-size: 0.8rem;
    width: 100%;
    bottom: 0;
	margin-top: 30px;
}

.form-group {
    margin-bottom: 0;
}
.form-group label {
    font-weight: bold;
}
.form-lab {
	width: 20%;
	font-weight: 500;
    margin-left: 10px;
    font-size: 15px;
    background-color: var(--gris_muyclaro);
}
.form-lab::after {
    content: ": \0000a0";
}
.form-control{
  border: 1px solid var(--gris_medio);
  font-size: inherit;
}
.form-control:focus {
  border-color: var(--amarillo);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--amarillo);
}
.form-input {
	display: inline;
	width: 78%;
}
.form-input-p {
    width: 39%;
}
.form-input-pp {
    width: 15%;
}
.error {
    color: red;
}
.aplicada {
    color: #0056b3 ;
}

.bot-filtrar {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
	margin-left: 220px;
    margin: 0 80px 0 30px;
    font-weight: bold;
}
.bot-limpiar {
    color: #fff;
    background-color: var(--gris_oscuro);
    border-color: var(--azul);
    margin: 3px;
}
.bot-general {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
    margin: 3px;
    font-weight: bold;
}
.bot-dame {
    background-color: var(--gris_medio);
    color: var(--azul);
    font-size: 14px;
    padding: 3px 5px;
    margin: 0 10px;
    border: none;
}
.bot-nempbucar {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
    margin: 0 200px 0 0;
    font-weight: bold;
}
.icon-dame {
    padding: 0 10px;
}

.nota {
    margin-left: 20px;
}

.btn {
    padding: .1rem .75rem;
    font-size: 14px;
}
.boton_mascampos {
    background-color: var(--azul);
    color: var(--amarillo);
    font-size: 14px;
    border: none;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 20px;
    margin-bottom: 5px;
}
.botoncito {
    background-color: var(--gris_medio);
    color: var(--azul_claro);
    font-size: 12px;
    padding: 3px 5px;
    border: none;
}
.dt-button-down-arrow {
    color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
    color: black;
    font-weight: bold;
}
button.dt-button, div.dt-button, a.dt-button, input.dt-button {
    padding: 3px 5px;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 0 5px;
}
.dataTables_wrapper .dataTables_length select {
    padding: 0;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    padding: 3px;
}

.tabla_empresas {
    width: 100%;
}
.graf_g {
    height: 400px;
}
.graf_p {
    height: 200px;
}
.g_rojo {
    color: #f87986;
}
.g_amarillo {
    color: #f8ef73;
}
.g_verde {
    color: #50dd6e;
}

.subetiqueta {
    font-weight: bold;
    margin: 0 0 0 20px;
}
.subcontenido {
    margin: 0 0 0 20px;
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 0.1em; 
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    opacity: .9;
    line-height: 15px;
    font-size: .5em;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
    font-size: 14px;
}
.dataTables_wrapper .dataTables_paginate {
    float: inline-end;
    padding-top: 0;
}
.dataTables_wrapper .dataTables_length {
    float: inline-start;
    padding-left: 120px;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    padding-top: .4em;
}
div.dt-buttons {
    float: right;
    margin-left: 40px;
}
.buttons-collection {
    font-size: 14px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.05);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 2px;
}

div.dtsb-searchBuilder div.dtsb-titleRow {
    margin-bottom: 0;
}
div.dtsb-searchBuilder button.dtsb-button {
    padding: 0em 1em;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
    margin-top: 0 !important;
}
div.dtsb-searchBuilder div.dtsb-group {
    margin-bottom: 0;
}

dt {
    float: left;
    clear: left;
    margin-bottom: 0.5rem;
    min-width: 293px;
    color: var(--azul);
}
dd {
    float: left;
    clear: right;
    margin-left: 0.5em;
}

.f_gr {
    font-size: 15px;
	font-weight: bold;
}
.borde_inferior_amarillo {
    border-bottom: 2px solid var(--amarillo);
}
.borde_inferior_azul {
    border-bottom: 2px solid var(--azul);
}

.espacio_superior{
    padding-top: 15px;
}
.espacio_inferior{
    padding-bottom: 15px;
}

div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr>th, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr>td {
    padding: 0;
}
div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search {
    font-weight: bold;
}
.dataTables_scrollBody{
    max-height: 100px !important;
    height: 100px !important;
}
div.dtsp-panesContainer {
    background-color: var(--gris_muyclaro);
    border-radius: 4px;
    border: 1px solid var(--gris_medio);
    padding: 5px;
}
.dtsb-searchBuilder {
    background-color: var(--gris_muyclaro);
    border-radius: 4px;
    border: 1px solid var(--gris_medio);
    padding: 5px;
}
div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title  {
    font-size: 15px;
    font-weight: bold;
    padding-top: 0;
}
div.dtsp-title {
    font-size: 15px;
    font-weight: bold;
    padding-top: 0;
}
div.dtsp-panesContainer div.dtsp-title {
    padding: 0;
}
div.dtsp-panesContainer button.dtsp-disabledButton {
    padding: 0 10px 0 10px;
}
button.dtsp-showAll {
    padding: 0 10px 0 10px;
}
div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-collapseAll, div.dtsp-panesContainer button.dtsp-showAll {
    padding: 0 10px 0 10px;
}
button.dtsp-showAll:hover {
    padding: 0 10px 0 10px;
}

.margen_etiq {
    margin: 0 20px 0 230px;
}

.pantalla_carga {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
}
.cargando {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




.modal {
  display: none; /* Ocultar la ventana flotante inicialmente */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}
.close {
  color: #aaa;
  float: left;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.selected {
    background-color: #ccc; 
}





/* Estilos para modalEntidad */
.modalEntidad {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.modalEntidad-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    max-width: 700px;
    width: 100%;
}
.resultados {
    max-height: 250px;
    overflow-y: auto; /* Para que los resultados sean desplazables si hay muchas empresas */
    text-align: left;
}
.list-container {
    margin-top: 20px;
}
.company-item {
    padding: 3px;
    border: 1px solid #ddd;
    cursor: pointer; /* El puntero del ratón cambia para indicar que es clicable */
    transition: background-color 0.2s ease;
}
.company-item:hover {
    background-color: #f0f0f0; /* Cambia el fondo al pasar el mouse */
  }
.company-item.selected {
    background-color: var(--amarillo-gris)  ;
    border-color: var(--gris_oscuro); 
}
.entidad-seleccionada {
    color: var(--azul);
    margin-top: 5px;
    display: block;
}
.botones-accion {
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
}

  
  
  




.i-verde {
    background-color: rgb(41, 161, 41);
    color: white;
}
.i-rojo {
    background-color: rgb(238, 11, 11);
    color: white;
}
.tab-verde {
    background-color: #e7ffec !important; 
}
.tab-amarillo {
    background-color: #fffbe5 !important; 
}
.tab-rojo {
    background-color: #ffe3e6 !important; 
}
.gr-verde {
    background-color: #50dd6e !important; 
}
.gr-amarillo {
    background-color :#f8ef73 !important; 
}
.gr-rojo {
    background-color: #f87986 !important; 
}

.highcharts-data-table table {
    border: 1px solid #f1f7ff;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #ffcd5f14;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.ficha_contenedor {
    max-width: 1100px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.ficha_general {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 15px;
}
.data-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px solid #f0f0f0;
}
.data-row:last-child {
    border-bottom: none;
}

/* Para forzar algunas filas a ocupar todo el ancho */
.full-width-row {
    grid-column: 1 / span 2;
}
.label {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
    background-color: #f7f9fc;
    border-radius: 4px;
}
.value {
    text-align: left;
    word-wrap: break-word;
    padding: 5px;
}

/* Estilo para las filas de dos columnas (40% - 60%) */
.two-column .label {
    width: 40%;
}
.two-column .value {
    width: 60%;
}

/* Estilo para las filas de una sola columna (20% - 80%) */
.single-column .label {
    width: 20%;
}
.single-column .value {
    width: 80%;
}

.ficha_compara {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ficha_compara_cab {
    background-color: #e9ecef;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
}
.ficha_compara_cuerpo {
    padding: 10px;
}
.original {
    background-color: var(--gris_muyclaro);
    padding: 15px;
    border-right: 1px solid #ccc;
}
.generado {
    background-color: var(--amarillo_claro);
    padding: 15px;
}
.f-etiq {
    font-weight: bold;
    margin-bottom: 0;
}
.compara {
    background-color: var(--gris_medio);
    border-top: 1px solid var(--gris_oscuro);
    margin-top: 10px;
}

.noexistente {
    background-color:#ffffff;
}
.p_junto {
    margin-top: 0;
    margin-bottom: 0;
}

.formatea  {
    white-space: pre-wrap;
}


#emp_rec {
    display: none;
}

#d_orgId:empty + div .btn {
    display: none;
}

.btn-link {
    color: #0056b3 ;
}
a {
    color: #0056b3 ;
}