@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiboldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueUltraLight.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueThin.otf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueLight.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueRoman.otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueMedium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueBold.otf');
    font-weight: 600;
    font-style: normal;
}

:root {
    --scroll-bar-color: #c5c5c5;
    --scroll-bar-bg-color-hover: #6e6e6e;
    --bu-main-menu-header-footer-color: #003c85;
    --bu-main-menu-header-footer-color-h: 213;
    --bu-main-menu-header-footer-color-s: 100%;
    --bu-main-menu-header-footer-color-l: 26%;
    --bu-selected-tab-text-color: #4c82b1;
    --bu-primary-light-blue-color: #7893ca;
    --bu-hover-light-blue-color: #97abd6;
    --bu-primary-white-color: white;
    --bu-text-main-color: #353535;
    --bu-fieldset-header-text-color: #747474;
    --bu-lighest-grey-color: #f6f6f6;
    --bu-light-grey-color: #ececec;
    --bu-grey-color: #d5d5d5;
    --bu-medium-dark-grey-color: #d0d0d0;
    --bu-dark-grey-color: #c0c0c0;
    --bu-darkest-grey-color: #a9a9a9;
    --bu-function-tree-selected-node-text-color: #266eae;
    --bu-grid-boundlist-over-color: #dff0ff;
    --bu-tab-background-color: #5fa2dd;
    --bu-default-button-border: #e4e4e4;
    --bu-tree-icon-color: #8896a2;
    --bu-main-background-color: #f1f5f9;
    --bu-primary-magenta-color: #932454;
    --bu-secondary-magenta-color: #d76c99;
    --bu-highlight-magenta-color: #ffabce;
    --bu-read-only-color: #e2e8f0;
    --bu-grid-row-border-color: hsl(214.3 31.8% 91.4%);
    --bu-grid-selected-row-color: #d2e1ff;
    --bu-grid-alt-row-color: hsl(210, 40%, 98%);
    --bu-invalid-field-color: #cf4c35;
    --bu-wrap-border-color: #cbd5e1
}

.imgfondohome {
    background-image: url(../Imagenes/fondo.png);
}

.cls-input-requerido {
    color: var(--bu-primary-magenta-color);
    font-weight: bold;
}

.labelfondo-numeric {
    text-align: right;
}

#winLogeo-bodyWrap #txtUserName-triggerWrap.x-form-trigger-wrap-default, #winLogeo-bodyWrap #txtPassword-triggerWrap.x-form-trigger-wrap-default, #winPasswordRecovery-bodyWrap #txtEmail-triggerWrap.x-form-trigger-wrap-default {
    border: 0;
    border-bottom: 1px solid #009CDB;
}

#winLogeo-bodyWrap #txtUserName-triggerWrap.x-form-trigger-wrap-invalid,
#winLogeo-bodyWrap #txtPassword-triggerWrap.x-form-trigger-wrap-invalid,
#winPasswordRecovery #txtEmail-triggerWrap.x-form-trigger-wrap-invalid {
    border: 0;
    border-bottom: 1px solid #cf4c35;
}

#winLogeo-bodyWrap #txtUserName-triggerWrap.x-form-trigger-wrap-invalid input,
#winLogeo-bodyWrap #txtPassword-triggerWrap.x-form-trigger-wrap-invalid input,
#winPasswordRecovery-bodyWrap #txtEmail-triggerWrap.x-form-trigger-wrap-invalid input {
    background: #ffeded;
}

#winLogeo-innerCt,
#winPasswordRecovery-innerCt {
    background-color: transparent;
}

#winLogeo-outerCt,
#winPasswordRecovery-outerCt {
    background-color: transparent;
}

#winLogeo-body,
#winPasswordRecovery-body {
    background-color: transparent;
}

#winLogeo-bodyWrap,
#winPasswordRecovery-bodyWrap {
    background-color: transparent;
}

#winLogeo,
#winPasswordRecovery {
    background-image: url(../Imagenes/fondo_broker-up.svg);
    background-size: cover;
}

.x-window-default {
    border: none;
    border-radius: 8px;
}

#winLogeo .x-window-header-default-top,
#winPasswordRecovery .x-window-header-default-top {
    background: var(--bu-primary-white-color);
}

#winLogeo .x-window-header-default,
#winPasswordRecovery .x-window-header-default {
    border-color: var(--bu-primary-white-color);
}

#winLogeo .x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default,
#winPasswordRecovery .x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    color: var(--bu-text-main-color);
}

#winLogeo .x-window-header-title-default,
#winPasswordRecovery .x-window-header-title-default {
    color: var(--bu-text-main-color);
}

#winLogeo .x-window-header-title-default,
#winPasswordRecovery .x-window-header-title-default {
    color: var(--bu-text-main-color);
}

.x-toolbar-footer {
    background-color: transparent;
}

.text-field-icon {
    display: flex;
    align-items: center; /* Vertically centers the icon */
    justify-content: center; /* Centers the icon horizontally */
    font-size: 17px; /* Adjust font size as needed */
    color: #5e5e5e; /* Customize the color of the icon */
}

.x-grid-cell-inner {
    cursor: pointer;
}

.x-grid-item-over,
.x-grid-item-alt.x-grid-item-over {
    background-color: var(--bu-grid-boundlist-over-color);
}

.x-grid-item-selected,
.x-grid-item-alt.x-grid-item-selected {
    background-color: var(--bu-grid-selected-row-color);
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
    border: none;
    box-shadow: inset 0px 0px 3px 1px rgb(0, 0, 0, 0.2);
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
    font-size: 11px;
    background-color: #f1f2f4;
}

.x-grid-row-summary .x-grid-cell-Cost .x-grid-cell-inner {
    background-color: #e1e2e4;
}

.x-btn {
    height: 25px;
    padding: 2px 10px 2px 10px;
    border-radius: 12px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.x-tab {
    padding: 4px 8px 4px 8px;
    margin: 4px 0 0 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: none;
    background-color: var(--bu-primary-light-blue-color);
}

.x-tab-closable.x-tab-default .x-tab-button {
    padding-right: 8px;
}

.x-form-trigger-wrap-default,
.x-form-trigger-wrap-default {
    border-radius: 3px;
    overflow: hidden;
}

.x-form-trigger-wrap-invalid,
.x-form-trigger-wrap-invalid {
    border-radius: 3px;
    overflow: hidden;
}

.x-toolbar-default {
    background-color: var(--bu-main-background-color)
}

.x-form-item-label-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.x-form-text-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    padding: 1px 5px 1px;
    font-size: 11px;
    font-weight: 400;
    min-height: 25px;
    color: var(--bu-text-main-color)
}

.x-form-trigger {
    vertical-align: middle;
}

.x-form-trigger-wrap {
    min-height: 25px;
}

.x-form-cb-label-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.x-form-trigger-default {
    font: 16px / 25px 'Font Awesome 5 Free';
}

.x-form-cb-checked .x-form-radio-default {
    font: 18px 'Font Awesome 5 Free Regular';
}

.x-form-radio-default {
    font: 18px 'Font Awesome 5 Free Regular';
}

.x-form-cb-wrap-default {
    height: 25px;
    min-width: 18px;
}

.x-fieldset {
    background: var(--bu-primary-white-color);
}

.x-fieldset-header .x-fieldset-header-text {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 12px;
    color: var(--bu-main-menu-header-footer-color);
    font-weight: 600;
}

.x-form-text-default .x-btn-default-toolbar-small {
    border-radius: 2px;
    border: none;
    background-color: var(--bu-primary-white-color);
    border-color: var(--bu-main-menu-header-footer-color);
}

.x-btn-default-toolbar-small {
    background-color: var(--bu-primary-white-color);
    border-color: transparent;
}

.x-form-item-label-default {
    padding-top: 4px;
    text-align: right;
}

.x-form-readonly .x-form-text-default[readonly=readonly] {
    background-color: var(--bu-read-only-color);
}

input[role="combobox"][readonly="readonly"] {
    background-color: var(--bu-primary-white-color);
}

.x-body {
    background: transparent;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

#formLogin {
    background-color: var(--bu-main-background-color)
}

#RegTop {
    background: var(--bu-primary-white-color);
}

.x-tab-bar-horizontal > .x-tab-bar-body-default {
    background-color: var(--bu-primary-white-color);
    min-height: 40px;
    /*border: 1px solid var(--bu-medium-dark-grey-color);*/
    /*border-top-left-radius: 6px;*/
    /*border-top-right-radius: 6px;*/
    box-shadow: rgba(0, 0, 0, 0.3) 0px -4px 6px -5px inset;
}

.x-tab.x-tab-active.x-tab-default {
    border-color: var(--bu-tab-background-color);
    background-color: var(--bu-primary-white-color);
    box-shadow: 0px 0px 5px -0.5px rgb(0, 0, 0, 0.3);
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: var(--bu-main-menu-header-footer-color);
}

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    border-color: var(--bu-tab-background-color);
    background-color: var(--bu-primary-white-color);
    box-shadow: 0px 0px 5px var(--bu-darkest-grey-color);
    outline: 0;
}

.x-tab-bar-default {
    background-color: transparent;
}

.x-tab-inner-default {
    color: var(--bu-primary-white-color);
}

.x-tab-over.x-tab-default {
    border-color: var(--bu-main-menu-header-footer-color);
    background-color: var(--bu-main-menu-header-footer-color);
}

.x-form-cb-label-default {
    margin-top: 4px;
}

.x-form-cb-default {
    margin-top: 4px;
}

.x-panel-default-outer-border-rbl {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: none !important;
}

.x-panel-default-outer-border-trl {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: none !important;
}

.x-panel-default-outer-border-rl {
    border-top-color: var(--bu-grid-row-border-color) !important;
    border-bottom-color: var(--bu-grid-row-border-color) !important;
    border-left: none;
    border-right: none;
}

.x-column-header:not(.x-column-header-last) {
    border-right: 1px solid var(--bu-grid-row-border-color);
}

.x-grid-row {
    border-bottom: 1px solid var(--bu-grid-row-border-color);
}

.x-panel-default-outer-border-trbl {
    border-width: 0 !important;
}

.x-btn-over.x-btn-default-toolbar-small:not(.x-btn-pressed) {
    background-color: var(--bu-main-menu-header-footer-color);
    border-color: var(--bu-main-menu-header-footer-color);
}

.x-btn-over .x-btn-inner-default-toolbar-small:not(.x-btn-pressed),
.x-btn-over .x-btn-inner-default-small:not(.x-btn-pressed) {
    color: var(--bu-primary-white-color);
}

.x-btn-over.x-btn-pressed.x-btn-default-toolbar-small {
    background-color: var(--bu-main-menu-header-footer-color);
    border-color: var(--bu-primary-white-color);
    box-shadow: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-small {
    background-color: var(--bu-primary-white-color);
    -webkit-box-shadow: #5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: #5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: #5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small {
    background-color: var(--bu-main-menu-header-footer-color);
    -webkit-box-shadow: #5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: #5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: #5fa2dd 0 1px 0px 0 inset, #5fa2dd 0 -1px 0px 0 inset, #5fa2dd -1px 0 0px 0 inset, #5fa2dd 1px 0 0px 0 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.x-btn.x-btn-pressed.x-btn-default-toolbar-small:not(.x-btn-over) {
    background-color: var(--bu-primary-white-color);
    border-color: transparent;
}

.x-fieldset-default {
    border-radius: 6px;
    border: none !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.x-fieldset-header-tool-default > .x-tool-toggle {
    color: var(--bu-main-menu-header-footer-color)
}

.x-grid-body.x-panel-body-default {
    border-radius: 0 !important;
}

.x-mask {
    background-color: rgb(0, 0, 0, 0.10);
}

body > .x-mask {
    background-color: rgb(0, 0, 0, 0.10);
}

.x-tab-inner-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 600;
}

.x-btn-inner-default-toolbar-small,
.x-btn-inner-default-small {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--bu-main-menu-header-footer-color);
}

.x-form-item-label-text,
.x-label-value:not(#lblNotificationBadge) {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--bu-main-menu-header-footer-color);
}


/* Regla específica solo para tu badge */
/* Solo el badge usa un valor diferente */
.notification-badge {
    --bu-main-menu-header-footer-color: white; /* Variable local */
    color: var(--bu-main-menu-header-footer-color) !important;
    font-weight: bold !important;
}
.x-toolbar-text-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--bu-main-menu-header-footer-color);
}

.x-column-header {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--bu-text-main-color);
}

.x-grid-item {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--bu-text-main-color);
}

.x-grid-with-row-lines .x-grid-item {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: var(--bu-grid-row-border-color);
}

.x-grid-cell-inner:not(.x-grid-cell-inner-treecolumn) {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
    min-height: 25px;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-color: var(--bu-grid-row-border-color);
}

.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-color: var(--bu-grid-row-border-color);
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-over,
.x-grid-with-row-lines .x-grid-item.x-grid-item-alt.x-grid-item-over {
    border-color: var(--bu-grid-row-border-color);
}

.x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
    border-top-color: var(--bu-grid-row-border-color);
}

.x-grid-cell-row-numberer.x-grid-cell-special {
    border-color: var(--bu-grid-row-border-color);
}

.x-column-header-checkbox .x-column-header-inner, .x-grid-checkcolumn-cell-inner {
    padding: 3px 6px;
}

.x-column-header-inner {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
    height: 25px;
}

.x-grid-cell-inner-treecolumn {
    padding: 4px 5px 4px 5px;
}

.x-progress-default .x-progress-text {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

#statusBarExpa1 {
    background-color: var(--bu-main-menu-header-footer-color);
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: 0 !important;
}

#statusBarExpa1-innerCt {
    left: -24px !important;
}

#SB_statusContenedor {
    border-left: 0 !important;
    border-right: 0 !important;
    background-color: var(--bu-primary-white-color);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 0 !important;
}

.x-panel-body-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    background-color: var(--bu-main-background-color) !important;
    /*border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;*/
}

.x-menu-item-text-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default:not(.x-tab-active) {
    outline: 0;
    background-color: var(--bu-primary-light-blue-color);
    box-shadow: inset 0px 0px 5px #737373;
}

.x-keyboard-mode .x-tab-focus.x-tab-default {
    background-color: var(--bu-primary-light-blue-color);
    box-shadow: none;
    outline: 0;
}

/*.x-panel-default {
    background-color: transparent;
}*/

.x-window .x-autocontainer-innerCt {
    background-color: var(--bu-primary-white-color);
}

/* Override if it has a fieldset or panel inside */
.x-window .x-autocontainer-innerCt:has(.x-fieldset),
.x-window .x-autocontainer-innerCt:has(.x-grid) {
    background: var(--bu-main-background-color); /* or whatever color you want */
}

.x-window .x-fieldset-body .x-autocontainer-innerCt {
    background-color: var(--bu-primary-white-color);
}

#RegTop-innerCt {
    background-color: var(--bu-primary-white-color);
}

.light-grey-background {
    background-color: var(--bu-lighest-grey-color);
}

.light-blue-background {
    background-color: var(--bu-main-menu-header-footer-color);
}

.x-window-body-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    padding-right: 1px;
}

.x-window-bodyWrap .x-toolbar-footer,
.x-window-bodyWrap .x-toolbar-default-docked-bottom {
    padding: 6px 8px 8px 8px;
}

.x-message-box .x-window-body {
    background-color: var(--bu-primary-white-color);
}

.x-window-header-title-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 600;
}

.x-panel-header-title-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.x-window-header-default {
    padding: 5px 14px;
    background-color: var(--bu-main-menu-header-footer-color);
    /*background: linear-gradient(to bottom, var(--bu-main-menu-header-footer-color) 85%, var(--bu-main-background-color) 115%);*/
    border: none;
    /*border-bottom: 1px solid var(--bu-main-menu-header-footer-color) !important*/
}

.x-window-header-default .x-tool-tool-el {
    color: var(--bu-primary-white-color);
}

.x-window-header-title-default > .x-title-text-default {
    color: var(--bu-primary-white-color);
}

.x-panel-header-default {
    padding: 5px 14px;
    background-color: var(--bu-primary-white-color);
}

.x-panel-header-title-default > .x-title-text-default {
    color: var(--bu-text-main-color);
}

.x-panel.x-window-item.x-panel-default.x-grid.x-grid-componentcolumn {
    overflow: visible;
}

.x-mask-msg {
    background-color: var(--bu-primary-white-color);
}

.x-mask-msg-inner {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

/*.x-mask {
    background-color: rgba(255,255,255,.5);
}*/

/*.x-mask-msg-text {
    background-image: url('../Imagenes/loading-addaccion.gif') !important;
    background-size: 40px;
    padding: 45px 0 0 0;
}
*/

.x-form-file-wrap .x-form-trigger-wrap .x-form-text {
    border: 1px solid var(--bu-wrap-border-color);
    height: 25px;
    border-radius: 3px;
    /*box-shadow: 0px 1px 2.5px rgb(0, 0, 0, 0.3);*/
}

.x-toolbar-default.x-noborder-rbl {
    /*border-top: 1px solid var(--bu-grid-selected-row-color) !important;*/
    background-color: var(--bu-main-background-color);
}

.x-boundlist {
    border-radius: 3px;
}

.x-boundlist-item {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    min-height: 25px;
    color: var(--bu-text-main-color);
    line-height: 24px;
    overflow-clip-margin: 0 !important;
    overflow: clip !important;
}

.x-boundlist-selected {
    color: var(--bu-text-main-color);
    background: var(--bu-grid-boundlist-over-color);
    border-color: var(--bu-grid-boundlist-over-color);
}

.x-boundlist-item-over:not(.x-boundlist-selected) {
    color: var(--bu-text-main-color);
    background: var(--bu-grid-boundlist-over-color);
    border-color: var(--bu-grid-boundlist-over-color);
}

.x-toolbar-footer.x-box-layout-ct {
    border-top: 1px solid var(--bu-medium-dark-grey-color) !important;
}

.x-window-bodyWrap .x-toolbar-footer.x-box-layout-ct {
    border-top: none !important;
    background-color: var(--bu-main-background-color);
}

.x-box-item.x-toolbar-item.x-btn-default-small:not(#btnLogin-btnInnerEl, #btnSendCredentials-btnInnerEl) {
    background-color: var(--bu-primary-white-color);
    border-color: transparent;
}

.x-box-item.x-toolbar-item.x-btn-default-small.x-btn-over:not(#btnLogin-btnInnerEl, #btnSendCredentials-btnInnerEl) {
    background-color: var(--bu-main-menu-header-footer-color);
    border-color: var(--bu-main-menu-header-footer-color);
}

.x-box-item.x-toolbar-item.x-btn-default-small.x-btn-over.x-btn-pressed:not(#btnLogin-btnInnerEl, #btnSendCredentials-btnInnerEl) {
    background-color: var(--bu-main-menu-header-footer-color);
    box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0.4);
    border: none;
}

.x-box-item.x-toolbar-item.x-btn-default-small .x-btn-inner-default-small:not(#btnLogin-btnInnerEl, #btnSendCredentials-btnInnerEl) {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--bu-main-menu-header-footer-color);
}

.x-box-item.x-toolbar-item.x-btn-default-small.x-btn-over .x-btn-inner-default-small:not(#btnLogin-btnInnerEl, #btnSendCredentials-btnInnerEl) {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--bu-primary-white-color);
}

.x-message-box-question {
    font: 35px / 1 'Font Awesome 5 Free';
    color: var(--bu-primary-light-blue-color);
}

.x-tool-pin,
.x-tool-unpin {
    color: var(--bu-primary-white-color);
}

.x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    color: var(--bu-primary-white-color);
}

.x-window-body-default {
    background: var(--bu-main-background-color);
}

.x-message-box-icon {
    height: 35px;
    width: 35px;
}

.x-message-box-info, .x-message-box-warning, .x-message-box-question, .x-message-box-error {
    background-position: center;
}

.x-form-file-btn.x-unselectable.x-btn-default-small {
    background-color: var(--bu-primary-white-color);
    border-color: transparent;
}

.x-form-file-btn.x-unselectable.x-btn-default-small .x-btn-icon-el {
    color: var(--bu-primary-light-blue-color);
}

.x-form-file-btn.x-unselectable.x-btn-default-small.x-btn-over {
    background-color: var(--bu-main-menu-header-footer-color);
    border-color: var(--bu-main-menu-header-footer-color);
}

.x-form-file-btn.x-unselectable.x-btn-default-small.x-btn-over .x-btn-icon-el {
    color: var(--bu-primary-white-color);
}

.x-form-file-btn.x-unselectable.x-btn-default-small.x-btn-over.x-btn-pressed {
    background-color: var(--bu-main-menu-header-footer-color);
    border: none;
}

.x-form-file-btn.x-unselectable.x-btn-default-small.x-btn-pressed {
    background-color: var(--bu-primary-white-color);
    border: none;
}

.x-btn-icon-el.x-btn-icon-el-default-small {
    color: var(--bu-primary-light-blue-color);
}

.x-progress-default .x-progress-bar-default {
    background-color: var(--bu-primary-light-blue-color);
}

.x-panel.x-panel-default.x-grid {
    overflow: visible;
}

.x-form-spinner-up-default, .x-form-spinner-down-default {
    font: 13px / 1 ExtJS;
    height: 12.5px;
}

.x-btn.x-column:not(#btnLogin, #btnSendCredentials) {
    background-color: var(--bu-primary-white-color);
    border-color: transparent;
}

.x-btn.x-column.x-btn-over:not(#btnLogin, #btnSendCredentials) {
    background-color: var(--bu-main-menu-header-footer-color);
    border-color: var(--bu-main-menu-header-footer-color);
}

.x-btn.x-column.x-btn-pressed:not(#btnLogin, #btnbSendCredentials) {
    background-color: var(--bu-primary-white-color);
    border-color: var(--bu-primary-white-color);
}

.x-btn.x-column.x-btn-over.x-btn-pressed:not(#btnLogin, #btnbSendCredentials) {
    background-color: var(--bu-main-menu-header-footer-color);
    border-color: transparent;
    box-shadow: none;
}

.x-btn.x-column.x-btn-over:not(#btnLogin, #btnSendCredentials) .x-btn-icon-el.x-btn-icon-el-default-small {
    color: var(--bu-primary-white-color);
}

.x-btn.x-column.x-btn-over.x-btn-pressed:not(#btnLogin, #btnSendCredentials) .x-btn-icon-el.x-btn-icon-el-default-small {
    color: var(--bu-primary-white-color);
}

.x-btn.x-column.x-btn-pressed:not(#btnLogin, #btnbSendCredentials) .x-btn-icon-el.x-btn-icon-el-default-small {
    color: var(--bu-primary-light-blue-color);
}

.x-mcombo-item-unchecked, .x-mcombo-item-checked {
    background-image: none;
    padding-left: 0;
}

.x-mcombo-item-unchecked > .x-mcombo-text::before {
    font: 13px 'Font Awesome 5 Free';
    content: '\f0c8';
    color: #919191;
    padding-right: 6px;
}

.x-mcombo-item-checked > .x-mcombo-text::before {
    font: 13px 'Font Awesome 5 Free';
    content: '\f14a';
    padding-right: 6px;
}

.x-datepicker-column-header {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.x-datepicker-column-header-inner {
    padding: 0 9px 0 0;
    line-height: 25px;
    width: 31px;
    color: var(--bu-primary-white-color);
}

.x-datepicker-date {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    padding: 0 9px 0 0;
    line-height: 25px;
    width: 30px;
}

.x-datepicker-cell {
    width: 30px;
}

.x-datepicker-column-header {
    width: 30px;
}

.x-datepicker-inner {
    width: 70%;
}

.x-datepicker {
    width: 211px;
    border: none;
    border-radius: 2px;
}

.x-monthpicker-item-inner {
    line-height: 25px;
}

.x-monthpicker-months .x-monthpicker-item {
    width: 52px;
}

.x-monthpicker-months {
    width: 105px;
}

.x-monthpicker-item {
    margin: 5px 0 4px;
}

.x-monthpicker-yearnav-button-ct {
    width: 52px;
    margin: 0 0 3px 0;
}

.x-monthpicker-years {
    width: 104px;
}

    .x-monthpicker-years .x-monthpicker-item {
        width: 52px;
    }

.x-monthpicker-yearnav {
    height: 25px;
}

.x-datepicker-month .x-btn {
    padding: 6px;
    background-color: var(--bu-main-menu-header-footer-color);
    opacity: 0.7;
    box-shadow: none;
}

.x-datepicker-month .x-btn.x-btn-over {
    opacity: 1;
}

.x-datepicker-month .x-btn.x-btn-over.x-btn-pressed {
    background-color: var(--bu-main-menu-header-footer-color);
}

.x-datepicker-month .x-btn .x-btn-button {
    min-height: 12px;
}

.x-datepicker-month .x-btn .x-btn-icon-el.x-btn-icon-el-default-small {
    color: var(--bu-primary-white-color);
}

.x-datepicker-selected div.x-datepicker-date {
    background-color: var(--bu-main-menu-header-footer-color);
}

.x-datepicker-month .x-btn-inner {
    color: var(--bu-primary-white-color);
    font-size: 12px;
    font-weight: 400;
}

.x-datepicker-header {
    background-color: var(--bu-main-menu-header-footer-color);
}

.x-datepicker-column-header-inner {
    background-color: var(--bu-main-menu-header-footer-color);
}

.x-datepicker-prev,
.x-datepicker-next {
    font: 14px / 1 'Font Awesome 5 Free';
    height: 30px;
    background-color: var(--bu-main-menu-header-footer-color);
    color: var(--bu-primary-white-color)
}

.x-monthpicker-yearnav-prev {
    font: 14px / 1 'Font Awesome 5 Free';
}

.x-monthpicker-yearnav-next {
    font: 14px / 1 'Font Awesome 5 Free';
}

.search-item {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    padding: 5px 0 5px 0;
}

    .search-item h3 {
        font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
        font-size: 11px;
        font-weight: 600;
        padding-bottom: 5px;
        margin: 0;
    }

        .search-item h3 span {
            font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
            font-size: 11px;
            font-weight: 400;
        }

.x-fieldset-header-tool-default {
    margin: 4px 4px 0 0;
}

.x-fieldset-header-default {
    padding: 0;
}

.x-menu.x-layer.x-menu-default.x-border-box {
    border-radius: 3px;
}

.x-menu-item-text-default {
    line-height: 24px;
}

.x-menu-item-icon-default {
    top: 1px;
}

.x-tip-body-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.danger-window {
    background-color: #f4cecd;
}

#wndDetalleError_header {
    background-color: #d9534f;
}

.x-grid-componentcolumn .cell-imagecommand-cell .x-grid-cell-inner, .x-grid-componentcolumn .row-cmd-cell .x-grid-cell-inner, .x-grid-componentcolumn .row-cmp-cell .x-grid-cell-inner {
    padding: 0;
}

#PnlCenter {
    left: 0 !important;
    /*width: 319px !important;*/
    
}

#pnlNotiCenter {
    left: 0 !important;
/*    width: 300px !important;*/
}
/* Botón del menú */
.btn-noti {
    background-color: #2a3f54;
    color: #fff;
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 14px;
}
/* Menú desplegable */
.menu-noti {
    /*background-color: #262626;*/
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
}

/* Contenedor de notificaciones */
.container-noti {
    /*background-color: #E87676;*/
    /*padding: 10px;*/
    /*border-radius: 6px;*/
    background-color: #ffffff !important;
    padding: 0 !important;
/*    max-height: 400px !important;*/
    overflow-y: auto !important;
    position: relative !important;
}
.container-noti:before {
    content: "Notificaciones" !important;
    display: block !important;
    background-color: white !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #333333 !important;
    padding: 12px 15px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    margin: 0 !important;
    font-family: Arial, sans-serif !important;
}
/* Estilo para los labels */
.label-noti {
    /*background-color: #0CC2F0;*/
    font-weight: 500;
    color: #333333;
    font-size: 13px;
    padding: 4px 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*poner la linea*/
    /*border-bottom: 1px solid #ccc;*/
}
/*Estilo para items de labels*/
.label-notiItems {
    /*background-color: #ffabce;*/
    font-weight: 500;
    color: #333333;
    font-size: 13px;
    padding: 4px 40px 10px 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    white-space: normal; /* Permite saltos de línea */
    word-wrap: break-word; /* Corta palabras largas si es necesario */
    height: 100%;
    width: 100%; /* asegúrate de esto */
    box-sizing: border-box;
    /*poner la linea*/
    border-bottom: 1px solid #ccc;
}
/*white-space: normal;*/

/* Quitar línea al último label */
.container-noti .label-noti:last-child {
    border-bottom: none;
}
#NotiSiniestrosItems .x-label-value,
#NotiOrdenesItems .x-label-value,
#NotiVidaItems .x-label-value,
#NotiVencimientoItems .x-label-value,
#NotiPolizasItems .x-label-value,
#NotiCorreoItems .x-label-value {
    /*background-color:aqua;*/
    white-space: pre-line; /* o white-space: pre-wrap */
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    color: #606468;
}
#NotiVencimientolbl .x-label-value,
#NotiVidalbl .x-label-value,
#NotiPolizaslbl .x-label-value,
#NotiSiniestrolbl .x-label-value,
#NotiOrdeneslbl .x-label-value,
#NotiCorreolbl .x-label-value {
    font-weight: 600;
    /*Top right bottom left*/
    padding: 8px 12px 0px; /* Ajusta según lo que necesites */
    margin-bottom: 100px;
}
#lblBienvenido .x-label-value,
#lblFechaActualLogIn .x-label-value,
#lblFechaAnteriorLogIn .x-label-value {
    font-weight: 600;
}

.x-monthpicker-item {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.x-grid-group-title {
    color: var(--bu-main-menu-header-footer-color);
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 600;
}

.x-grid-group-hd-collapsible .x-grid-group-title:before,
.x-grid-group-hd-collapsed .x-grid-group-title:before {
    color: var(--bu-primary-light-blue-color);
}

.x-grid-group-hd {
    padding: 4px 10px;
    height: 25px;
}

.x-btn.x-unselectable.x-btn-default.x-border-box {
    padding: 3px 6px;
    margin: 0 !important;
    box-shadow: none;
}

.x-html-editor-container {
    border-radius: 6px;
    border: none;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.x-toolbar.x-html-editor-tb.x-box-item.x-toolbar-default.x-box-layout-ct {
    background-color: var(--bu-main-background-color)
}

.x-htmleditor-iframe, .x-htmleditor-textarea {
    padding: 0 2px 0 6px;
}

.x-html-editor-tb .x-btn:not(#btnEnviar_Colo) {
    box-shadow: none;
    width: 25px;
}

.x-html-editor-tb .x-btn-icon-el {
    color: #919191;
}

#btnEnviar_Colo-btnIconEl {
    color: var(--bu-primary-light-blue-color);
}

.x-btn-over.x-btn-pressed #btnEnviar_Colo-btnIconEl {
    color: var(--bu-primary-white-color);
}

.x-btn-over #btnEnviar_Colo-btnIconEl {
    color: var(--bu-primary-white-color);
}

.x-message-box-error {
    font: 32px / 1 'Font Awesome 5 Free';
    color: #ee611f;
}

.x-message-box-info {
    font: 36px / 1 'Font Awesome 5 Free';
    color: grey;
}

.style-Label-Fondo {
    height: 22px;
    margin-top: 2px;
    background-color: #F2F2F2;
    padding: 0px;
    padding-top: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    color: #032B56;
    min-height: 17px;
    vertical-align: top;
    text-align: right;
    min-width: 20px;
}

.style-Label-SinFondo {
    height: 22px;
    margin-top: 2px;
    background-color: #F2F2F2;
    padding: 0px;
    padding-top: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    color: #032B56;
    min-height: 17px;
    vertical-align: top;
    text-align: right;
    min-width: 20px;
}

.style-Label-Red {
    height: 22px;
    font-weight: bold;
    margin-top: 2px;
    padding: 0px;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    color: red;
    min-height: 17px;
    vertical-align: top;
    text-align: right;
    min-width: 2px;
}

.style-Label-Blue {
    height: 22px;
    font-weight: bold;
    margin-top: 2px;
    padding: 0px;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    color: blue;
    min-height: 17px;
    vertical-align: top;
    text-align: right;
    min-width: 2px;
}

body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: white;
}

.x-form-invalid-under-default {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.multiplicacion-img {
    background-image: url(../Imagenes/Multiplicacion.png) !important;
}

.division-img {
    background-image: url(../Imagenes/Division.png) !important;
}

.x-css-shadow {
    border-radius: 8px;
}

.x-css-shadow + .x-datepicker {
    border-radius: 2px;
}

.boton-icon {
    background-color: transparent !important;
    border-color: transparent !important;
    color: black !important;
    border-radius: 20px;
    box-shadow: none;
}

.boton-icon .x-btn-icon-el.x-btn-icon-el-default-small {
    color: var(--bu-primary-light-blue-color) !important;
}

.x-message-box-warning {
    font: 35px / 1 'Font Awesome 5 Free';
    color: var(--bu-dark-grey-color);
    margin-top: 10px; /* <- ajusta el valor según necesites */
}

.x-btn-icon-el-default-toolbar-small {
    color: var(--bu-primary-light-blue-color);
}

.x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: var(--bu-primary-white-color);
}

.x-box-inner {
    overflow: visible;
}

.x-grid .x-panel-bodyWrap {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
    border-radius: 6px;
}

.x-grid-paging-toolbar .x-btn.x-btn-plain-toolbar-small {
    box-shadow: none;
    padding: 0;
    border-radius: 12px;
}

.x-grid-paging-toolbar .x-btn.x-btn-plain-toolbar-small .x-btn-icon-el-plain-toolbar-small {
    color: var(--bu-primary-light-blue-color);
}

.x-grid-paging-toolbar .x-toolbar-text-default {
    padding: 0;
}

.x-tbar-page-number {
    width: 43px !important;
}

.x-btn-disabled {
    box-shadow: none;
}

.x-progress.x-box-item.x-toolbar-item.x-progress-default {
    border-radius: 12px;
}

.x-grid-item-alt {
    background-color: var(--bu-grid-alt-row-color);
}

.x-grid-with-row-lines .x-grid-item:first-child {
    border-top: none;
}


.x-form-trigger-wrap-default {
    border: 1px solid var(--bu-wrap-border-color);
    /*box-shadow: 0px 1px 2.5px rgb(0, 0, 0, 0.3);*/
}

.x-form-file-wrap .x-form-trigger-wrap-default {
    border: none;
    box-shadow: none;
}

.x-form-file-wrap .x-form-trigger-wrap,
.x-form-file-wrap .x-form-text-wrap,
.x-form-file-wrap .x-form-trigger {
    overflow: visible;
}


/*.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    box-shadow: none;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus .x-form-text-default {
    box-shadow: inset 0px 0px 2px 1px #77b0e3;
    border-radius: 3px;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid .x-form-invalid-field-default {
    box-shadow: inset 0px 0px 0px 1px var(--bu-invalid-field-color);
    border-radius: 3px;
}*/

.x-grid-row-summary .x-grid-cell-inner {
    background-color: var(--bu-grid-alt-row-color);
}

/*.x-form-text-wrap:has(+ .x-form-trigger) .x-form-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}*/

.x-notification {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    margin: 4px;
}

.x-box-scroller-tab-bar-default.x-box-scroller-disabled {
    border: 1px solid var(--bu-main-menu-header-footer-color) !important;
    background-color: var(--bu-primary-white-color) !important;
    color: var(--bu-main-menu-header-footer-color) !important;
    opacity: 0.25 !important;
}

.x-box-scroller-tab-bar-default.x-box-scroller-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid var(--bu-main-menu-header-footer-color);
    background-color: var(--bu-primary-white-color);
    color: var(--bu-main-menu-header-footer-color);
    opacity: 1;
}

.x-box-scroller-tab-bar-default.x-box-scroller-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid var(--bu-main-menu-header-footer-color);
    background-color: var(--bu-primary-white-color);
    color: var(--bu-main-menu-header-footer-color);
    opacity: 1;
}

.x-box-scroller-tab-bar-default.x-box-scroller-hover {
    border: 1px solid var(--bu-main-menu-header-footer-color);
    background-color: var(--bu-main-menu-header-footer-color);
    color: var(--bu-primary-white-color);
}

.x-grid .x-panel-default-outer-border-trl,
.x-grid .x-panel-default-outer-border-rbl,
.x-grid .x-grid-view {
    background-color: var(--bu-primary-white-color);
}

.x-fieldset.x-fieldset-collapsed {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    background-color: var(--bu-primary-white-color);
}

#lblInfoValida-textEl, #lblparefin-textEl, #lblSimboloValidacion-textEl, #lblpareini-textEl {
    color: var(--bu-primary-magenta-color);
}

.select-installment-row-yellow .x-grid-cell {
    background: #FFFFCE !important;
}

.select-installment-row-green .x-grid-cell {
    background: #DBFDD6 !important;
}

.select-installment-row-red .x-grid-cell {
    background: #FFDDDD !important;
}
/* También puedes usar transform para mover sin afectar el layout */
.menu-noti {
    transform: translateY(15px) !important; /* Mueve 30px hacia arriba */
}

.x-tab.x-tab-disabled.x-tab-default {
    border-color: transparent;
    background-color: #7893ca99;
    cursor: default;
}

.x-tab.x-tab-disabled.x-tab-default .x-tab-inner {
    opacity: 0.8;
    color: var(--bu-primary-white-color);
}