@charset "UTF-8";
/**
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: Tablas
 *  - Version: 5.0.0
*/

html {
  font-size: 100%;
  /* 100% = 16px */
}

:root {
  --govcolor-cobalt: #0943B5;
  --govcolor-matterhorn: #4C4C4C;
  --govcolor-white: #FFFFFF;
  --govcolor-havelock-lue: #4672C8;
  --govcolor-tropical-blue: #B5C7E9;
  --govcolor-black: #000000;
  --govcolor-silver: #B9B9B9;
  --govcolor-solitude: #E5ECF8;
  --govcolor-portage: #83A0DA;
  --govcolor-white-smoke: #F4F4F4;
  --govcolor-svg-cobalt: invert(20%) sepia(53%) saturate(3248%) hue-rotate(212deg) brightness(97%) contrast(107%);
  --govcolor-svg-white: invert(100%) sepia(100%) saturate(2%) hue-rotate(61deg) brightness(103%) contrast(101%);
  --govcolor-svg-silver-dis: invert(92%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(91%) contrast(83%);
  --govcolor-svg-havelock-lue: invert(41%) sepia(68%) saturate(553%) hue-rotate(181deg) brightness(90%) contrast(89%);
  --govcolor-svg-tropical-blue: invert(81%) sepia(24%) saturate(403%) hue-rotate(187deg) brightness(94%) contrast(93%);
}

/* Nunito_Sans-Bold */
@font-face {
  font-family: 'Nunito_Sans-Bold';
  src: url('../assets/fonts/Nunito_Sans/static/NunitoSans-Bold.ttf');
}

/* Verdana-Regular */
@font-face {
  font-family: 'Verdana-Regular';
  src: url('../assets/fonts/Verdana/static/Verdana-Regular.ttf');
}

/* NunitoSans-ExtraBold */
@font-face {
  font-family: 'NunitoSans-ExtraBold';
  src: url('../assets/fonts/Nunito_Sans/static/NunitoSans-ExtraBold.ttf');
}

/* Fuente iconografica */
@font-face {
  font-family: "govco-fontv5";
  src: url("../assets/icons/fonts/gov-co-font.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.govco-icon::after {
  font-family: "govco-fontv5";
}

.tabla-govco:not(.responsive-tabla-govco) {
  width: 100%;
  border: 0.125rem solid var(--govcolor-tropical-blue);
  overflow: auto;
  max-height: 25.188rem;
  scrollbar-color: var(--govcolor-cobalt) var(--govcolor-solitude);
  scrollbar-width: thin;
  position: relative;
}

.tabla-govco:not(.responsive-tabla-govco) .text-right {
  text-align: right;
}

.tabla-govco:not(.responsive-tabla-govco) .text-center {
  text-align: center;
}

.tabla-govco:not(.responsive-tabla-govco) .text-left {
  text-align: left;
}

.tabla-govco:not(.responsive-tabla-govco)::-webkit-scrollbar {
  width: 0.5rem;
  background-color: var(--govcolor-solitude);
  border-radius: 0.75rem;
}

.tabla-govco:not(.responsive-tabla-govco)::-webkit-scrollbar-track {
  border-radius: 0.625rem;
}

.tabla-govco:not(.responsive-tabla-govco)::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  box-shadow: 0 0.188rem 0.375rem #00000029;
  background-clip: padding-box;
  background-color: var(--govcolor-cobalt);
  border: 0.125rem solid var(--govcolor-solitude);
}

.tabla-govco:not(.responsive-tabla-govco)::-webkit-scrollbar-button:vertical:decrement {
  height: 4.438rem;
  background-color: var(--govcolor-havelock-lue);
}

.tabla-govco table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

.tabla-govco:not(.responsive-tabla-govco) thead {
  position: sticky; 
  top: 0; 
  z-index: 1;
  background-color: var(--govcolor-havelock-lue);
  border: 0;
}

.tabla-govco:not(.responsive-tabla-govco) thead tr th {
  color: var(--govcolor-white);
  font-size: 16px;
  font-family: 'Nunito_Sans-Bold';
  vertical-align: top;
  padding: 0.813rem 0 0.625rem 1.25rem;
  line-height: 1rem;
  height: 4.438rem;
  position: relative;
}

.tabla-govco:not(.responsive-tabla-govco) thead tr th:last-child,
.tabla-govco:not(.responsive-tabla-govco) tbody tr td:last-child,
.tabla-govco:not(.responsive-tabla-govco) tfoot tr td:last-child {
  padding-right: 0.938rem;
}

.tabla-govco tr th {
  border-radius: 0;
}

.tabla-govco tr th .sort {
  cursor: pointer;
  margin-right: 0.25rem;
  background-color: var(--govcolor-portage);
  line-height: 1;
}

.tabla-govco thead tr th:has(.sort) {
  padding-left: 0;
}

.tabla-govco thead tr th:first-child:has(.sort) {
  padding-left: 0.75rem;
}

.tabla-govco tr th .sort::before {
  font-family: "govco-fontv5";
  content: "\e815";
  font-size: 13px;
  color: var(--govcolor-white);
  width: 1rem;
  height: 0.938rem;
  border-radius: 0.063rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.tabla-govco tr th .sort[aria-sort="asc"]::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.tabla-govco tr th button {
  color: var(--govcolor-portage);
  border-radius: 0.063rem;
  border: 0;
  width: 1rem;
  height: 0.938rem;
  padding: 0;
}

.tabla-govco thead tr th .checkbox-seleccion-govco,
.tabla-govco tbody tr td .checkbox-seleccion-govco {
  margin-bottom: 0;
}

.tabla-govco thead tr th .checkbox-seleccion-govco input,
.tabla-govco tbody tr td .checkbox-seleccion-govco input {
  margin: 0;
}

.tabla-govco tbody tr td .checkbox-seleccion-govco input,
.tabla-govco.responsive-tabla-govco .checkbox-seleccion-govco input {
  background-color: transparent;
}

.tabla-govco .checkbox-seleccion-govco input[type="checkbox"]:checked {
  background-color: var(--govcolor-cobalt);
}

.tabla-govco:not(.responsive-tabla-govco) tbody {
  max-height: 20.313rem;
  overflow-y: auto;
}

.tabla-govco tbody {
  background-color: transparent;
  border: 0;
}

.tabla-govco .btn-collapse {
  border: 0;
  background-color: transparent;
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.tabla-govco .btn-collapse::after {
  font-family: "govco-fontv5";
  font-size: 14px;
  content: "\e815";
  color: var(--govcolor-cobalt);
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.tabla-govco .btn-collapse:hover {
  color: var(--govcolor-tropical-blue);
}

.tabla-govco .btn-collapse:focus-visible {
  outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
  outline-offset: max(0.125rem, 0.125rem);
}

.tabla-govco .btn-collapse[aria-expanded="true"]::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.tabla-govco tbody tr,
.tabla-govco tfoot tr {
  background-color: transparent;
  border: 0;
}

.tabla-govco tbody tr td,
.tabla-govco tfoot tr td {
  color: var(--govcolor-matterhorn);
  font-size: 14px;
  font-family: 'Verdana-Regular';
  padding: 0.75rem 0 0.75rem 1.25rem;
  line-height: 1.25rem;
  align-items: center;
  font-weight: normal;
}

.tabla-govco:not(.responsive-tabla-govco) tbody tr:not(.internal-table-container) td,
.tabla-govco:not(.responsive-tabla-govco) tfoot tr td {
  height: 4.063rem;
}

.tabla-govco:not(.responsive-tabla-govco) table:not(.not-active-rows) tbody tr:has(input[type="checkbox"]:active),
.tabla-govco.responsive-tabla-govco table:not(.not-active-rows):has(input[type="checkbox"]:active) {
  background-color: #FFAB001A;
}

.tabla-govco:not(.responsive-tabla-govco) table:not(.not-accented-rows) > tbody > tr:nth-child(even),
.tabla-govco.responsive-tabla-govco table:not(.not-accented-rows):nth-child(even) {
  background-color: var(--govcolor-solitude);
}

.tabla-govco:not(.responsive-tabla-govco) table:not(.not-row-cursor-over) tbody tr:hover,
.tabla-govco.responsive-tabla-govco table:not(.not-row-cursor-over):hover {
  background-color: #FFFAE8;
}

.tabla-govco:not(.responsive-tabla-govco) tbody tr:not(:last-child) td {
  border-bottom: 0.125rem solid var(--govcolor-solitude);
}

.tabla-govco:not(.responsive-tabla-govco) tbody tr.internal-table-container:not(tr:last-child) td {
  padding: 0;
  border-bottom: 0.125rem solid transparent;
}

.tabla-govco:not(.responsive-tabla-govco) tbody tr.internal-table-container > td > div {
  border-bottom: 0.125rem solid var(--govcolor-solitude);
  background-color: var(--govcolor-solitude);
  padding: 0 0.625rem 0 2.813rem;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table caption,
.tabla-govco .internal-table-second-container > div {
  caption-side: top;
  padding: 1.188rem 0 0 0;
  font-weight: normal;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table caption .caption-1,
.tabla-govco .internal-table-second-container > div .caption-1 {
  font-size: 18px;
  font-family: 'NunitoSans-ExtraBold';
  color: var(--govcolor-matterhorn);
  display: block;
  margin-bottom: 0.75rem;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table caption .caption-2,
.tabla-govco .internal-table-second-container > div .caption-2 {
  font-size: 14px;
  font-family: 'Verdana-Regular';
  color: var(--govcolor-matterhorn);
  display: block;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table thead {
  position: initial;
  background-color: transparent;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table thead th {
  color: var(--govcolor-cobalt);
  height: initial;
  vertical-align: middle;
  padding: 1.875rem 0.938rem 1.875rem 0;
  border-bottom: 0.063rem solid var(--govcolor-white);
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table tbody td {
  padding: 1.625rem 0.625rem 1.625rem 0!important;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table tbody tr:not(:last-child) td {
  border-bottom: 0.063rem solid var(--govcolor-white)!important;
}

.tabla-govco:not(.responsive-tabla-govco) .internal-table tr {
  background-color: var(--govcolor-solitude)!important;
}

.tabla-govco:not(.responsive-tabla-govco) tfoot {
  background-color: var(--govcolor-white-smoke);
  position: sticky;
  bottom: 0;
  border-top: 0.125rem solid var(--govcolor-solitude);
}

.tabla-govco + .table-legend {
  color: var(--govcolor-matterhorn);
  font-size: 14px;
  font-family: 'Verdana-Regular';
  margin-top: 0.688rem;
  display: block;
}

/* Tabla responsiva */
.responsive-tabla-govco {
  max-height: initial!important;
  border-bottom: 0.125rem solid var(--govcolor-tropical-blue);
}

.responsive-tabla-govco table {
  border: 0.125rem solid var(--govcolor-tropical-blue);
  border-bottom: 0;
  background-color: var(--govcolor-white);
  width: 100%;
}

.responsive-tabla-govco table tbody {
  padding: 1.125rem 1.25rem;
}

.responsive-tabla-govco table tr th {
  color: var(--govcolor-cobalt);
  font-family: 'Nunito_Sans-Bold';
  font-size: 16px;
  padding: 1.125rem 0 0 0.938rem;
  width: 36%!important;
  vertical-align: top;
}

.responsive-tabla-govco table tr th .sort {
  position: initial;
  margin-right: 11px;
  line-height: 1;
}

.responsive-tabla-govco table tr td {
  color: var(--govcolor-matterhorn);
  font-family: 'Verdana-Regular';
  font-size: 14px;
  padding: 1.125rem 1.125rem 0 1.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.responsive-tabla-govco table tr td div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  position: relative;
}

.responsive-tabla-govco table tr:last-child th,
.responsive-tabla-govco table tr:last-child td {
  padding-bottom: 1rem;
}

.responsive-tabla-govco table tr.internal-table-item th {
  background-color: var(--govcolor-havelock-lue);
  color: var(--govcolor-white);
}

.responsive-tabla-govco thead tr th .checkbox-seleccion-govco,
.responsive-tabla-govco tbody tr td .checkbox-seleccion-govco {
  margin-bottom: 0;
}

.responsive-tabla-govco .btn-collapse-responsive {
  margin: 0;
}

.responsive-tabla-govco table tfoot {
  background-color: var(--govcolor-white-smoke);
}

.responsive-tabla-govco .internal-table-second-container {
  border-left: 0.125rem solid var(--govcolor-tropical-blue);
  border-right: 0.125rem solid var(--govcolor-tropical-blue);
  background-color: var(--govcolor-solitude);
}

.responsive-tabla-govco .internal-table-second-container > div {
  padding: 1.188rem 1.188rem 1rem 1.188rem;
}

.responsive-tabla-govco .internal-table-second-container table.internal-table {
  background-color: var(--govcolor-solitude);
  border: 0;
}

.responsive-tabla-govco .internal-table-second-container table.internal-table th {
  padding: 0 0 0.25rem 1.188rem;
}

.responsive-tabla-govco .internal-table-second-container table.internal-table td {
  padding: 0 1rem 0.25rem 1.125rem;
}

.responsive-tabla-govco .internal-table-second-container table.internal-table:last-child tr:last-child th,
.responsive-tabla-govco .internal-table-second-container table.internal-table:last-child tr:last-child td {
  padding-bottom: 1.875rem;
}

.responsive-tabla-govco .internal-table-second-container hr {
  border-bottom: 0.063rem solid var(--govcolor-white);
  max-height: 0.188rem;
  background-color: transparent;
  margin: 0.875rem 1rem 1.313rem 0.938rem;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Checkbox */
.checkbox-seleccion-govco {
  display: block;
  cursor: pointer;
  margin-bottom: 0.938rem;
}

.checkbox-seleccion-govco label {
  font-size: 15px;
  color: var(--govcolor-matterhorn);
  font-family: "Verdana-Regular";
}

.checkbox-seleccion-govco input[type="checkbox"]+label {
  color: var(--govcolor-matterhorn);
  font-size: 15px;
  cursor: pointer;
  margin-left: 0;
  margin-right: 0;
}

.checkbox-seleccion-govco input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--govcolor-white);
  margin: 0;
  font: inherit;
  color: var(--govcolor-cobalt);
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid var(--govcolor-cobalt);
  transform: translateY(-0.075em);
  border-radius: 0.25rem;
  display: inline-grid;
  place-content: center;
  float: left;
  margin-right: 0.625rem;
  margin-top: 0.15rem;
  position: relative !important;
  opacity: 1 !important;
  cursor: pointer;
}

.checkbox-seleccion-govco input[type="checkbox"]:checked::after {
  font-family: "govco-fontv5";
  content: "\e889";
  color: var(--govcolor-white);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox-seleccion-govco input[type="checkbox"]:not(:checked),
.checkbox-seleccion-govco input[type="checkbox"]:checked {
  pointer-events: auto !important;
}

.checkbox-seleccion-govco input[type="checkbox"]:checked {
  background-color: var(--govcolor-cobalt);
}

.checkbox-seleccion-govco input[type="checkbox"]:focus-visible {
  outline: max(0.125rem, 0.15em) solid var(--govcolor-black);
  outline-offset: max(0.125rem, 0.15em);
}

.checkbox-seleccion-govco input[type="checkbox"]:disabled {
  border: 0.125rem solid var(--govcolor-silver);
}

.checkbox-seleccion-govco input[type="checkbox"]:checked:disabled {
  background-color: var(--govcolor-silver);
}

.checkbox-seleccion-govco input[type="checkbox"]:disabled+label {
  color: var(--govcolor-silver);
}