:root { --mlte-theme-00: rgba( 226, 226, 226, 1); --mlte-theme-rgb-00: 226, 226, 226; --mlte-theme-01: rgba( 18, 20, 20, 1); --mlte-theme-rgb-01: 18, 20, 20; --mlte-theme-02: rgba( 25, 25, 10, 1); --mlte-theme-rgb-02: 25, 25, 10; --mlte-theme-03: rgba( 54, 45, 18, 1); --mlte-theme-rgb-03: 54, 45, 18; --mlte-theme-04: rgba( 81, 67, 27, 1); --mlte-theme-rgb-04: 81, 67, 27; --mlte-theme-05: rgba( 108, 90, 36, 1); --mlte-theme-rgb-05: 108, 90, 36; --mlte-theme-06: rgba( 134, 112, 44, 1); --mlte-theme-rgb-06: 134, 112, 44; --mlte-theme-07: rgba( 161, 135, 53, 1); --mlte-theme-rgb-07: 161, 135, 53; --mlte-theme-08: rgba( 188, 157, 62, 1); --mlte-theme-rgb-08: 188, 157, 62; --mlte-theme-09: rgba( 215, 180, 71, 1); --mlte-theme-rgb-09: 215, 180, 71; --mlte-theme-10: rgba( 242, 202, 80, 1); --mlte-theme-rgb-10: 242, 202, 80; --mlte-theme-11: rgba( 243, 207, 96, 1); --mlte-theme-rgb-11: 243, 207, 96; --mlte-theme-12: rgba( 244, 212, 112, 1); --mlte-theme-rgb-12: 244, 212, 112; --mlte-theme-13: rgba( 246, 216, 128, 1); --mlte-theme-rgb-13: 246, 216, 128; --mlte-theme-14: rgba( 247, 221, 144, 1); --mlte-theme-rgb-14: 247, 221, 144; --mlte-theme-15: rgba( 248, 226, 160, 1); --mlte-theme-rgb-15: 248, 226, 160; --mlte-theme-16: rgba( 249, 231, 175, 1); --mlte-theme-rgb-16: 249, 231, 175; --mlte-theme-17: rgba( 250, 236, 191, 1); --mlte-theme-rgb-17: 250, 236, 191; --mlte-theme-18: rgba( 251, 241, 207, 1); --mlte-theme-rgb-18: 251, 241, 207; --mlte-theme-19: rgba( 253, 245, 223, 1); --mlte-theme-rgb-19: 253, 245, 223; --mlte-theme-20: rgba( 254, 250, 239, 1); --mlte-theme-rgb-20: 254, 250, 239; --mlte-app-brand-background-color : rgba( var( --mlte-theme-rgb-03), 0.55 ); --mlte-app-brand-font-color : rgba( var( --mlte-theme-rgb-20), 1.00 ); --mlte-app-brand-bg-toggle : rgba( var( --mlte-theme-rgb-03), 1.00 ); --mlte-app-scrollbar : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-app-scrollbar-background : rgba( var( --mlte-theme-rgb-19), 1.00 ); --mlte-app-scrollbar-hover : rgba( var( --mlte-theme-rgb-05), 1.00 ); --mlte-primary : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-body-background-color : rgba( var( --mlte-theme-rgb-01), 1.00 ); --mlte-body-font-color : rgba( var( --mlte-theme-rgb-00), 1.00 ); --mlte-footer-background-color : rgba( var( --mlte-theme-rgb-01), 1.00 ); --mlte-footer-font-color : rgba( var( --mlte-theme-rgb-00), 1.00 ); --mlte-menu-font-color : rgba( var( --mlte-theme-rgb-10), 0.40 ); --mlte-menu-item-font-color : rgba( var( --mlte-theme-rgb-10), 0.40 ); --mlte-menu-item-font-hover-color : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-menu-item-font-active-color : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-menu-background-color : rgba( var( --mlte-theme-rgb-01), 1.00 ); --mlte-menu-item-open-background-color : rgba( var( --mlte-theme-rgb-04), 0.50 ); --mlte-menu-item-active-background-color : rgba( var( --mlte-theme-rgb-04), 1.00 ); --mlte-menu-item-active-dot-color : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-menu-item-font-focus-color : rgba( 255, 0, 255, 1.00 ); --mlte-menu-item-active-background-before-color : rgba( 255, 0, 255, 1.00 ); --mlte-menu-item-background-color : rgba( 255, 0, 255, 1.00 ); --mlte-menu-item-dot-color : rgba( 255, 0, 255, 1.00 ); --mlte-menu-item-active-icon-color : rgba( 255, 0, 255, 1.00 ); --mlte-card-background-color : rgba( var( --mlte-theme-rgb-02), 0.25 ); --mlte-card-font-color : rgba( var( --mlte-theme-rgb-07), 1.00 ); --mlte-card-border-color : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-card-shadow-color : rgba( var( --mlte-theme-rgb-10), 0.20 ); --mlte-card-header-background-color : rgba( var( --mlte-theme-rgb-20), 0.90 ); --mlte-card-header-font-color : rgba( var( --mlte-theme-rgb-07), 1.00 ); --mlte-card-header-border-color : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-card-title-font-color : rgba( var( --mlte-theme-rgb-05), 1.00 ); --mlte-card-subtitle-font-color : rgba( var( --mlte-theme-rgb-06), 1.00 ); --mlte-card-cap-font-color : rgba( var( --mlte-theme-rgb-07), 1.00 ); --mlte-card-cap-background-color : rgba( var( --mlte-theme-rgb-07), 0.00 ); --mlte-table-border-color : rgba( var( --mlte-theme-rgb-03), 1.00 ); --mlte-table-font-color : rgba( var( --mlte-theme-rgb-07), 1.00 ); --mlte-table-background-color : rgba( var( --mlte-theme-rgb-20), 0.90 ); --mlte-table-icon-color : rgba( var( --mlte-theme-rgb-07), 1.00 ); --mlte-table-dark-background-color : rgba( var( --mlte-theme-rgb-05), 1.00 ); --mlte-table-hover-background-color : rgba( var( --mlte-theme-rgb-05), 1.00 ); --mlte-table-hover-font-color : rgba( var( --mlte-theme-rgb-20), 1.00 ); --mlte-table-striped-background-color : rgba( var( --mlte-theme-rgb-15), 1.00 ); --mlte-table-striped-font-color : rgba( var( --mlte-theme-rgb-05), 1.00 ); --mlte-navbar-bg-linear-gradient-1 : rgba( var( --mlte-theme-rgb-10), 0.40 ); --mlte-navbar-bg-linear-gradient-2 : rgba( var( --mlte-theme-rgb-10), 0.95 ); --mlte-navbar-bg-linear-gradient-3 : rgba( var( --mlte-theme-rgb-10), 0.95 ); --mlte-navbar-background-color : rgba( var( --mlte-theme-rgb-01), 0.95 ); --mlte-navbar-font-color : rgba( var( --mlte-theme-rgb-07), 1.00 ); --mlte-select-background-color : rgba( var( --mlte-theme-rgb-03), 1.00 ); --mlte-select-font-color : rgba( var( --mlte-theme-rgb-01), 0.95 ); --mlte-select-active-background-color : rgba( var( --mlte-theme-rgb-10), 0.95 ); --mlte-select-active-font-color : rgba( var( --mlte-theme-rgb-01), 0.95 ); --mlte-select-current-background-color : rgba( var( --mlte-theme-rgb-10), 0.95 ); --mlte-select-current-font-color : rgba( var( --mlte-theme-rgb-01), 0.95 ); --mlte-select-border-color : rgba( var( --mlte-theme-rgb-10), 1.00 ); --mlte-border-001 : var(--mlte-primary); --mlte-border-002 : rgba( var( --mlte-theme-rgb-19), 1.00 ); --mlte-background-color-001 : var(--mlte-primary); --mlte-font-color-001 : var(--mlte-primary); --mlte-link-color-001 : var(--mlte-primary); } /* Personaliza toda la barra de desplazamiento */ ::-webkit-scrollbar { width: 8px; } /* Personaliza toda la barra de desplazamiento */ ::-webkit-scrollbar:hover { width: 10px; } /* Personaliza el fondo de la barra de desplazamiento */ ::-webkit-scrollbar-track { background: var(--mlte-app-scrollbar-background); } /* Personaliza el "pulgar" de la barra de desplazamiento */ ::-webkit-scrollbar-thumb { background: var(--mlte-app-scrollbar); border-radius: 10px; transition: width 0.3s ease; } /* Personaliza el "pulgar" de la barra de desplazamiento al pasar el mouse */ ::-webkit-scrollbar-thumb:hover { background: var(--mlte-app-scrollbar-hover); width: 15px; } a.btn.btn-xs-fa.fa-xs-btn { /* width: 30px; */ } .ui-option-list { /* position: absolute; */ /* z-index: 1; */ /* overflow-y: scroll; */ /* max-height: 20em; */ /* border: 1px solid #003264 !important; */ /* padding: 0px; */ } .ui-option-list .ui-menu-item { /* display: block; */ /* margin-left: 10px; */ } .ui-option-list .ui-menu-item .ui-state-active{ /* border: 1px solid #003264 !important; */ /* background: #003264; */ }