/*Texto oculto frase login */
.passphrasePicker  .input-widget.security-phrase-icon {
    display: none !important;
}

.passphrasePicker {
    width: 100% !important;
}

.passphrasePicker .fisaComponentGridRightCell {
    vertical-align: top;
}

.input-widget.user-icon .passphrasePicker,
.input-widget.user-icon .passphrasePicker div {
    margin: 0;
    width: 100%;
}

.input-widget.security-phrase-icon .passphrasePicker,
.input-widget.security-phrase-icon .passphrasePicker div {
    margin: 0;
}

.input-widget.security-phrase-icon .passphrasePicker .fisaLabel {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.securityQuestionPicker {
    width: 100%;
}

/* Columna 1 (preguntas) - 66.67% del ancho */
.securityQuestionPicker > tbody > tr > td:nth-child(1) {
    width: 66.67% !important;
    padding: 4px 8px 4px 0;
    vertical-align: top;
}

/*
se comenta por que afecta
el funcionamiento de la pantalla
de responder pregunta de seguridad
 Columna 2 (respuestas) - 33.33% del ancho
.securityQuestionPicker > tbody > tr > td:nth-child(2) {
    width: 33.33% !important;
    padding: 4px 0 4px 8px;
    vertical-align: top;
} */

.securityQuestionPicker .input-widget {
    width: 100%;
}

.securityQuestionPicker .dijitTextBox,
.securityQuestionPicker .dijitSelect {
    width: 100%;
}

/*Fisa Stand By*/
div[id*="dojox_widget_Standby"] div {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    height: 100vh !important;
}

/* Mensajes de error debajo de campo*/
.fisaCmpMsgWrap tbody tr td{
    display: block;
}

.fisaCmpMsgWrap tbody tr td:nth-child(2) {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: 400;
    flex: 1;
    letter-spacing: 0;
    line-height: 18.9px;
    margin-top: 1.00px;
    color: var(--error--400);
}
/*
.dijitSelect {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    min-width: 150px;
}

.dijitSelect .dijitButtonText {
    color: #333 !important;
    font-size: 14px !important;
}

.dijitSelect .dijitArrowButtonInner {
    background: transparent !important;
    border-left: 1px solid #ddd !important;
    margin-left: 6px !important;
}
*/
/* Icono ▼ personalizado
.dijitSelect .dijitArrowButtonChar {
    color: #555 !important;
    font-size: 11px !important;
}

.dijitSelectHover {
    border-color: #999 !important;
}


.dijitSelectFocused {
    border-color: #0078e7 !important;
    box-shadow: 0 0 3px rgba(0, 120, 231, 0.4) !important;
}


.dijitSelectDisabled {
    background: #f7f7f7 !important;
    border-color: #ccc !important;
    color: #aaa !important;
    cursor: default !important;
}

.dijitSelectDisabled .dijitButtonText,
.dijitSelectDisabled .dijitArrowButtonChar {
    color: #aaa !important;
}


.dijitSelectMenu {
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
}


.dijitSelectMenu .dijitMenuItem {
    padding: 8px 14px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

.dijitSelectMenu .dijitMenuItemHover {
    background: #f0f0f0 !important;
}

.dijitSelectMenu .dijitMenuItemSelected {
    background: #e0e0e0 !important;
}


.dijitSelect .dijitButtonContents {
    display: inline-block !important;
    position: relative !important;
}

.dijitSelect .dijitArrowButton {
    display: inline-block !important;
    position: relative !important;
}

.dijitPopup {
    position: absolute !important;
}

.dijitSelectMenu {
    position: absolute !important;
}

.dijitSelect {
    height: 32px !important;
    line-height: 32px !important;
    box-sizing: border-box !important;
}
*/
/* ================================================
   Dijit Dialog Modern Theme (Dojo 1.9)
   Para diálogo: "Tiempo de Sesión"
   ================================================ */

/* -- DIALOGO PRINCIPAL -- */
#dojox_widget_DialogSimple_1.dijitDialog {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #dcdcdc !important;

    /* Sombra tipo Material */
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.22),
    0 6px 12px rgba(0, 0, 0, 0.15) !important;

    padding: 0 !important;
    overflow: hidden !important;

    /* Transición suave */
    animation: fadeInDialog 0.25s ease-out;
}

@keyframes fadeInDialog {
    from { opacity: 0; transform: scale(0.96); }
    to   { opacity: 1; transform: scale(1); }
}

/* -- TÍTULO -- */
#dojox_widget_DialogSimple_1 .dijitDialogTitleBar {
    background: rgba(242, 139, 0, 1);
    padding: 10px 16px;
    color: #fff;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-bottom: rgba(242, 139, 0, 1)
}

#dojox_widget_DialogSimple_1 .dijitDialogTitle {
    color: #fff !important;
}

/* -- CONTENIDO DEL DIALOGO -- */
#dojox_widget_DialogSimple_1 .dijitDialogPaneContent {
    padding: 20px 24px !important;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 15px;
    color: #333;
    background: #ffffff;
}

/* -- MENSAJE PRINCIPAL -- */
#dojox_widget_DialogSimple_1 .dijitDialogPaneContent > span {
    font-size: 15px;
    font-weight: 500;
}

/* Security Question modal */
.sec-q-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.sec-q-card {
    position: relative;
    width: 100%;
    max-width: 640px;
    background: #ffffff;
    border-radius: 32px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.22),
    0 6px 12px rgba(0, 0, 0, 0.15) !important;
    padding: 40px;
}

.sec-q-close {
    position: absolute;
    top: 24px;
    right: 24px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.sec-q-normal,
.sec-q-blocked {
    margin-top: 20px;
}

.sec-q-body {
    width: 100%;
}

.sec-q-header {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
    margin-bottom: 32px;
}

.sec-q-title,
.sec-q-intro {
    margin: 0;
}

.sec-q-form {
    margin-bottom: 32px;
}

.sec-q-input-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sec-q-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.sec-q-button-wrap {
    width: 100%;
    text-align: center;
}

.sec-q-blocked-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.sec-q-blocked-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

/* -- TABLA DE BOTONERA -- */
#dojox_widget_DialogSimple_1 .confDialogBtns {
    margin-top: 18px;
}

#dojox_widget_DialogSimple_1 .confDialogBtns td {
    text-align: center;
}

/* -- BOTÓN ACEPTAR -- */
#dojox_widget_DialogSimple_1 .confDialogAcceptBtn .dijitButtonNode {
    background: linear-gradient(90deg, rgba(246, 97, 0, 1) 0%, rgba(242, 139, 0, 1) 50%);
    border: none !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 8px !important;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;

    transition: background 0.2s ease;
}

#dojox_widget_DialogSimple_1 .confDialogAcceptBtn .dijitButtonNode:hover {
    background: linear-gradient(135deg, #FF6F00 0%, #FF8F00 100%);
}

#dojox_widget_DialogSimple_1 .confDialogAcceptBtn .dijitButtonNode:active {
    background: linear-gradient(90deg, rgba(242, 139, 0, 1) 0%, rgba(246, 97, 0, 1) 50%);
}

/* -- OCULTAR ICONO DE TOGGLE QUE TIENE ● -- */
#dojox_widget_DialogSimple_1 .dijitToggleButtonIconChar {
    display: none !important;
}

/* -- TEXTO DEL BOTÓN -- */
#dojox_widget_DialogSimple_1 .dijitButtonText {
    color: #ffffff !important;
}

/* -- OCULTAR CLOSE ICON SI YA NO SE USA -- */
#dojox_widget_DialogSimple_1 .dijitDialogCloseIcon {
    display: none !important;
}

/* -- BLOQUEO DEL MODAL (FONDO OSCURO) -- */
.dijitDialogUnderlay {
    background: rgba(0, 0, 0, 0.55) !important;
    opacity: 1 !important;
}

/* ================================================
   MachineGrid - zebra (sin espacio entre filas)
   ================================================ */

.machine-grid-modern.dojoxGrid{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Roboto", Arial, sans-serif;
}

/* Header simple */
.machine-grid-modern .dojoxGridMasterHeader{
  background: transparent !important;
  box-shadow: none !important;
}
.machine-grid-modern .dojoxGridHeader{
  background: transparent !important;
  border: 0 !important;
}
.machine-grid-modern .dojoxGridHeader .dojoxGridCell{
  background: transparent !important;
  border: 0 !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #111 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Ocultar el texto "Acción" del header (columna 2) si lo quieres como en tu referencia */
.machine-grid-modern th[idx="1"] .dojoxGridSortNode{
  display: none !important;
}

/* SIN separación entre filas */
.machine-grid-modern .dojoxGridRowTable{
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

/* Quitar bordes */
.machine-grid-modern .dojoxGridRow,
.machine-grid-modern .dojoxGridRowOdd{
  border: 0 !important;
  transform: none !important;
}

/* Zebra: par gris, impar blanco (o al revés según necesites) */
.machine-grid-modern .dojoxGridRow .dojoxGridCell{
  background: #f3f3f3 !important;  /* fila “gris” */
}
.machine-grid-modern .dojoxGridRowOdd .dojoxGridCell{
  background: #ffffff !important;  /* fila “blanca” */
}

/* Celdas (alto similar al diseño) */
.machine-grid-modern .dojoxGridCell{
  border: 0 !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  color: #333 !important;
  font-weight: 400 !important;
  border-radius: 0 !important; /* barras rectas */
}

/* Quitar focus */
.machine-grid-modern .dojoxGridCellFocus{
  outline: none !important;
}

/* Ocultar paginador */
.machine-grid-modern .dojoxGridPaginator,
.machine-grid-modern [id^="dojox_grid_enhanced_plugins__Paginator_"]{
  display: none !important;
}

/* Acción Reemplazar */
.machine-grid-modern .machine-action-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ff6a00 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer;
}

.machine-grid-modern .machine-action-link .ic_replace{
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(./../img/ic_refresh.svg) no-repeat center / contain;
}

/* Acercar encabezado al contenido */
.machine-grid-modern .dojoxGridMasterHeader{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
}

.machine-grid-modern .dojoxGridHeader{
  margin: 0 !important;
  padding: 0 !important;
}

/* Reduce el alto del header */
.machine-grid-modern .dojoxGridHeader .dojoxGridCell{
  line-height: 18px !important;
}

/* Quita espacios internos del contenedor de filas */
.machine-grid-modern .dojoxGridMasterView{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.machine-grid-modern .dojoxGridScrollbox{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Por si hay un “gap” arriba del content */
.machine-grid-modern .dojoxGridContent{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.borderless-button {
    .dijitButton,
    .dijitButtonNode,
    .dijitButtonContents,
    .dijitButtonText,
    .dijitFocused,
    .dijitFocus,
    .dijitButtonFocused {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .dijitButton {
        cursor: pointer;

        .dijitButtonNode {
            background: transparent !important;
            cursor: pointer;
            display: inline;
            height: auto !important;
            min-width: auto !important;
            padding: 0 !important;
            border-radius: 0 !important;
            gap: 0;
            overflow: visible;
            position: static;
            transition: none !important;
            border: none !important;
            box-shadow: none !important;
            outline: none !important;

            .dijitButtonContents {
                .dijitIcon {
                    display: none;
                }

                .dijitToggleButtonIconChar {
                    display: none;
                }

                .dijitButtonText {
                    color: var(--secondarysecondary--900);
                    font-family: var(--font-sans);
                    font-size: var(--text-base);
                    font-style: normal;
                    font-weight: 700;
                    margin-top: 0;
                    white-space: nowrap;
                    width: auto;
                    align-items: center;
                    display: inline;
                    justify-content: initial;
                    letter-spacing: 0;
                    line-height: normal;
                    position: static;
                    text-align: left;
                    text-decoration: none;
                }
            }
        }
    }

    .dijitButton:hover,
    .dijitButton:focus,
    .dijitButton:active,
    .dijitButtonNode:hover,
    .dijitButtonNode:focus,
    .dijitButtonNode:active,
    .dijitButton.dijitButtonActive,
    .dijitButton.dijitButtonFocused,
    .dijitButton.dojoGrayButton.dijitButtonActive,
    .dijitButton.dojoGrayButton.dijitButtonFocused,
    .dijitFocused,
    .dijitFocus,
    .dijitButtonFocused {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .dijitButton:hover .dijitButtonNode,
    .dijitButton:focus .dijitButtonNode,
    .dijitButton:active .dijitButtonNode,
    .dijitButton.dijitButtonActive .dijitButtonNode,
    .dijitButton.dijitButtonFocused .dijitButtonNode,
    .dijitButton.dojoGrayButton.dijitButtonActive .dijitButtonNode,
    .dijitButton.dojoGrayButton.dijitButtonFocused .dijitButtonNode {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        border-radius: 0 !important;
    }
}


#machineMainContainer .form-container.boxed{
    border-radius: 24px;
}

#machineMainContainer .form-body {
    width: auto !important;
    min-width: 600px !important;
}

#machineMainContainer .title-welcome span {
    font-size: 18px !important;
}

@media (max-width: 1199px) {
    #machineMainContainer .machine-summary .form-body {
        width: 500px !important;
        min-width: 500px !important;
    }
}

@media (min-width: 1721px) {
    #machineMainContainer .machine-summary .form-body{
        width: 620px !important;
        min-width: 620px !important;
        max-width: 620px !important;
    }
}

#sessionscreen .form-container.boxed{
    border-radius: 24px;
  }

/* ---- FIX PARA POPUPS (NO MOVER LA UBICACIÓN DEL SELECT) ---- */
.dijitPopup,
.dojoxGridMenu {
    position: absolute !important;
}

/* Estilos Material Design - Tema Naranja */

/* Underlay/Overlay - Fondo del Diálogo */
.dijitDialogUnderlayWrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dijitDialogUnderlay {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5);
}

._underlay {
    background: rgba(0, 0, 0, 0.5);
}

.dijitBackgroundIframe {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    filter: alpha(opacity=0);
}

/* Animación de entrada para el underlay */
@keyframes underlayFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.dijitDialogUnderlayWrapper {
    animation: underlayFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Diálogo Principal */
.dijitDialog {
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.dijitDialogTitleBar {
    background: linear-gradient(135deg, #FF6F00 0%, #FF8F00 100%);
    border-bottom: none;
    padding: 20px 24px;
    cursor: move;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dijitDialogTitle {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.15px;
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}

.dijitDialogCloseIcon {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dijitDialogCloseIcon:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.dijitDialogCloseIcon:active {
    background-color: rgba(255, 255, 255, 0.2);
}

.closeText {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
}

.dijitDialogPaneContent {
    padding: 24px;
    min-width: 450px;
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}

/* Panel de Mensajes - Material Design */
.messagePanelPlain {
    margin-bottom: 20px;
}

.messagePanelPlain .error,
.messagePanelPlain .warn,
.messagePanelPlain .info {
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.messagePanelPlain .error:hover,
.messagePanelPlain .warn:hover,
.messagePanelPlain .info:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.messagePanelPlain .error {
    background-color: #FFEBEE;
    border-left: 4px solid #F44336;
}

.messagePanelPlain .warn {
    background-color: #FFF3E0;
    border-left: 4px solid #FF9800;
}

.messagePanelPlain .info {
    background-color: #FFF3E0;
    border-left: 4px solid #FF6F00;
}

.messagePanelPlain table {
    width: 100%;
}

.messagePanelPlain .tdimage {
    width: 48px;
    padding-right: 16px;
    vertical-align: top;
}

.messagePanelPlain .error .image {
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F44336"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>') no-repeat center;
    background-size: contain;
}

.messagePanelPlain .warn .image {
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FF9800"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>') no-repeat center;
    background-size: contain;
}

.messagePanelPlain .info .image {
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FF6F00"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>') no-repeat center;
    background-size: contain;
}

.messagePanelPlain .description {
    font-weight: 500;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    letter-spacing: 0.15px;
}

.messagePanelPlain .detail {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.messagePanelPlain .detail td {
    padding: 8px 0;
}

.messagePanelPlain .detail span {
    display: block;
}

/* Botones de Acción - Material Design */
.fisaBTActionBtns {
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

.fisaBTActionBtns td {
    text-align: center;
    padding: 8px;
}

.dijitButtonText {
    display: inline-block;
}

.dijitIcon,
.dijitToggleButtonIconChar {
    display: none;
}

.dijitOffScreen {
    position: absolute;
    left: -10000px;
    top: -10000px;
}


/* ContentPane */
.dijitContentPane {
    background: transparent;
}

.panelPopup {
    background: #fff;
}

/* Estados de visibilidad */
[style*="display:none"],
[style*="visibility:hidden"] {
    display: none !important;
}

/* Animación de entrada */
@keyframes dialogFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.dijitDialog {
    animation: dialogFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrollbar personalizada (webkit) */
.dijitDialogPaneContent::-webkit-scrollbar {
    width: 8px;
}

.dijitDialogPaneContent::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.dijitDialogPaneContent::-webkit-scrollbar-thumb {
    background: #FF6F00;
    border-radius: 4px;
}

.dijitDialogPaneContent::-webkit-scrollbar-thumb:hover {
    background: #FF8F00;
}

/* Responsive */
@media (max-width: 600px) {
    .dijitDialogPaneContent {
        min-width: 300px;
        padding: 16px;
    }

    .dijitDialogTitle {
        font-size: 18px;
    }

    .messagePanelPlain .tdimage {
        width: 40px;
        padding-right: 12px;
    }

    .messagePanelPlain .error .image,
    .messagePanelPlain .warn .image,
    .messagePanelPlain .info .image {
        width: 32px;
        height: 32px;
    }

    .dijitButtonContents {
        padding: 8px 16px;
        font-size: 13px;
    }
}

/* Elevación adicional para contraste */
.dijitDialogFocused {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

/* Select/Dropdown Material Design - Tema Naranja */

/* Contenedor principal del Select */
.dijitSelect {
    display: inline-block;
    position: relative;
    border: 1px solid var(--grey-400);
    border-radius: 8px;
    background: var(--defaultwhite);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 200px;
    height: 48px;
    box-shadow: none;
    font-family: var(--font-sans);
}

.dijitSelect:hover,
.dijitSelectHover {
    border-color: var(--primaryprimary--700);
    border-width: 2px;
}

.dijitSelect:focus,
.dijitSelectFocused {
    border-color: var(--primaryprimary--700);
    border-width: 2px;
    outline: none;
}

/* Tabla interna */
.dijitSelect table,
.dijitSelect tbody,
.dijitSelect tr {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

/* Contenedor de texto */
.dijitButtonContents {
    padding: 12px 16px;
    vertical-align: middle;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Campo de texto del select */
.dijitInputField.dijitButtonText {
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 8px;
}

/* Label/Texto seleccionado */
.dijitSelectLabel {
    color: rgba(0, 0, 0, 0.87);
    font-size: var(--text-2sm);
    line-height: 20.3px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 100%;
}

/* Placeholder state */
.dijitSelectLabel:empty::before,
.dijitSelectLabel.dijitPlaceHolder {
    color: rgba(0, 0, 0, 0.38);
    content: attr(data-placeholder);
}

/* Contenedor de validación */
.dijitValidationContainer {
    display: none;
}

/* Input hidden */
input[type="hidden"] {
    display: none;
}

/* Botón de flecha */
.dijitArrowButton {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dijitArrowButton:hover {
    background-color: rgba(255, 111, 0, 0.08);
}

.dijitArrowButton:active {
    background-color: rgba(255, 111, 0, 0.16);
}

/* Icono de flecha */
.dijitArrowButtonInner {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 auto;
}

.dijitArrowButtonInner::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.54);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Flecha cuando está expandido */
.dijitSelect[aria-expanded="true"] .dijitArrowButtonInner::after {
    transform: translate(-50%, -50%) rotate(180deg);
    border-top-color: #FF6F00;
}

/* Estado disabled */
.dijitSelectDisabled {
    opacity: 0.38;
    cursor: not-allowed;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.04);
}

/* Estado error */
.dijitSelectError,
.dijitError .dijitSelect {
    border-color: #F44336;
}

.dijitSelectError:focus {
    border-color: #F44336;
    box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);
}

/* Animación de ripple en el botón */
.dijitArrowButton::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 111, 0, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.dijitArrowButton:active::before {
    width: 100px;
    height: 100px;
}

/* Menu desplegable - Popup */
.dijitMenuPopup {
    background: transparent;
    border: none !important;
    z-index: 1000;
    margin-top: 4px !important;
}

.dijitSelectMenu,
.dijitMenu,
.dijitMenuTable {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
    padding: 8px 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    animation: menuSlideDown 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
    min-width: 200px;
    border-collapse: collapse;
}

/* Contenedor del popup - se posiciona automáticamente por Dojo */
.dijitPopup {
    background: transparent;
    border: none;
    z-index: 1000;
}

/* Asegurar que el ancho del menú coincida con el select */
.dijitSelect + .dijitPopup .dijitSelectMenu,
[widgetid] + .dijitPopup .dijitSelectMenu {
    min-width: inherit;
}

/* Body del menu */
.dijitMenuTable tbody {
    display: table-row-group;
}

@keyframes menuSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Items del menu - Filas TR */
.dijitMenuItem,
tr.dijitMenuItem {
    padding: 0;
    cursor: pointer;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    background: transparent;
}

.dijitMenuItem:hover,
.dijitMenuItemHover,
tr.dijitMenuItem:hover {
    background-color: rgba(255, 111, 0, 0.08) !important;
}

.dijitMenuItemSelected,
.dijitSelectSelectedOption,
tr.dijitMenuItemSelected,
.dijitMenuItem:active,
.dijitMenuItemActive {
    background-color: rgba(255, 111, 0, 0.16) !important;
}

.dijitMenuItemDisabled {
    opacity: 0.38;
    cursor: not-allowed;
    pointer-events: none;
}

/* Celdas del menu item */
.dijitMenuItemIconCell {
    width: 40px;
    text-align: center;
    padding: 0 8px;
    display: none; /* Ocultar iconos vacíos */
}

.dijitMenuItemLabel {
    padding: 12px 16px !important;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87) !important;
    letter-spacing: 0.15px;
    white-space: nowrap;
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}

/* Label del item seleccionado */
.dijitMenuItemSelected .dijitMenuItemLabel,
.dijitSelectSelectedOption .dijitMenuItemLabel {
    color: #FF6F00 !important;
    font-weight: 500;
}

.dijitMenuItemAccelKey {
    display: none !important;
}

.dijitMenuArrowCell {
    width: 24px;
    display: none; /* Ocultar flechas de submenú */
}

/* Iconos */
.dijitMenuItemIcon,
.dijitNoIcon {
    display: none;
}

.dijitMenuExpand,
.dijitMenuExpandA11y {
    display: none;
}

/* Scrollbar del menu */
.dijitSelectMenu::-webkit-scrollbar,
.dijitMenuTable::-webkit-scrollbar {
    width: 8px;
}

.dijitSelectMenu::-webkit-scrollbar-track,
.dijitMenuTable::-webkit-scrollbar-track {
    background: transparent;
}

.dijitSelectMenu::-webkit-scrollbar-thumb,
.dijitMenuTable::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.dijitSelectMenu::-webkit-scrollbar-thumb:hover,
.dijitMenuTable::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.crb-security-questions-menu::-webkit-scrollbar-button,
.crb-security-questions-menu *::-webkit-scrollbar-button {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

/* Background iframe (ignorar) */
.dijitBackgroundIframe {
    display: none !important;
}

/* Variante outlined */
.dijitSelect.outlined {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.23);
}

.dijitSelect.outlined:hover {
    border-color: rgba(0, 0, 0, 0.87);
}

.dijitSelect.outlined:focus {
    border-color: #FF6F00;
    border-width: 2px;
}

/* Variante filled */
.dijitSelect.filled {
    background: rgba(0, 0, 0, 0.04);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: 4px 4px 0 0;
}

.dijitSelect.filled:hover {
    background: rgba(0, 0, 0, 0.08);
    border-bottom-color: rgba(0, 0, 0, 0.87);
}

.dijitSelect.filled:focus {
    background: rgba(0, 0, 0, 0.09);
    border-bottom: 2px solid #FF6F00;
}

/* Label flotante (si se usa) */
.dijitSelectLabel-floating {
    position: absolute;
    top: -8px;
    left: 12px;
    background: #fff;
    padding: 0 4px;
    font-size: 12px;
    color: #FF6F00;
    letter-spacing: 0.4px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Tamaños */
.dijitSelect.small {
    height: 32px;
    min-width: 150px;
}

.dijitSelect.small .dijitSelectLabel {
    font-size: 13px;
}

.dijitSelect.large {
    height: 48px;
    min-width: 250px;
}

.dijitSelect.large .dijitSelectLabel {
    font-size: 16px;
}

/* Responsive */
@media (max-width: 600px) {
    .dijitSelect {
        min-width: 150px;
    }

    .dijitSelectMenu {
        max-height: 200px;
    }
}

#softokenModal .question-wrapper .securityQuestionPicker tr td {
    display: block !important;
    width: 100% !important;
}

#softokenModal .question-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
}

#softokenModal .dijitDialogTitleBar {
    display: none !important;
    background: transparent !important;
}

#softokenModal .dijitSelect .dijitButtonContents {
    padding: 0px 10px !important;
}

#softokenModal .form-question-wrapper {
    grid-template-columns: 100%;
    display: grid;
    gap: 24px;
    .question-wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 40px 24px;
        border: 1px solid var(--primaryprimary--200);
        border-radius: 16px;
    }
}

#softokenModal .question-wrapper .securityQuestionPicker > tbody > tr > td:nth-child(1) {
    width: 100% !important;
    padding: 0px;
    vertical-align: top;
}

#softokenModal .question-wrapper .angle-down-icon .securityQuestionPicker .dijitSelect{
    background: url(./../img/ic-angle-small-down-gray.svg) no-repeat var(--defaultwhite) calc(100% - 16px) center;
    background-size: 20px;
}

#softokenModal .question-wrapper .angle-down-icon .securityQuestionPicker > tbody tr td:nth-child(2) .dijitTextBox .dijitInputContainer {
    background: none !important;
}

#softokenModal .question-wrapper .input-widget {
    width: 100% !important;
}

#softokenModal .question-wrapper .securityQuestionPicker .dijitSelect  tr td:nth-child(2) {
    display: none !important;
    height: 0px !important;
}

#softokenModal .question-wrapper .securityQuestionPicker .dijitSelect  tr td:nth-child(1) {
    vertical-align: middle !important;
    height:46px !important;

}

/*Registro Equipo ms 3*/
.machine-list h3 {
    font-size: 24px;
    font-weight: 500;
    color: #E65100;
    margin-bottom: 24px;
}

.machine-list ul {
    list-style: none;
    margin: 24px 0;
}

.machine-list ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 16px;
    font-size: 16px;
    color: #424242;
    line-height: 1.6;
    text-align: justify;
}

.machine-list ul li::before {
    content: '•';
    position: absolute;
    left: 8px;
    top: 0;
    color: #FFA726;
    font-size: 24px;
    font-weight: bold;
}

.machine-list .warning {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    border-left: 4px solid #ff9800;
    padding: 16px 20px;
    border-radius: 8px;
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 15px;
    color: #e65100;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.15);
}

.machine-list .divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #FFA726, transparent);
    margin: 32px 0;
}

.machine-list .question {
    color: #E65100;
    font-weight: 500;
    padding: 20px;
    background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);
    border-left: 4px solid #FF6F00;
    border-radius: 8px;
}

.machine-list .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FF6F00;
    color: white;
    font-weight: 700;
    font-size: 18px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 4px;
    box-shadow: 0 2px 8px rgba(255, 111, 0, 0.4);
}

@media (max-width: 640px) {
    .machine-list .card {
        padding: 24px;
    }

    .machine-list h3 {
        font-size: 20px;
    }

    .machine-list ul li {
        font-size: 15px;
    }

    .machine-list .question {
        font-size: 16px;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*FIN Registro Equipo ms 3*/


/* Lista de Equipos registrados */

/* Contenedor principal del grid */
.dojoxGrid {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 100%;
}

.dojoxGrid:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/* Paginador */
.dojoxGridPaginator {
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #BDBDBD;
    padding: 12px 16px;
}

.dojoxGridDescription {
    color: #757575;
    font-size: 13px;
    font-weight: 500;
}

.dojoxGridPaginatorGotoDiv {
    background: #FFE0B2;
    color: #F57C00;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dojoxGridPaginatorGotoDiv:hover {
    background: linear-gradient(135deg, #FFA726 0%, #FF6F00 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 167, 38, 0.4);
}

/* Header del Grid */
.dojoxGridMasterHeader {
    background: linear-gradient(135deg, #FFA726 0%, #F57C00 100%);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    position: relative;
    z-index: 2;
}

.dojoxGridHeader {
    overflow: hidden;
}

.dojoxGridRowTable {
    width: 100%;
    border-collapse: collapse;
}

/* Celdas del header */
.dojoxGridCell[role="columnheader"] {
    background: transparent;
    color: white;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 16px;
    border: none;
    text-align: left;
    transition: var(--transition);
}

.dojoxGridCell[role="columnheader"]:hover {
    background: rgba(255, 255, 255, 0.1);
}

.dojoxGridSortNode {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.dojoxGridSortNode:hover {
    opacity: 0.9;
}

/* Contenido del Grid */
.dojoxGridMasterView {
    background: #FFFFFF;
}

.dojoxGridScrollbox {
    overflow-x: hidden;
    overflow-y: auto;
}

.dojoxGridContent {
    position: relative;
}

/* Filas del Grid */
.dojoxGridRow {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.dojoxGridRow:hover {
    background: rgba(255, 167, 38, 0.08);
    transform: translateX(2px);
}

.dojoxGridRow:last-child {
    border-bottom: none;
}

.dojoxGridRowOdd {
    background: rgba(0, 0, 0, 0.02);
}

.dojoxGridRowOdd:hover {
    background: rgba(255, 167, 38, 0.12);
}

/* Celdas de datos */
.dojoxGridCell[role="gridcell"] {
    padding: 16px;
    color: #212121;
    border: none;
    vertical-align: middle;
}

/* Focus states */
.dojoxGridCellFocus {
    outline: 2px solid #FFA726;
    outline-offset: -2px;
    border-radius: 4px;
}

/* Links de acción */
.fisaLink {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fisaLinkEnabled {
    color: white;
    cursor: pointer;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 6px;
    background: linear-gradient(135deg, #FFA726 0%, #FF6F00 100%);
    border: none;
    box-shadow: 0 2px 8px rgba(255, 167, 38, 0.3);
}

.fisaLinkEnabled:hover {
    background: linear-gradient(135deg, #FF6F00 0%, #E65100 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 167, 38, 0.4);
}

.fisaLinkEnabled:active {
    transform: scale(0.96) translateY(0);
    box-shadow: 0 1px 4px rgba(255, 167, 38, 0.4);
}

.fisaLinkLabel {
    font-size: 13px;
    letter-spacing: 0.25px;
}

/* Estados de focus ocultos */
.dojoxGridHiddenFocus {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

/* Mensajes */
.dojoxGridMasterMessages {
    padding: 16px;
    background: #FFFFFF;
    border-top: 1px solid #BDBDBD;
    color: #757575;
    font-size: 13px;
}

/* Scrollbar personalizado (webkit) */
.dojoxGridScrollbox::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dojoxGridScrollbox::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.dojoxGridScrollbox::-webkit-scrollbar-thumb {
    background: #FFA726;
    border-radius: 4px;
}

.dojoxGridScrollbox::-webkit-scrollbar-thumb:hover {
    background: #F57C00;
}

/* Animaciones Material */
@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

/* Estados de carga */
.dojoxGridRow.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
    .dojoxGrid {
        border-radius: 0;
        box-shadow: none;
    }

    .dojoxGridCell[role="columnheader"],
    .dojoxGridCell[role="gridcell"] {
        padding: 12px 8px;
        font-size: 13px;
    }

    .fisaLinkEnabled {
        padding: 6px 12px;
        font-size: 12px;
    }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dark mode support
@media (prefers-color-scheme: dark) {
    body {
        background: #121212;
    }

    .dojoxGrid,
    .dojoxGridPaginator,
    .dojoxGridMasterView,
    .dojoxGridMasterMessages {
        background: #1E1E1E;
    }

    .dojoxGridDescription,
    .dojoxGridMasterMessages {
        color: #B0B0B0;
    }

    .dojoxGridCell[role="gridcell"] {
        color: #FFFFFF;
    }

    .dojoxGridPaginator {
        border-bottom-color: #2C2C2C;
    }

    .dojoxGridRowOdd {
        background: rgba(255, 255, 255, 0.03);
    }

    .dojoxGridRow:hover,
    .dojoxGridRowOdd:hover {
        background: rgba(255, 167, 38, 0.15);
    }
}
*/

/* Elevación adicional para interacciones */
.dojoxGridCell[role="columnheader"]:active {
    transform: translateY(1px);
}

/* Mejoras tipográficas */
.dojoxGrid {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dijitSecurityInternal{
    background: none !important;
    box-shadow: none !important;
}

.dijitSecurityInternal .dijitDialogTitleBar{
    display: none !important;
}

/*Olvido Clave*/
#rules, #rulesc {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

#rules li, #rulesc li {
    display: none;
    align-items: center;
    margin-bottom: 8px;
    font-family: Arial, sans-serif;
    color: #333;
    font-size: 14px;
}

.circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #f5c19c; /* naranja pastel */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    font-size: 12px;
    color: white;
}

/* Cuando cumple */
li.valid .circle {
    background-color: #f57c00; /* naranja fuerte */
}

li.valid .circle::before {
    content: "✓";
}

/* Mostrar reglas cuando empieza a validar */
li.show {
    display: flex !important;
}
/*Fin Olvido Clave*/

/* Card (boxed) como la imagen */
  .form-container.boxed{
    width: 100%;
    max-width: 600px;
    min-height: auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    padding: 26px 30px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
  }

  /* La columna interna debe ocupar el alto para poder centrar */
  .form-container.boxed > .flex.flex-col.gap-8.w-full{
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /* --- CENTRADO del bloque imagen + frase SIN agregar wrapper --- */
  /* Empuja el imagePicker hacia el centro */
  #securityImagePicker{
    margin-top: auto;            /* clave */
    display: flex;
    justify-content: center;
  }
  /* Empuja el passphrase hacia el centro */
  #securityPassphrasePicker{
    margin-bottom: auto;         /* clave */
    display: flex;
    justify-content: center;
    width: 100%;
  }

  /* El ImageCustomPicker viene en table => centrar y tamaño */
  #securityImagePicker table{
    margin: 0 auto;
  }
  #securityImagePicker img{
    width: 110px;      /* ajusta según tu captura */
    height: auto;
    display: block;
  }

  /* PassphrasePicker: ocultar la columna izquierda (label "Registre su frase...") */
  #securityPassphrasePicker .fisaComponentGridLeftCell{
    display: none !important;
  }

  /* Centrar la frase */
  #securityPassphrasePicker .fisaComponentGridRightCell{
    padding: 0 !important;
    text-align: center !important;
  }
  #securityPassphrasePicker .fisaLabel{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    text-align: center;
  }

  /* Ajuste por si la tabla ocupa todo el ancho */
  #securityPassphrasePicker table{
    margin: 0 auto;
    width: auto;
  }

/*Selecion de Imagen en flujo usuario temporal*/
.galley-wrapper .customfisaImagePicker td[id*="baninter_fisa_widget_security_ImageCustomPicker_0"] {
    display: none !important;
}

.galley-wrapper .customfisaImagePicker td > span img {
    border: 1.5px solid #6D6E71 !important;
    border-radius: 8px !important;
}

.galley-wrapper .customfisaImagePicker td > span img.active {
    border: 1.5px solid #F28B00 !important;
    border-radius: 8px !important;
}

.galley-wrapper table.customfisaImagePicker tr td img{
    padding: 0.4em !important;
}

.galley-wrapper table {
    border-collapse: separate !important;
    border-spacing: 20px !important;
    margin-left: -20px !important; /* compensa el espacio extra */
    margin-right: -20px !important; /* compensa el espacio extra */
    margin-top: -20px !important; /* compensa el espacio extra */
}

.galley-wrapper {
    gap: 0px !important;
    grid-template-columns: fit-content !important;
    grid-template-rows: fit-content !important;
}

/*FIN - Selecion de Imagen en flujo usuario temporal*/

/* Placeholder gris para los dijit Select */
.dijitSelect.crb-placeholder .dijitButtonText,
.dijitSelect.crb-placeholder .dijitSelectLabel {
    color: #9ca3af !important; /* gris similar a placeholder */
}

.dijitDialogUnderlayWrapper.secq-underlay-only {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    animation: none !important;
    transition: none !important;
    background: transparent !important;
}

.dijitDialogUnderlayWrapper.secq-underlay-only .dijitDialogUnderlay,
.dijitDialogUnderlayWrapper.secq-underlay-only .dijitDialog_underlay,
.dijitDialogUnderlayWrapper.secq-underlay-only .dijitSecurityInternal_underlay {
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.45) !important;
}


/* 1. Quitamos el fondo y el borde de la fila completa */
.dijitSelectMenu .dijitMenuItemHover,
.dijitSelectMenu .dijitMenuItemSelected,
.dijitSelectMenu .dijitMenuItemFocused {
    background-color: transparent ;
    background-image: none ;
    border: none ;
    box-shadow: none ;
    outline: none ;
}

/* 2. Quitamos el estilo de las celdas internas (donde suele vivir el color) */
.dijitSelectMenu .dijitMenuItemHover .dijitMenuItemLabel,
.dijitSelectMenu .dijitMenuItemSelected .dijitMenuItemLabel,
.dijitSelectMenu .dijitMenuItemFocused .dijitMenuItemLabel {
    background-color: transparent ;
    border: none ;
    box-shadow: none ;
    color: inherit ; /* Mantiene el color de texto original */
}

/* 3. Específicamente para el borde azulado (que a veces es un outline de foco) */
.dijitSelectMenu .dijitMenuItemSelected {
    outline: 0 ;
}

.dijitPopup.dijitMenuPopup:has(.crb-security-questions-menu) {
    border: 1px solid #E6E6E6 !important;
    background-color: white !important;
    border-radius: 12px !important;
    height: 300px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.dijitPopup.dijitMenuPopup .crb-security-questions-menu{
    border: none !important;
    border-radius: 0px !important;
}