.tooltipped
{
    position:relative
}
.tooltipped:after
{
    position:absolute;
    z-index:1000000;
    display:none;
    padding:5px 8px;
    font-family: Arial;
    font-size: 13px;
    color:#fff;
    text-align:left;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:break-word;
    white-space:pre;
    pointer-events:none;
    content:attr(aria-label);
    background:rgba(0,0,0,0.8);
    border-radius:3px;
    -webkit-font-smoothing:subpixel-antialiased
}
.tooltipped:before
{
    position:absolute;
    z-index:1000001;
    display:none;
    width:0;
    height:0;
    color:rgba(0,0,0,0.8);
    pointer-events:none;
    content:"";
    border:5px solid transparent
}
.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after
{
    display:inline-block;
    text-decoration:none
}
.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after
{
    display:table-cell
}
.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after
{
    top:100%;
    right:50%;
    margin-top:5px
}
.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before
{
    top:auto;
    right:50%;
    bottom:-5px;
    margin-right:-5px;
    border-bottom-color:rgba(0,0,0,0.8)
}
.tooltipped-se:after
{
    right:auto;
    left:50%;
    margin-left:-15px
}
.tooltipped-sw:after
{
    text-align: left;
    margin-right:-15px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    max-width:250px;
    word-break:break-word;
    word-wrap:normal;
    white-space:pre-line;
    border-collapse:separate
}
.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after
{
    right:50%;
    bottom:100%;
    margin-bottom:5px
}
.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before
{
    top:-5px;
    right:50%;
    bottom:auto;
    margin-right:-5px;
    border-top-color:rgba(0,0,0,0.8)
}
.tooltipped-ne:after
{
    right:auto;
    left:50%;
    margin-left:-15px
}
.tooltipped-nw:after
{
    margin-right:-15px
}
.tooltipped-s:after,.tooltipped-n:after
{
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%)
}
.tooltipped-w:after
{
    right:100%;
    bottom:50%;
    margin-right:5px;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.tooltipped-w:before
{
    top:50%;
    bottom:50%;
    left:-5px;
    margin-top:-5px;
    border-left-color:rgba(0,0,0,0.8)
}
.tooltipped-e:after
{
    bottom:50%;
    left:100%;
    margin-left:5px;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.tooltipped-e:before
{
    top:50%;
    right:-5px;
    bottom:50%;
    margin-top:-5px;
    border-right-color:rgba(0,0,0,0.8)
}
.tooltipped-multiline:after
{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    max-width:250px;
    word-break:break-word;
    word-wrap:normal;
    white-space:pre-line;
    border-collapse:separate
}
.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after
{
    right:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after
{
    right:100%
}
@media screen and (min-width: 0\0)
{
    .tooltipped-multiline:after
    {
        width:250px
    }

}
.tooltipped-sticky:before,.tooltipped-sticky:after
{
    display:inline-block
}
.tooltipped-sticky.tooltipped-multiline:after
{
    display:table-cell
}
.fullscreen-overlay-enabled.dark-theme .tooltipped:after
{
    color:#000;
    background:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before
{
    border-bottom-color:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before
{
    border-top-color:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before
{
    border-right-color:rgba(255,255,255,0.8)
}
.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before
{
    border-left-color:rgba(255,255,255,0.8)
}
.flex-table
{
    display:table
}
.flex-table-item
{
    display:table-cell;
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.flex-table-item-primary
{
    width:99%
}
.css-truncate.css-truncate-target,.css-truncate .css-truncate-target
{
    display:inline-block;
    max-width:125px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:top
}
.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target
{
    max-width:10000px!important
}

/* Cambiar fondo y color de texto del tooltip */
.terminal-page .tooltip-inner {
  background-color: #000 !important;   /* fondo negro */
  color: #fff !important;              /* texto blanco */
  font-size: 13px !important;          /* tamaño fuente */
  font-family: Arial, sans-serif !important; /* fuente Arial */
  text-align: left !important;         /* alinear a la izquierda */
  padding: 8px 12px;                   /* opcional: espacio interno */
  border-radius: 6px;                  /* opcional: esquinas redondeadas */
  white-space: normal;                 /* permite saltos de línea */
}

.terminal-page .long-text .tooltip-inner {
    max-width: 500px;                    /* opcional: controla ancho */
}

/* Cambiar color de la flecha (top, bottom, left, right) */
.terminal-page .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #000 !important;
}

.terminal-page .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #000 !important;
}

.terminal-page .tooltip.bs-tooltip-start .arrow::before {
  border-left-color: #000 !important;
}

.terminal-page .tooltip.bs-tooltip-end .arrow::before {
  border-right-color: #000 !important;
}

/* Asegurar que la lista dentro del tooltip use viñetas normales */
.terminal-page .tooltip-inner ul {
  list-style-type: disc;   /* viñetas circulares */
  margin: 0;               /* quitar margen extra */
  padding-left: 13px;      /* controlas qué tan cerca del borde */
  text-align: left;        /* forzar alineación izquierda */
}

/* Ajuste de los <li> */
.terminal-page .tooltip-inner ul li {
  margin-bottom: 4px;      /* espacio entre items */
  padding: 0;
}

*[data-toggle=tooltip] {
    cursor: help;
}