@charset "UTF-8";
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
/*          Variables versión Light         */
/*==========================================*/
/*          Variables versión Dark          */
/*==========================================*/
.container-wrap-flex-with-gap.gy-4 > .row, .container-wrap-flex-with-gap.gy-4 {
  gap: 0 24px;
}
.container-wrap-flex-with-gap.g-4 > .row, .container-wrap-flex-with-gap.g-4 {
  gap: 24px;
}
.container-wrap-flex-with-gap.gx-4 > .row, .container-wrap-flex-with-gap.gx-4 {
  gap: 24px 0;
}

.flex-item {
  /*2 items, 3 items, 3 items*/
  flex: 1 1 31.33333%;
  min-width: calc((100% - 95px) / 3);
}

.flex-item-t {
  /*2 items, 2 items, 3 items*/
  flex: 1 1 auto;
  min-width: calc((100% - 95px) / 3);
}
@media (min-width: 768px) {
  .flex-item-t {
    flex: 1 1 30.8%;
  }
}

.flex-item-f {
  flex: 1 1 auto;
  min-width: calc((100% - 95px) / 4);
}
@media (min-width: 768px) {
  .flex-item-f {
    flex: 1 1 23.8%;
  }
}

.basic-container-inputs {
  padding: 20px 0;
}

/*                  Modales                 */
/*==========================================*/
.modal-dialog {
  margin: 1.75rem auto;
  max-width: 96%;
}
@media (min-width: 500px) {
  .modal-dialog {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .modal-dialog {
    max-width: 85%;
  }
}

/* Layout compartido: confirmación de salida y mensaje — ancho de diálogo típico, no casi pantalla completa */
#logoutModal .modal-dialog,
#messageModal #messageModalSize.modal-dialog {
  max-width: min(500px, 94vw);
}

.content-modal-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.content-modal-wrap > div:not(:has(.btns-wrap)) {
  padding-top: 33px !important;
}
.content-modal-wrap .fg-toolbar {
  display: flex;
  gap: 16px;
}

#wrapper #content-wrapper {
  min-height: 100vh;
}

.navbar-nav.sidebar.accordion {
  padding-top: 0;
}

.topbar #sidebarToggleTop {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topbar #sidebarToggleTop i {
  font-size: 25px;
}

@media (min-width: 1200px) {
  .navbar-nav.sidebar.collapse:not(.show) {
    display: flex;
  }
}
/*Encabezado Ajustes del TopBar*/
.topbar,
.sidebar .sidebar-brand {
  height: 5.375rem;
}
@media (min-width: 768px) {
  .topbar,
  .sidebar .sidebar-brand {
    height: 4.375rem;
  }
}

h1.ttl_page {
  font-size: 18px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 768px) {
  h1.ttl_page {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  h1.ttl_page {
    font-size: 24px;
  }
}

.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
  height: 2.5rem;
  width: 2.5rem;
}
@media (min-width: 1200px) {
  .sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
    height: 2rem;
    width: 2rem;
  }
}

.topbar .nav-item .nav-link {
  gap: 16px;
}
.topbar .nav-item .nav-link p {
  margin: 0;
}

a.collapse-item {
  text-wrap: auto;
}

.btn-wrap--circle {
  width: 100%;
  position: relative;
}
.btn-wrap--circle a, .btn-wrap--circle button, .btn-wrap--circle .btn {
  height: 48px !important;
  width: 48px !important;
  font-size: 16px;
}
.btn-wrap--circle a i, .btn-wrap--circle button i, .btn-wrap--circle .btn i {
  font-size: 24px;
}
@media (min-width: 1200px) {
  .btn-wrap--circle a i, .btn-wrap--circle button i, .btn-wrap--circle .btn i {
    font-size: 20px;
  }
}
.btn-wrap--large {
  width: 100%;
  position: relative;
}
.btn-wrap--large a, .btn-wrap--large button {
  width: 100%;
}
.btn-wrap--large .btn-icon-split .icon {
  width: 48px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .btn-wrap--large .btn-icon-split .icon {
    width: 40px;
    font-size: 1rem;
    padding: 0.575rem 0.75rem;
  }
}
.btn-wrap--large .btn-icon-split .text {
  width: calc(100% - 48px);
  text-align: center;
  align-content: center;
}
@media (min-width: 1200px) {
  .btn-wrap--large .btn-icon-split .text {
    width: calc(100% - 40px);
    padding: 0.675rem calc(0.75rem + 8px) 0.675rem 0.75rem;
  }
}
.btn-wrap--large:not(:has(.w-100)) a, .btn-wrap--large:not(:has(.w-100)) button {
  width: 100%;
}
@media (min-width: 1200px) {
  .btn-wrap--large:not(:has(.w-100)) a, .btn-wrap--large:not(:has(.w-100)) button {
    min-width: 180px;
    width: auto;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .btn-wrap--unique {
    display: inline-block;
  }
}
.btn-wrap--unique .btn, .btn-wrap--unique a {
  min-height: 48px;
  text-align: center;
  min-width: 120px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .btn-wrap--unique .btn, .btn-wrap--unique a {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-wrap--unique .btn, .btn-wrap--unique a {
    min-height: auto;
  }
}
.btn-wrap--large-unique {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .btn-wrap--large-unique {
    width: auto;
  }
}
.btn-wrap--large-unique a, .btn-wrap--large-unique button {
  width: 100%;
}
@media (min-width: 768px) {
  .btn-wrap--large-unique a, .btn-wrap--large-unique button {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-wrap--large-unique a, .btn-wrap--large-unique button {
    min-width: 180px;
    width: auto;
    max-width: 100%;
  }
}
.btn-wrap--large-unique .btn-icon-split .icon {
  width: 48px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .btn-wrap--large-unique .btn-icon-split .icon {
    width: 40px;
    font-size: 1rem;
    padding: 0.575rem 0.75rem;
  }
}
.btn-wrap--large-unique .btn-icon-split .text {
  width: calc(100% - 48px);
  text-align: center;
  align-content: center;
}
@media (min-width: 1200px) {
  .btn-wrap--large-unique .btn-icon-split .text {
    width: calc(100% - 40px);
    padding: 0.675rem calc(0.75rem + 8px) 0.675rem 0.75rem;
  }
}
.btn-wrap--uniqueIcon {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 16px;
}
.btn-wrap--uniqueIcon .btn, .btn-wrap--uniqueIcon a {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  min-width: 48px;
}
@media (min-width: 1200px) {
  .btn-wrap--uniqueIcon .btn, .btn-wrap--uniqueIcon a {
    min-height: 40px;
    min-width: 40px;
    padding: 0.575rem 0.75rem;
  }
}
.btn-wrap--uniqueIcon .btn i, .btn-wrap--uniqueIcon a i {
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  .btn-wrap--uniqueIcon .btn i, .btn-wrap--uniqueIcon a i {
    font-size: 1rem;
  }
}
.btn-wrap.btn-full a {
  width: 100%;
}

.fields-wrap-toolbar {
  gap: 0.5rem;
  flex-wrap: nowrap;
  align-items: center !important;
}
.fields-wrap-toolbar .btn.btn-icon-split {
  min-height: 48px;
  align-items: center;
}
.fields-wrap-toolbar .btn.btn-icon-split .text {
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .fields-wrap-toolbar .btn.btn-icon-split {
    min-height: 40px;
  }
}

.btns-wrap {
  display: flex !important;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
}
@media (min-width: 768px) {
  .btns-wrap.btns-full {
    justify-content: space-between;
  }
}
.btns-wrap.btns-full .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .btns-wrap.btns-full .btn {
    max-width: 50%;
    width: auto;
  }
}
.btns-wrap.btns--indications .btn {
  min-height: 48px;
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  font-size: 16px;
  flex-grow: 1;
}
.btns-wrap.btns--indications .btn i {
  font-size: 1.2rem;
}
@media (min-width: 1200px) {
  .btns-wrap.btns--indications .btn {
    font-size: inherit;
    flex-grow: 0;
  }
}

.table_administrative .btn:not(.btn-icon-split) {
  border-radius: 8px;
  height: 48px;
  width: 48px;
}
.table_administrative .btn:not(.btn-icon-split) i {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .table_administrative .btn:not(.btn-icon-split) {
    text-align: center;
    min-width: 115px;
  }
}
@media (min-width: 1200px) {
  .table_administrative .btn:not(.btn-icon-split) {
    height: 1.8rem;
    width: 1.8rem;
  }
  .table_administrative .btn:not(.btn-icon-split) i {
    font-size: 0.75rem;
  }
}
.table_administrative .btn.btn-icon-split {
  height: 48px;
  width: auto;
  min-width: 106px;
  font-size: 1.2rem;
  align-items: center;
}
@media (min-width: 768px) {
  .table_administrative .btn.btn-icon-split {
    height: initial;
    font-size: inherit;
  }
}
.table_administrative .btn.btn-icon-split span {
  height: 100%;
  align-content: center;
}
.table_administrative .btn.btn-icon-split i {
  font-size: inherit;
}
.table_administrative .btn.btn-icon-split .icon {
  width: 40px;
}
.table_administrative .btn.btn-icon-split .text {
  width: calc(100% - 40px);
  text-align: center;
  align-content: center;
  line-height: 1;
}
.table_administrative .btn.btn-icon-split.btn-xs .text {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .table_administrative .btn.btn-icon-split.btn-xs .text {
    font-size: 0.9rem;
  }
}
.table_administrative tr td:not(:has(.btns-wrap .btn), :has(.btn-icon-split)) i {
  font-size: 30px;
}
@media (min-width: 768px) {
  .table_administrative tr td:not(:has(.btns-wrap .btn), :has(.btn-icon-split)) i {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) .btn:not(.btn-icon-split) {
    border-radius: 50%;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet .btn {
    border-radius: 50%;
    min-width: auto;
  }
}

.list-group.list-group-flush .list-group-item.d-flex.justify-content-between.align-items-center span:first-of-type {
  padding-right: 16px;
}

.badge {
  padding: 10px 15px;
  font-size: 14.5px;
}

#li-notification #alertsDropdown i {
  font-size: 35px;
}
@media (min-width: 1200px) {
  #li-notification #alertsDropdown i {
    font-size: 28px;
  }
}
#li-notification #alertsDropdown .badge {
  font-size: 16.5px;
}
@media (min-width: 1200px) {
  #li-notification #alertsDropdown .badge {
    font-size: 14.5px;
  }
}

.fields-wrap {
  padding: 20px;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0 24px;
}

.form-control {
  min-height: 48px;
}
@media (min-width: 1200px) {
  .form-control {
    min-height: 40px;
  }
}

.form-check {
  padding-left: 2.25rem;
}
.form-check .form-check-input {
  margin-left: -2.25rem;
}
.form-check .form-check-input[type=radio], .form-check .form-check-input[type=checkbox] {
  width: 20px;
  height: 20px;
}

/*Estilos para pasar las tablas a Tarjetas*/
.table_administrative {
  width: 100%;
}
.table_administrative .dataTables_wrapper {
  padding: 20px;
}
.table_administrative th,
.table_administrative td {
  padding: 12px 16px;
  text-align: left;
}
.table_administrative thead {
  display: none;
}
.table_administrative tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.table_administrative tbody tr {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  word-break: break-word;
}
@media (min-width: 768px) {
  .table_administrative tbody tr {
    width: 47%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .table_administrative tbody tr.table--full {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .table_administrative tbody tr.table--full {
    width: 48%;
  }
}
.table_administrative td:not(.sticky-col-info) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 12px;
  position: relative;
  gap: 15px;
}
.table_administrative td::before {
  content: attr(data-label);
  font-weight: bold;
  flex: 1;
  text-align: left;
  width: 100%;
  word-break: auto-phrase;
}
.table_administrative td span.info-vaue {
  display: block;
  text-align: end;
  width: 60%;
}
@media (min-width: 1200px) {
  .table_administrative td:last-child {
    justify-content: flex-end;
    gap: 8px;
  }
}
.table_administrative td {
  /*Encabezado de la tabla*/
}
.table_administrative td.head-tr {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  border: none;
  align-items: flex-start;
  flex-wrap: wrap;
}
.table_administrative td.head-tr .info-value {
  text-align: left;
}
.table_administrative td.head-tr::before {
  text-align: left;
}
.table_administrative td.head-tr.head--year {
  flex-direction: row;
  justify-content: flex-start;
  font-weight: 700;
  text-transform: capitalize;
}
@media (min-width: 1200px) {
  .table_administrative td.head-tr.head--year {
    font-weight: 400;
  }
}
.table_administrative td.head-tr.head--year::before {
  content: none;
}
.table_administrative td.head-tr:not(::before) {
  display: inline-block;
}
.table_administrative td:empty {
  display: none;
  position: relative;
}
.table_administrative td:empty::after {
  content: "-";
  position: relative;
  width: auto;
}
.table_administrative td.dataTables_empty {
  margin: auto;
}
.table_administrative table.dataTable.no-footer {
  border: none;
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) th,
  .table_administrative:not(.administrative_tablet) td {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) thead {
    display: table-header-group;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) tbody {
    display: table-row-group;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) tbody tr {
    box-shadow: none;
    display: table-row;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td:not(.sticky-col-info) {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td::before {
    content: none;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td span.info-vaue {
    width: auto;
    text-align: left;
    display: inline-block;
  }
}
.table_administrative:not(.administrative_tablet) td {
  /*Encabezado de la tabla*/
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td.head-tr {
    display: table-cell;
    text-align: left;
    background-color: transparent;
    padding: 12px;
    border-bottom: none;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td.head-tr.head--year span {
    display: none;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td:empty::after {
    content: none;
  }
}
@media (min-width: 1200px) {
  .table_administrative:not(.administrative_tablet) td:empty {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet th,
  .table_administrative.administrative_tablet td {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet thead {
    display: table-header-group;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet tbody {
    display: table-row-group;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet tbody tr {
    box-shadow: none;
    display: table-row;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td:not(.sticky-col-info) {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td::before {
    content: none;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td span.info-vaue {
    width: auto;
    text-align: left;
    display: inline-block;
  }
}
.table_administrative.administrative_tablet td {
  /*Encabezado de la tabla*/
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td.head-tr {
    display: table-cell;
    text-align: left;
    padding: 12px;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td.head-tr.head--year span {
    display: none;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td:empty::after {
    content: none;
  }
}
@media (min-width: 768px) {
  .table_administrative.administrative_tablet td:empty {
    display: table-cell;
  }
}
.table_administrative .order-change {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .table_administrative .order-change {
    display: table-row;
  }
}
.table_administrative .order-change td:nth-child(3) {
  order: 0;
}
.table_administrative .order-change td:nth-child(1) {
  order: 1;
}
.table_administrative .order-change td:nth-child(2) {
  order: 2;
}
.table_administrative .order-change td:nth-child(4) {
  order: 3;
}
.table_administrative .order-change td:nth-child(5) {
  order: 4;
}
.table_administrative .order-change--tipoDocumento {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .table_administrative .order-change--tipoDocumento {
    display: table-row;
  }
}
.table_administrative .order-change--tipoDocumento td:nth-child(2) {
  order: 0;
}
.table_administrative .order-change--tipoDocumento td:nth-child(1) {
  order: 1;
}
.table_administrative .order-change--tipoDocumento td:nth-child(3) {
  order: 2;
}
.table_administrative .order-change--tipoDocumento td:nth-child(4) {
  order: 3;
}
.table_administrative .order-change--tipoDocumento td:nth-child(5) {
  order: 4;
}
.table_administrative .order-change--tipoDocumento td:nth-child(6) {
  order: 5;
}
.table_administrative .order-change--tipoDocumento td:nth-child(7) {
  order: 6;
}
.table_administrative .order-change--tipoDocumento td:nth-child(8) {
  order: 7;
}
.table_administrative .order-change--notifications {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .table_administrative .order-change--notifications {
    display: table-row;
  }
}
.table_administrative .order-change--notifications td:nth-child(3) {
  order: 0;
}
.table_administrative .order-change--notifications td:nth-child(1) {
  order: 1;
}
.table_administrative .order-change--notifications td:nth-child(4) {
  order: 2;
}
.table_administrative .order-change--notifications td:nth-child(2) {
  order: 3;
}
.table_administrative .order-change--notifications td:nth-child(5) {
  order: 5;
}
.table_administrative.card-resposive tbody {
  justify-content: center;
}
.table_administrative.card-resposive tbody tr {
  width: 100%;
}
@media (min-width: 768px) {
  .table_administrative.card-resposive tbody tr {
    width: 47%;
    flex-grow: 1;
  }
}
.table_administrative.card-resposive tbody td::before {
  width: 100%;
}
.table_administrative.hide-elements-filter .dataTables_filter {
  display: contents;
}
.table_administrative {
  /*Estilos para columnas fijas*/
}
.table_administrative--sticky th.sticky-col-head,
.table_administrative--sticky td.sticky-col-info {
  position: sticky !important;
  z-index: 10;
  /*Cuando solo va a ser una unica columna*/
}
.table_administrative--sticky th.sticky-col-head.sticky--unique,
.table_administrative--sticky td.sticky-col-info.sticky--unique {
  left: -1px;
}
.table_administrative--sticky th.sticky-col-head.sticky--unique-sn-bkg,
.table_administrative--sticky td.sticky-col-info.sticky--unique-sn-bkg {
  left: -1px;
}
.table_administrative--sticky th.sticky-col-head,
.table_administrative--sticky td.sticky-col-info {
  /*Para la primer columna*/
}
.table_administrative--sticky th.sticky-col-head.id-value,
.table_administrative--sticky td.sticky-col-info.id-value {
  left: 0;
  min-width: 100px;
  max-width: 100px;
  width: 100px !important;
  box-sizing: border-box;
}
.table_administrative--sticky th.sticky-col-head,
.table_administrative--sticky td.sticky-col-info {
  /*Para cuando sean 2 columnas*/
}
.table_administrative--sticky th.sticky-col-head:nth-child(2),
.table_administrative--sticky td.sticky-col-info:nth-child(2) {
  left: 100px;
}
.table_administrative {
  /*Encabezado (Dividdido entre el select y buscar)*/
}
.table_administrative .ui-widget-header.ui-corner-tl.ui-corner-tr {
  display: flex;
  flex-direction: column-reverse;
}
.table_administrative .ui-widget-header.ui-corner-tl.ui-corner-tr .dataTables_filter,
.table_administrative .ui-widget-header.ui-corner-tl.ui-corner-tr .dataTables_length {
  width: 100%;
}
.table_administrative .ui-widget-header.ui-corner-tl.ui-corner-tr .dataTables_filter label {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}
.table_administrative .ui-widget-header.ui-corner-tl.ui-corner-tr .dataTables_filter label input {
  flex-grow: 1;
  margin: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  .table_administrative .ui-widget-header.ui-corner-tl.ui-corner-tr .dataTables_filter label input {
    min-height: 38px;
  }
}

/*Contenedor del paginador*/
.card-body .table-responsive .dataTables_wrapper .ui-toolbar {
  padding: 8px 0px;
}

/*Botones de siguiente y anterior (Tablas)*/
a.ui-state-default:not(.previous):not(.next) {
  width: 48px;
  margin: 0;
  padding: 10px 12px 10px 10px;
}
a.ui-state-default:not(.previous):not(.next).previous, a.ui-state-default:not(.previous):not(.next).next {
  padding: 10px 16px !important;
}

.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_info,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_info {
  padding: 0;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_info,
  .administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_info {
    width: auto;
    flex-grow: 0;
  }
}
@media (min-width: 1200px) {
  .fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_info,
  .administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_info {
    flex-direction: row;
  }
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  flex-grow: 1;
  border: solid 1px #ccc;
  border-radius: 7px;
  padding: 0 !important;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate .fg-button,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate .fg-button {
  padding: 15px !important;
}
@media (min-width: 1200px) {
  .fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate .fg-button,
  .administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate .fg-button {
    padding: 0.5em !important;
  }
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate span,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate span {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /* flex: 1 1 100%; */
  /* justify-content: center; */
  /* @include m.tablet{
      flex: 1 1 auto;
      justify-content: space-between; 
  } */
  padding: 0 6px;
  gap: 6px 0;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate span:has(:nth-child(3)),
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate span:has(:nth-child(3)) {
  min-width: 212px;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate span a.fg-button.ui-button.ui-state-default,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate span a.fg-button.ui-button.ui-state-default {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: solid 1px #ccc !important;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate span a:last-child,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate span a:last-child {
  border-right: solid 1px #ccc !important;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate span .ellipsis,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate span .ellipsis {
  padding: 15px !important;
  flex-grow: 1;
  justify-content: center !important;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate .fg-button.next,
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate .fg-button.previous,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate .fg-button.next,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate .fg-button.previous {
  flex: 1 1 auto;
  max-width: 100%;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate.wrapped span a:last-child,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate.wrapped span a:last-child {
  border-right: none !important;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br .dataTables_paginate.wrapped span a.fg-button.ui-button.ui-state-default,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer .dataTables_paginate.wrapped span a.fg-button.ui-button.ui-state-default {
  border-left: none !important;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br div.dataTables_wrapper div.dataTables_paginate,
.administrative-paginate .dataTables_wrapper.dt-jqueryui.no-footer div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  flex-grow: 1;
  max-width: max-content;
  justify-content: center;
}

.hide-elements div:has(> #cliente-detalle-div) {
  display: contents;
}

#pnl-row .dataTables_wrapper {
  padding: 20px 0;
}

.vertical-center {
  text-align: center !important;
}

div#customerMap {
  border-radius: 8px;
}