body.loading {
  overflow: hidden!important;
}
.cargaCont {
  visibility: hidden; z-index: -1; opacity: 0;
}
[data-id="nprogress"],
#nprogress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  z-index: 9999;
}
.rightBox .dropdown-menu  {
  right: 0!important; inset: 0px 0px auto auto!important;
}
.nav .nav-item .nav-link {
  color: #1f2a40;
}
.nav .nav-item .nav-link.active {
  background-color: rgb(238 245 255 / .5);
  --tw-text-opacity: 1;
  color: rgb(31 42 64 / var(--tw-text-opacity, 1));
}
.tabCusCt table {
  table-layout: auto!important; width: 100%;
}
.tabCusCt.static table td.ant-table-cell:first-child {
  width: 100%!important; max-width: 300px; text-wrap: auto;
}
@media all and (min-width: 768px) {
  .tabCusCt table {
    table-layout: fixed!important; width: 100%;
  }
  .tabCusCt.static table td.ant-table-cell:first-child  {
    width: inherit!important; max-width: inherit;
  }
}
/* Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip .tooltip-text {
  visibility: hidden;
  width: 300px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 11px;
  /* Posicionamiento a la derecha */
  position: absolute;
  top: 50%;
  left: calc(100% + 6px); /* mueve el tooltip a la derecha */
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
/* Flechita hacia la izquierda del tooltip */
.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #333 transparent transparent;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
/* Text Dander */
.text-danger {
  color: rgb(185 28 28)!important; font-size: 0.75rem!important;
}
.ql-container {
  min-height: 300px;
  height: 100%;
}
/* menu dark */
.menuDark.main-menu-inner {
  background-color: #000712;
}
.menuDark.main-menu-inner .title-box h6 {
  color: #fff;
}
.menuDark.main-menu-inner .nav .nav-item a.nav-link {
  color: #c5ccd9;
}
.menuDark.main-menu-inner .nav .nav-item a.nav-link:active,
.menuDark.main-menu-inner .nav .nav-item a.nav-link:hover {
  color: #c5ccd9!important; background-color: #0e192f!important;
}
.menuDark.main-menu-inner .nav .nav-item a.nav-link.active {
  color: #c5ccd9!important; background-color: #0e192f!important;
}
/* menu pink */
.menuPink.main-menu-inner {
  background-color: #D079B0;
}
.menuPink.main-menu-inner .title-box h6 {
  color: #fff!important;
}
.menuPink.main-menu-inner .nav .nav-item a.nav-link {
  color: #ead4e2; box-sizing: border-box; padding: 0 10px;
}
.menuPink.main-menu-inner .nav .nav-item a.nav-link:active,
.menuPink.main-menu-inner .nav .nav-item a.nav-link:hover {
  color: #aa5d8e!important; background-color: #f5cae5!important;
}
.menuPink.main-menu-inner .nav .nav-item a.nav-link.active {
  color: #aa5d8e!important; background-color: #f5cae5!important;
}
.btnHamNov {
  display: block;
}
@media all and (min-width: 1025px) {
  .btnHamNov {
    display: none;
  }
}
/* Estilos Form */
.frmGeneric form input:disabled,
.frmGeneric form select:disabled,
.frmGeneric form textarea:disabled {
  background-color: rgb(226, 232, 240)!important; color: #aaa; border: 1px solid rgb(203 213 225 / .6)!important; cursor: not-allowed; opacity: 1; pointer-events: none; transition: all 0.3s ease; cursor: not-allowed!important;
}
/* Opcional: si los inputs están en un contenedor con íconos */
.frmGeneric .field--disabled {
  position: relative;
}
.frmGeneric .field--disabled::after {
  content: "\f023"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #bbb; pointer-events: none;
}