/* Enlaces de inicio de sesión del tema Elegant */
.Signin__userLink,
.Link__link2,
.Signin__userLink:visited,
.Link__link2:visited {
    color: #97AF45 !important;
}

/* Color al colocar el cursor */
.Signin__userLink:hover,
.Link__link2:hover {
    color: #0059A7 !important;
}

/* Iconos de color del tema Elegant */
.Icon__brand,
.Icon__hoverbrand:hover {
    color: #0059A7 !important;
    fill: #0059A7 !important;
}

/* Lupa del buscador */
.SearchBox__searchIcon,
.SearchBox__searchicon {
    color: #0059A7 !important;
    fill: #0059A7 !important;
}
/* Adjuntar archivo en el formulario de ticket */
.ticketForm [class*="attach" i],
.ticketForm [class*="attach" i] a,
.ticketForm [class*="attach" i] button,
.ticketForm [class*="upload" i] a {
    color: #0059A7 !important;
    border-color: #0059A7 !important;
    outline-color: #0059A7 !important;
}

/* Ícono del clip */
.ticketForm [class*="attach" i] svg,
.ticketForm [class*="attach" i] svg *,
.ticketForm [class*="upload" i] svg,
.ticketForm [class*="upload" i] svg * {
    color: #0059A7 !important;
    stroke: #0059A7 !important;
}

/* Color al pasar el cursor */
.ticketForm [class*="attach" i]:hover,
.ticketForm [class*="attach" i] a:hover,
.ticketForm [class*="attach" i] button:hover,
.ticketForm [class*="upload" i] a:hover {
    color: #97AF45 !important;
    border-color: #97AF45 !important;
}

/* Adjuntar archivo: texto, círculo e ícono */
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i],
    [id*="attach" i],
    [id*="upload" i],
    [aria-label*="attach" i],
    [title*="attach" i]
) {
    color: #0059A7 !important;
    border-color: #0059A7 !important;
}

/* Elementos internos del control */
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i],
    [id*="attach" i],
    [id*="upload" i]
) :is(a, span, label, button, i) {
    color: #0059A7 !important;
    border-color: #0059A7 !important;
}

/* Círculo o decoración creada con CSS */
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i]
)::before,
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i]
)::after {
    color: #0059A7 !important;
    border-color: #0059A7 !important;
}

/* Ícono del clip */
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i]
) svg,
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i]
) svg * {
    color: #0059A7 !important;
    stroke: #0059A7 !important;
}

/* Al pasar el cursor */
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i]
):hover,
portal :is(
    [class*="attach" i],
    [class*="upload" i],
    [class*="fileupload" i]
):hover :is(a, span, label, button, i) {
    color: #97AF45 !important;
    border-color: #97AF45 !important;
}

/* Botón flotante: volver arriba */
[class*="scrollTop" i],
[class*="scroll-top" i],
[class*="backToTop" i],
[class*="back-to-top" i],
[id*="scrollTop" i],
[id*="backToTop" i],
[aria-label*="back to top" i],
[title*="back to top" i] {
    background: #0059A7 !important;
    background-color: #0059A7 !important;
    border-color: #0059A7 !important;
}

/* Flecha o ícono interior */
[class*="scrollTop" i] svg,
[class*="scrollTop" i] svg *,
[class*="scroll-top" i] svg,
[class*="scroll-top" i] svg *,
[class*="backToTop" i] svg,
[class*="backToTop" i] svg *,
[class*="back-to-top" i] svg,
[class*="back-to-top" i] svg * {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Flecha creada mediante fuente o pseudoelemento */
[class*="scrollTop" i]::before,
[class*="scrollTop" i]::after,
[class*="scroll-top" i]::before,
[class*="scroll-top" i]::after,
[class*="backToTop" i]::before,
[class*="backToTop" i]::after,
[class*="back-to-top" i]::before,
[class*="back-to-top" i]::after {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

/* Color al pasar el cursor */
[class*="scrollTop" i]:hover,
[class*="scroll-top" i]:hover,
[class*="backToTop" i]:hover,
[class*="back-to-top" i]:hover,
[id*="scrollTop" i]:hover,
[id*="backToTop" i]:hover {
    background: #97AF45 !important;
    background-color: #97AF45 !important;
    border-color: #97AF45 !important;
}