/* Ajuste visual transversal MRJ2 2026-06-18. */
body.mrj-visual-polish {
  overflow-x: hidden;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav.nav-center8,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav.nav-center7,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav.nav-center6,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav.nav-center5,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav.border {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  row-gap: 8px !important;
  margin: 0 !important;
  padding: 4px 6px !important;
  width: 100% !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li {
  display: flex !important;
  float: none !important;
  margin: 0 !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  gap: 5px !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a i,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a .fas,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a .fa,
.mrj-visual-polish .btn i,
.mrj-visual-polish .btn .fas,
.mrj-visual-polish .btn .fa {
  color: currentColor !important;
  fill: currentColor !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a.btn-tv,
.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li.active > a.btn-tv {
  background: #a56a00 !important;
  border-color: #8f5b00 !important;
  color: #fff !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a.btn-tv:hover {
  background: #8f5b00 !important;
  color: #fff !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) {
  margin-bottom: 8px !important;
}

.mrj-visual-polish .navbar:not(.mrj-main-navbar) + .navbar:not(.mrj-main-navbar) {
  margin-top: 4px !important;
}

.mrj-visual-polish .mrj-visual-table-scroll {
  box-sizing: border-box;
  margin: 14px 0 22px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 10px;
  width: 100%;
}

.mrj-visual-polish .mrj-visual-table-scroll > table {
  margin-bottom: 0 !important;
}

.mrj-visual-polish table.tablesorter,
.mrj-visual-polish table.table {
  border-collapse: collapse;
}

.mrj-visual-polish table.mrj-visual-table-tuned {
  max-width: none !important;
  table-layout: auto !important;
  width: max-content !important;
}

.mrj-visual-polish table.tablesorter th,
.mrj-visual-polish table.tablesorter td,
.mrj-visual-polish table.table th,
.mrj-visual-polish table.table td {
  box-sizing: border-box !important;
  line-height: 1.15 !important;
  padding: 2px 5px !important;
  vertical-align: middle !important;
  word-break: normal !important;
}

.mrj-visual-polish table.tablesorter tbody tr,
.mrj-visual-polish table.table tbody tr {
  height: auto !important;
  min-height: 0 !important;
}

.mrj-visual-polish table.tablesorter tbody td,
.mrj-visual-polish table.table tbody td {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}

.mrj-visual-polish table.tablesorter td .row-fluid,
.mrj-visual-polish table.table td .row-fluid,
.mrj-visual-polish table.tablesorter td [class*="span"],
.mrj-visual-polish table.table td [class*="span"] {
  line-height: 1.15 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  min-height: 0 !important;
}

.mrj-visual-polish table.tablesorter td,
.mrj-visual-polish table.table td {
  overflow-wrap: break-word;
  white-space: normal;
}

.mrj-visual-polish table.tablesorter th,
.mrj-visual-polish table.table th {
  color: #173a56;
  font-weight: bold;
  white-space: normal !important;
}

.mrj-visual-polish table.tablesorter input,
.mrj-visual-polish table.tablesorter select {
  box-sizing: border-box !important;
  height: 24px !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
  width: 100% !important;
}

.mrj-visual-polish table.tablesorter tfoot input,
.mrj-visual-polish table.tablesorter tfoot select,
.mrj-visual-polish .ts-pager input,
.mrj-visual-polish .ts-pager select,
.mrj-visual-polish .tablesorter-pager input,
.mrj-visual-polish .tablesorter-pager select {
  display: inline-block !important;
  height: 28px !important;
  margin: 2px 4px !important;
  max-width: 92px !important;
  min-width: 44px !important;
  padding: 3px 6px !important;
  vertical-align: middle !important;
  width: auto !important;
}

.mrj-visual-polish .ts-pager select,
.mrj-visual-polish .tablesorter-pager select {
  max-width: 76px !important;
}

.mrj-visual-polish .ts-pager .pagedisplay,
.mrj-visual-polish .tablesorter-pager .pagedisplay {
  display: inline-block !important;
  line-height: 28px !important;
  margin: 2px 4px !important;
  max-width: 112px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.mrj-visual-polish table .btn {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  height: 26px !important;
  line-height: 1 !important;
  margin: 0 1px !important;
  min-height: 26px !important;
  min-width: 26px !important;
  padding: 3px 6px !important;
  text-align: center !important;
  white-space: nowrap !important;
  width: auto !important;
}

.mrj-visual-polish table .btn.span12 {
  display: inline-flex !important;
  float: none !important;
  width: auto !important;
}

.mrj-visual-polish table td .btn-chico,
.mrj-visual-polish table td .btn.span12,
.mrj-visual-polish table td .btnUpload,
.mrj-visual-polish table td .btn-borrar,
.mrj-visual-polish table td [class*="btn-img-rem"] {
  border-radius: 5px !important;
  height: 25px !important;
  min-height: 25px !important;
  min-width: 25px !important;
  padding: 3px 5px !important;
}

.mrj-visual-polish table .btn i,
.mrj-visual-polish table .btn .fa,
.mrj-visual-polish table .btn .fas,
.mrj-visual-polish table .btn .far,
.mrj-visual-polish table .btn .glyphicon,
.mrj-visual-polish table .btn [class^="icon-"],
.mrj-visual-polish table .btn [class*=" icon-"] {
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.mrj-visual-polish .mrj-action-col,
.mrj-visual-polish .mrj-action-col-wide {
  line-height: 1 !important;
  padding-bottom: 1px !important;
  padding-top: 1px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.mrj-visual-polish table.tablesorter tbody td:has(.btn),
.mrj-visual-polish table.table tbody td:has(.btn) {
  line-height: 1 !important;
  padding-bottom: 1px !important;
  padding-top: 1px !important;
}

.mrj-visual-polish .mrj-action-col .btn,
.mrj-visual-polish .mrj-action-col-wide .btn {
  margin: 0 auto !important;
}

.mrj-visual-polish .ts-pager,
.mrj-visual-polish .tablesorter-pager {
  box-sizing: border-box !important;
  padding: 10px 8px !important;
  text-align: center !important;
  white-space: normal !important;
}

.mrj-visual-polish .ts-pager .btn,
.mrj-visual-polish .ts-pager button,
.mrj-visual-polish .ts-pager input[type="button"],
.mrj-visual-polish .tablesorter-pager .btn,
.mrj-visual-polish .tablesorter-pager button,
.mrj-visual-polish .tablesorter-pager input[type="button"] {
  flex: 0 0 auto !important;
  line-height: 1.1 !important;
  margin: 2px !important;
  min-height: 28px !important;
  min-width: 30px !important;
  padding: 4px 8px !important;
  width: auto !important;
}

.mrj-visual-polish .revision-alert-show {
  bottom: auto !important;
  left: auto !important;
  right: 16px !important;
  top: 132px !important;
  width: 128px !important;
  opacity: .92;
}

.mrj-system-sidca .flotante.mrj-sidca-footer,
.mrj-visual-polish.mrj-system-sidca .flotante.mrj-sidca-footer {
  bottom: auto !important;
  clear: both !important;
  margin-top: 24px !important;
  position: static !important;
  z-index: auto !important;
}

.mrj-visual-polish.mrj-system-sidca .mrj-sidca-footer {
  width: 100% !important;
}

.mrj-visual-polish .input-append.datetimepicker {
  align-items: stretch !important;
  box-sizing: border-box !important;
  display: flex !important;
  float: none !important;
  margin: 0 !important;
  max-width: 260px !important;
  width: 100% !important;
}

.mrj-visual-polish .input-append.datetimepicker input[type="text"] {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  float: none !important;
  height: 32px !important;
  line-height: 32px !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

.mrj-visual-polish .input-append.datetimepicker .add-on {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  float: none !important;
  height: 32px !important;
  justify-content: center !important;
  line-height: 32px !important;
  margin: 0 0 0 -1px !important;
  min-width: 36px !important;
  padding: 0 !important;
  width: 36px !important;
}

.mrj-visual-polish .cert-main-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(300px, 1fr) minmax(340px, 1fr) !important;
  margin: 14px 0 20px !important;
  width: 100% !important;
}

.mrj-visual-polish .cert-main-grid:before,
.mrj-visual-polish .cert-main-grid:after {
  display: none !important;
}

.mrj-visual-polish .cert-main-grid > .row-fluid {
  display: flex !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

.mrj-visual-polish .cert-main-grid > .row-fluid > .span12 {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  float: none !important;
  min-height: 94px !important;
  width: 100% !important;
}

.mrj-visual-polish .cert-main-upload-row > .span12 > .row-fluid,
.mrj-visual-polish .cert-main-upload-row .span12 .span12 {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  width: 100% !important;
}

.mrj-visual-polish .cert-main-action-row > .span12 {
  justify-content: center !important;
}

.mrj-visual-polish .cert-main-action-row .btn-confirm {
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  max-width: 520px !important;
  text-align: center !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  .mrj-visual-polish .cert-main-grid {
    grid-template-columns: 1fr !important;
  }

  .mrj-visual-polish .navbar:not(.mrj-main-navbar) .nav > li > a {
    white-space: normal !important;
  }
}

/* SIDCA / Permisos: pantalla completa y header hermano de SIDCOL. */
.mrj-visual-polish.mrj-system-sidca {
  background:
    linear-gradient(180deg, #eef8fb 0%, #f7fbfd 48%, #f3f6ff 100%) !important;
  color: #173a56;
  overflow-x: hidden;
}

.mrj-visual-polish.mrj-system-sidca > .container,
.mrj-visual-polish.mrj-system-sidca > .container-fluid,
.mrj-visual-polish.mrj-system-sidca .container.esi,
.mrj-visual-polish.mrj-system-sidca .sidca-home-panel {
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca > .container:not(.esi),
.mrj-visual-polish.mrj-system-sidca > .container-fluid:not(.esi) {
  padding-left: 8px;
  padding-right: 8px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell {
  background: linear-gradient(135deg, #f9fdff 0%, #eef8fb 54%, #fff8ed 100%) !important;
  border: 0 !important;
  border-bottom: 2px solid #d89a17 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgba(15, 92, 159, .12);
  padding: 0 !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-legacy-brand-source {
  display: none !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(239,248,250,.98) 56%, rgba(255,249,238,.98) 100%);
  box-shadow: 0 8px 22px rgba(12, 61, 92, .10);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  min-height: 86px;
  padding: 9px 12px 10px;
  position: relative;
  width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row:after {
  background: linear-gradient(90deg, #0f5c9f 0%, #0f93b8 46%, #0f766e 73%, #d89a17 100%);
  bottom: 0;
  content: "";
  height: 2px;
  left: 12px;
  position: absolute;
  right: 12px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-user,
.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-logos,
.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-status {
  box-sizing: border-box;
  margin-left: 0 !important;
  min-height: 1px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-user {
  display: flex;
  flex: 0 0 31%;
  justify-content: flex-start;
  width: 31%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-logos {
  align-items: center;
  display: flex;
  flex: 0 0 27%;
  gap: 14px;
  justify-content: center;
  width: 27%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-status {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 42%;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  width: 42%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-card {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #f4fbfc 100%);
  border: 1px solid #c8e2eb;
  border-radius: 10px;
  box-shadow: 0 5px 16px rgba(18, 73, 105, .10);
  box-sizing: border-box;
  color: #244d67;
  display: flex;
  gap: 11px;
  line-height: 1.25;
  max-width: 450px;
  min-height: 64px;
  min-width: 360px;
  overflow: hidden;
  padding: 8px 12px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-avatar {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #0f5c9f;
  display: flex;
  flex: 0 0 84px;
  height: 50px;
  justify-content: center;
  min-width: 84px;
  overflow: hidden;
  padding: 0;
  width: 84px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-avatar i {
  color: #0f5c9f !important;
  font-size: 20px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-avatar-logo {
  display: block;
  height: auto !important;
  max-height: 46px !important;
  max-width: 84px !important;
  mix-blend-mode: multiply;
  object-fit: contain;
  width: 84px !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-card-global {
  background: linear-gradient(135deg, #ffffff 0%, #eef9fb 62%, #fff8e8 100%);
  border-color: #9ed7e4;
  box-shadow: 0 7px 19px rgba(10, 70, 105, .15), inset 0 0 0 1px rgba(226, 169, 48, .12);
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-avatar-global {
  background: #062f50;
  border: 2px solid #ffffff;
  border-radius: 14px;
  box-shadow: 0 7px 17px rgba(6, 47, 80, .28), 0 0 0 1px #d8ad43;
  height: 50px !important;
  max-height: 50px !important;
  max-width: 50px !important;
  mix-blend-mode: normal;
  object-fit: cover;
  width: 50px !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-data {
  min-width: 0;
  width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-line {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-size: 12px;
  gap: 6px;
  min-width: 0;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-name {
  color: #113d62;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: bold;
  max-width: 285px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-role-badge {
  --sidca-role-bg-start: #0f766e;
  --sidca-role-bg-end: #0f5c9f;
  --sidca-role-shadow: rgba(15, 118, 110, .24);
  animation: sidcaRolePulse 10s infinite;
  background: linear-gradient(135deg, var(--sidca-role-bg-start) 0%, var(--sidca-role-bg-end) 100%);
  border: 1px solid #0f766e;
  border-radius: 999px;
  box-shadow: 0 3px 8px var(--sidca-role-shadow);
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: bold;
  gap: 5px;
  line-height: 16px;
  padding: 2px 9px;
}

@keyframes sidcaRolePulse {
  0%, 82%, 100% {
    background: linear-gradient(135deg, var(--sidca-role-bg-start) 0%, var(--sidca-role-bg-end) 100%);
    box-shadow: 0 3px 8px var(--sidca-role-shadow);
  }
  88%, 94% {
    background: linear-gradient(135deg, #0d6efd 0%, #073f9f 100%);
    box-shadow: 0 0 0 4px rgba(13, 110, 253, .14), 0 6px 16px rgba(13, 110, 253, .32);
  }
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-labels {
  color: #6c7c86;
  font-size: 10px;
  margin-top: 5px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-client-mini {
  align-items: center;
  display: none !important;
  gap: 6px;
  margin-top: 3px;
  max-width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-client-mini img {
  background: #fff;
  border: 1px solid #d7e7ef;
  border-radius: 7px;
  max-height: 24px !important;
  max-width: 92px;
  object-fit: contain;
  padding: 2px 5px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-client-mini span {
  color: #6f8290;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-brand-tile {
  align-items: center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15, 92, 159, .13);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(15, 76, 110, .08);
  display: inline-flex;
  justify-content: center;
  min-height: 48px;
  padding: 6px 12px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-brand-tile img {
  height: auto !important;
  max-height: 38px !important;
  max-width: 180px;
  object-fit: contain;
  width: auto !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-timebox {
  align-items: center;
  background: rgba(255,255,255,.84);
  border: 1px solid #c8e7f3;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(18,74,101,.08);
  box-sizing: border-box;
  color: #21465e;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 11px;
  gap: 6px;
  justify-content: flex-end;
  line-height: 1.2;
  margin-left: auto;
  padding: 5px 7px;
  text-align: right;
  width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-timebox-row {
  align-items: center;
  background: linear-gradient(135deg, #f8fcff 0%, #eef9fd 100%);
  border: 1px solid #d6edf6;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
  display: inline-flex;
  gap: 4px;
  padding: 4px 8px;
  white-space: nowrap;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-timebox-label {
  color: #728692;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-timebox-row i {
  color: #0f93b8;
  font-size: 10px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-status-strip {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  margin-left: auto;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-status-dot {
  align-items: center;
  background: #fff;
  border: 1px solid #c9e1ea;
  border-radius: 10px;
  box-shadow: 0 2px 7px rgba(25, 77, 101, .08);
  color: #0f93b8;
  cursor: default;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  position: relative;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
  width: 34px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-status-dot:after {
  background: #5bbf61;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 5px;
  content: "";
  height: 8px;
  position: absolute;
  right: 4px;
  width: 8px;
  animation: sidcaStatusPulse 5s infinite;
}

.mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-status-dot:hover {
  background: #0f7fac;
  border-color: #0f7fac;
  box-shadow: 0 6px 14px rgba(15, 127, 172, .24);
  color: #fff;
  transform: translateY(-1px);
}

@keyframes sidcaStatusPulse {
  0%, 80%, 100% {
    box-shadow: 0 0 0 0 rgba(91, 191, 97, 0);
    transform: scale(1);
  }
  88%, 94% {
    box-shadow: 0 0 0 5px rgba(91, 191, 97, .28);
    transform: scale(1.18);
  }
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-menu-row,
.mrj-visual-polish.mrj-system-sidca .sidca-header-shell > .row-fluid {
  margin: 0 !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .navbar {
  margin: 0 !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navbar-inner {
  background: rgba(255,255,255,.94) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
  box-sizing: border-box;
  min-height: 0;
  padding: 8px 10px 9px !important;
  position: relative;
  width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .container {
  width: auto !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .brand {
  display: none !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-start;
  margin: 0;
  width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .nav > li {
  display: inline-flex;
  float: none !important;
  margin: 0;
  width: auto !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli > a,
.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli2 > a {
  align-items: center;
  background: linear-gradient(180deg, #ffffff 0%, #f4fbfd 100%) !important;
  border: 1px solid #c7ddea !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 7px rgba(18, 73, 105, .09);
  color: #244d67 !important;
  display: inline-flex !important;
  font-size: 12px;
  font-weight: 700;
  gap: 7px;
  line-height: 1.1;
  min-height: 32px;
  padding: 8px 12px !important;
  text-shadow: none !important;
  white-space: nowrap;
  width: auto !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli > a:hover,
.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli2 > a:hover,
.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .active > a {
  background: linear-gradient(135deg, #0f5c9f 0%, #0f93b8 54%, #0f766e 100%) !important;
  border-color: #0f93b8 !important;
  box-shadow: 0 6px 15px rgba(15, 92, 159, .24) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .salir > a {
  background: #fff6ed !important;
  border-color: #efb163 !important;
  color: #9b4d08 !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .salir > a:hover {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  border-color: #ef4444 !important;
  color: #fff !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .mrj-menu-icon,
.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar i {
  color: currentColor !important;
  font-size: 13px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .navli2 ul {
  background: #fff;
  border: 1px solid #cfe5ef;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(15, 76, 110, .16);
  margin-top: 8px;
  overflow: hidden;
  padding: 5px;
  z-index: 5000;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .navli2 ul li a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: #214a61 !important;
  display: block !important;
  line-height: 1.2;
  padding: 8px 10px !important;
  width: 160px !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-header-shell .navli2 ul li a:hover {
  background: #eaf6fb !important;
  color: #0f5c9f !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-breadcrumb-guide,
.mrj-visual-polish.mrj-system-sidca .ovi {
  align-items: center;
  background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(239,249,252,.96) 62%, rgba(255,248,237,.96) 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid #d6e7ef !important;
  border-radius: 0 !important;
  box-shadow: 0 5px 14px rgba(18, 73, 105, .08);
  box-sizing: border-box;
  color: #3a6276;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 !important;
  min-height: 32px;
  overflow-x: auto;
  padding: 5px 18px !important;
  white-space: nowrap;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca .ovi p {
  color: #244d67;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.mrj-visual-polish.mrj-system-sidca .ovi .label-info {
  background: #fff;
  border: 1px solid #c8d9f1;
  border-radius: 999px;
  color: #0f5c9f;
  text-shadow: none;
}

.mrj-visual-polish.mrj-system-sidca .sidca-breadcrumb-guide a,
.mrj-visual-polish.mrj-system-sidca .sidca-breadcrumb-guide .mrj-crumb-current {
  align-items: center;
  background: #fff;
  border: 1px solid #d1e6ef;
  border-radius: 999px;
  box-shadow: 0 2px 7px rgba(20, 75, 106, .07);
  color: #24546e;
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  gap: 5px;
  line-height: 1.2;
  padding: 4px 9px;
  text-decoration: none;
}

.mrj-visual-polish.mrj-system-sidca .sidca-breadcrumb-guide .mrj-crumb-current {
  background: linear-gradient(135deg, #0f5c9f 0%, #0f93b8 100%);
  border-color: #0f93b8;
  color: #fff;
}

.mrj-visual-polish.mrj-system-sidca .sidca-breadcrumb-guide .mrj-crumb-sep {
  color: #83a4b5;
  font-size: 11px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-welcome-shell {
  display: none !important;
}

.mrj-visual-polish.mrj-system-sidca .sidca-home-panel {
  padding: 16px 14px 26px;
}

.mrj-visual-polish.mrj-system-sidca .sidca-home-panel .bg {
  background:
    linear-gradient(135deg, rgba(15,92,159,.10), rgba(15,118,110,.08), rgba(216,154,23,.10)),
    url(/permisos/img/e.jpg) center / cover no-repeat !important;
  border: 1px solid #cfe3ec !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 38px rgba(15, 76, 110, .11);
  height: min(520px, calc(100vh - 330px));
  min-height: 360px;
  overflow: hidden;
  position: relative;
}

.mrj-visual-polish.mrj-system-sidca .sidca-home-panel .bg:before {
  background: linear-gradient(90deg, rgba(15,92,159,.16), rgba(15,118,110,.08), rgba(216,154,23,.12));
  content: "";
  inset: 0;
  position: absolute;
}

.mrj-visual-polish.mrj-system-sidca .sidca-home-panel .bg:after {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(15,92,159,.15) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(15,76,110,.12);
  color: #123a4d !important;
  content: "Panel SIDCA";
  font-size: 30px;
  font-weight: 800;
  left: 34px;
  padding: 18px 24px;
  position: absolute;
  top: 34px;
}

.mrj-visual-polish.mrj-system-sidca .row-fluid > .span12.padding.border,
.mrj-visual-polish.mrj-system-sidca .container > .row-fluid > .span12.padding.border,
.mrj-visual-polish.mrj-system-sidca .container-fluid > .row-fluid > .span12.padding.border {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca .mrj-sidca-footer {
  margin-top: 26px !important;
}

.mrj-visual-polish.mrj-system-sidca .mrj-sidca-footer-inner {
  max-width: none !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 1100px) {
  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-user,
  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-logos,
  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-status {
    flex: 0 0 100%;
    justify-content: center;
    width: 100%;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row {
    gap: 10px;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-status {
    align-items: center;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-timebox,
  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-status-strip {
    justify-content: center;
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .mrj-visual-polish.mrj-system-sidca > .container:not(.esi),
  .mrj-visual-polish.mrj-system-sidca > .container-fluid:not(.esi),
  .mrj-visual-polish.mrj-system-sidca .sidca-home-panel {
    padding-left: 8px;
    padding-right: 8px;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-user-card {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-logos {
    gap: 8px;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-brand-tile {
    padding-left: 8px;
    padding-right: 8px;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .nav > li,
  .mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli > a,
  .mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli2 > a {
    width: 100% !important;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli > a,
  .mrj-visual-polish.mrj-system-sidca .sidca-header-shell .mrj-main-navbar .navli2 > a {
    justify-content: flex-start;
  }
}

/* SIDCA: contraste y respuesta adaptable transversal de formularios y tablas. */
.mrj-visual-polish.mrj-system-sidca .row-fluid > [class*="span"] {
  min-width: 0;
}

.mrj-visual-polish.mrj-system-sidca input,
.mrj-visual-polish.mrj-system-sidca select,
.mrj-visual-polish.mrj-system-sidca textarea,
.mrj-visual-polish.mrj-system-sidca .btn,
.mrj-visual-polish.mrj-system-sidca .input-append,
.mrj-visual-polish.mrj-system-sidca .input-prepend {
  box-sizing: border-box;
  max-width: 100%;
}

.mrj-visual-polish.mrj-system-sidca input.span12,
.mrj-visual-polish.mrj-system-sidca select.span12,
.mrj-visual-polish.mrj-system-sidca textarea.span12 {
  min-width: 0 !important;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour {
  display: block !important;
  float: none !important;
  max-width: 100% !important;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker > .row-fluid,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour > .row-fluid {
  align-items: stretch;
  display: flex !important;
  gap: 4px;
  margin: 0 !important;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker > .row-fluid > [class*="span"],
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour > .row-fluid > [class*="span"] {
  flex: 0 0 36px;
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 36px !important;
}

.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker > .row-fluid > [class*="span"]:first-child,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour > .row-fluid > [class*="span"]:first-child {
  flex: 1 1 auto;
  width: auto !important;
}

.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker input,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour input {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker .add-on,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour .add-on,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker .btn-sorter-trash,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepickerHour .btn-sorter-trash,
.mrj-visual-polish.mrj-system-sidca .input-append.datetimepicker .btn-datetimepickertrash {
  align-items: center;
  display: flex !important;
  float: none !important;
  height: 32px !important;
  justify-content: center;
  margin: 0 !important;
  min-height: 32px !important;
  min-width: 36px !important;
  padding: 0 !important;
  width: 36px !important;
}

/* Flechas de ordenamiento dibujadas con el color del encabezado. */
.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon {
  background-image: none !important;
  color: inherit !important;
  height: 14px !important;
  margin-top: -7px !important;
  opacity: .9;
  position: absolute;
  top: 50% !important;
  width: 12px !important;
}

.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon::before,
.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "";
  left: 2px;
  position: absolute;
}

.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon::before {
  border-bottom: 4px solid currentColor;
  top: 1px;
}

.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon::after {
  border-top: 4px solid currentColor;
  bottom: 1px;
}

.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon.glyphicon-chevron-up::before {
  top: 5px;
}

.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon.glyphicon-chevron-up::after,
.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon.glyphicon-chevron-down::before {
  display: none;
}

.mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-icon.glyphicon-chevron-down::after {
  bottom: 5px;
}

/* Los glyphicons antiguos también conservan contraste en botones de color. */
.mrj-visual-polish.mrj-system-sidca .btn-primary i,
.mrj-visual-polish.mrj-system-sidca .btn-info i,
.mrj-visual-polish.mrj-system-sidca .btn-success i,
.mrj-visual-polish.mrj-system-sidca .btn-danger i,
.mrj-visual-polish.mrj-system-sidca .label-info i,
.mrj-visual-polish.mrj-system-sidca .label-success i,
.mrj-visual-polish.mrj-system-sidca .label-important i {
  color: #fff !important;
  fill: #fff !important;
}

.mrj-visual-polish.mrj-system-sidca .btn-primary [class^="icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-primary [class*=" icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-info [class^="icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-info [class*=" icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-success [class^="icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-success [class*=" icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-danger [class^="icon-"],
.mrj-visual-polish.mrj-system-sidca .btn-danger [class*=" icon-"] {
  background-image: url(/permisos/components/img/glyphicons-halflings-white.png) !important;
}

.mrj-visual-polish.mrj-system-sidca .form-actions,
.mrj-visual-polish.mrj-system-sidca .modal-footer {
  box-sizing: border-box;
  max-width: 100%;
}

.mrj-visual-polish.mrj-system-sidca .form-actions .btn,
.mrj-visual-polish.mrj-system-sidca .modal-footer .btn,
.mrj-visual-polish.mrj-system-sidca form .row-fluid > [class*="span"] > .btn.span12 {
  overflow-wrap: anywhere;
  white-space: normal !important;
}

@media (max-width: 900px) {
  .mrj-visual-polish.mrj-system-sidca table.tablesorter .tablesorter-pager,
  .mrj-visual-polish.mrj-system-sidca table.tablesorter .ts-pager {
    padding-left: 8px !important;
    text-align: left !important;
  }
}

@media (max-width: 400px) {
  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .mrj-brand-logos {
    box-sizing: border-box;
    gap: 6px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-brand-tile {
    box-sizing: border-box;
    flex: 1 1 0;
    max-width: calc(50% - 3px);
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
  }

  .mrj-visual-polish.mrj-system-sidca .sidca-modern-brand-row .sidca-brand-tile img {
    max-width: 100% !important;
  }
}