:root {
    --kanban-column-width: 450px;
    --kanban-item-width: 420px;
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: #1b1d20 !important;
    --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
    --rz-scrollbar-size: 16px;
    --bs-border-color: #dee2e6;
    --bs-body-bg: #ffffff;
    --bs-primary: #3481e5 !important;
    --bs-body-color: #212529;
    --bs-border-radius: 0.375rem;
    --bs-gutter-width: 1.5rem;
    --bs-white: #ffffff;
    --bs-light: #f8f9fa;
    --bs-font-size: 1rem;
    --bs-font-weight: 400;
    --bs-line-height: 1.5;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-gray: #6c757d;
    --bs-gray-800: #343a40;
    --bs-body-font-family: var(--bs-font-sans-serif);


 
}
 
.rz-switch.rz-switch-checked .rz-switch-circle {
    background: #90ff90 !important; 
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    background: #167523 !important;
}

.kanbancolumn {
    width: var(--kanban-column-width);
    min-width: var(--kanban-column-width);
    max-width: var(--kanban-column-width);
}

.kanbanitem {
    width: var(--kanban-item-width);
    min-width: var(--kanban-item-width);
    max-width: var(--kanban-item-width);
}


::-webkit-scrollbar {
    background: transparent !important;
    width: 4px !important;
    height: 4px !important;
}

::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    background: #aaaaaa !important ;
    border-radius: 4px !important
}


/* Estilos para el modo claro */
[data-bs-theme="light"] .sk2 {
    display: none;
}

/* Estilos para el modo oscuro */
[data-bs-theme="dark"] .sk1 {
    display: none;
}



.DropDownArrow {
    background-image: url('data:image/svg+xml;base64,CjxzdmcgaWQ9IkxheWVyXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBkPSJtNjcuNDEgNDUuNDEtMi44Mi0yLjgyLTE0LjU5IDE0LjU4LTE0LjU5LTE0LjU4LTIuODIgMi44MiAxNy40MSAxNy40MnoiLz48L2c+PC9zdmc+');
    background-size: 20px 20px;
    background-position: -6px 0px;
}


[data-bs-theme="light"] {
    --controlu-background: white;
    --controlu-color: rgb(50, 50, 50);
    --controlu-background-modified: linear-gradient(to top, rgb(255, 255, 255), rgb(201, 241, 255) );
    --controlu-color-modified: rgb(0, 147, 199);
    --controlu-background-locked: linear-gradient(to top, rgb(255, 255, 255) 25%, rgb(255, 230, 204));
    --controlu-color-locked: rgb(150, 100, 50);
    --controlu-border-locked: 1px dashed #AE7539;
    --controlu-background-incorrect: linear-gradient(to top, rgb(255, 255, 255) 25%, rgb(255, 219, 219));
    --controlu-color-incorrect: rgb(255, 140, 140);
    --controlu-border-incorrect: 1px solid rgb(255, 140, 140);
}




[data-bs-theme="light"], [data-bs-theme="dark"] {
    --rz-text-title-color: var(--rz-base-900) !important;
    --rz-text-color: var(--rz-base-800) !important;
    --rz-text-secondary-color: var(--rz-base-700) !important;
    --rz-text-tertiary-color: var(--rz-base-600) !important;
    --rz-text-disabled-color: var(--rz-base-500) !important;
    --rz-text-contrast-color: var(--rz-black) !important;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    --bs-body-font-family: var(--bs-font-sans-serif) !important;
    --rz-header-background-color: var(--rz-white) !important;
    --rz-profile-menu-top-item-background-color: var(--rz-white) !important;
    --rz-header-color: var(--bs-gray-800) !important;
    --rz-header-shadow: var(--rz-shadow-4) !important;
    --rz-sidebar-toggle-color: var(--bs-gray-800) !important;
    --bs-body-font-size: 1rem !important;
    --bs-body-font-weight: 400 !important;
    --bs-body-line-height: 1.5 !important;
}

[data-bs-theme="light"] {
    --rz-steps-number-selected-background: #3481e5 !important;
    --rz-steps-number-background-color: #bdbdbd !important;
    --rz-white: #ffffff !important;
    --rz-black: #000000 !important;
    --rz-base: #dfe5ec !important;
    --rz-base-50: #f8fafb !important;
    --rz-base-100: #f3f6f9 !important;
    --rz-base-200: #e3eaf2 !important;
    --rz-base-300: #dfe5ec !important;
    --rz-base-400: #dbe0e6 !important;
    --rz-base-500: #45494f !important;
    --rz-base-600: #45494f !important;
    --rz-base-700: #45494f !important;
    --rz-base-800: #45494f !important;
    --rz-base-900: #1b1d20 !important;
    --rz-base-light: #f3f6f9 !important;
    --rz-base-lighter: #ffffff !important;
    --rz-base-dark: #45494f !important;
    --rz-base-darker: #1b1d20 !important;
    --rz-primary: #3481e5 !important;
    --rz-primary-light: #bcd8ff !important;
    --rz-primary-lighter: rgba(0, 111, 255, 0.13) !important;
    --rz-primary-dark: #375a8b !important;
    --rz-primary-darker: #00215d !important;
    --rz-secondary: #5b6371 !important;
    --rz-secondary-light: #c2ccdc !important;
    --rz-secondary-lighter: rgba(0, 98, 255, 0.13) !important;
    --rz-secondary-dark: #444c58 !important;
    --rz-secondary-darker: #19202b !important;
    --rz-info: #085786 !important;
    --rz-info-light: #aadaff !important;
    --rz-info-lighter: rgba(170, 218, 255, 0.5) !important;
    --rz-info-dark: #086791 !important;
    --rz-info-darker: #002d41 !important;
    --rz-success: #3e9108 !important;
    --rz-success-light: #c6ffaa !important;
    --rz-success-lighter: rgba(198, 255, 170, 0.5) !important;
    --rz-success-dark: #479108 !important;
    --rz-success-darker: #1e4100 !important;
    --rz-warning: #ffc107 !important;
    --rz-warning-light: #f9ffaa !important;
    --rz-warning-lighter: rgba(249, 255, 170, 0.5) !important;
    --rz-warning-dark: #918908 !important;
    --rz-warning-darker: #413d00 !important;
    --rz-danger: #d35153 !important;
    --rz-danger-light: #ffaeaa !important;
    --rz-danger-lighter: rgba(255, 174, 170, 0.5) !important;
    --rz-danger-dark: #910813 !important;
    --rz-danger-darker: #410005 !important;
    --rz-on-base: #1b1d20 !important;
    --rz-on-base-light: #1b1d20 !important;
    --rz-on-base-lighter: #1b1d20 !important;
    --rz-on-base-dark: #ffffff !important;
    --rz-on-base-darker: #f8fafb !important;
    --rz-on-primary: #ffffff !important;
    --rz-on-primary-light: #00215d !important;
    --rz-on-primary-lighter: #00215d !important;
    --rz-on-primary-dark: #ffffff !important;
    --rz-on-primary-darker: #bcd8ff !important;
    --rz-on-secondary: #ffffff !important;
    --rz-on-secondary-light: #19202b !important;
    --rz-on-secondary-lighter: #19202b !important;
    --rz-on-secondary-dark: #ffffff !important;
    --rz-on-secondary-darker: #c2ccdc !important;
    --rz-on-info: #ffffff !important;
    --rz-on-info-light: #002d41 !important;
    --rz-on-info-lighter: #086791 !important;
    --rz-on-info-dark: #ffffff !important;
    --rz-on-info-darker: #aadaff !important;
    --rz-on-success: #ffffff !important;
    --rz-on-success-light: #1e4100 !important;
    --rz-on-success-lighter: #1e4100 !important;
    --rz-on-success-dark: #ffffff !important;
    --rz-on-success-darker: #c6ffaa !important;
    --rz-on-warning: #1b1d20 !important;
    --rz-on-warning-light: #413d00 !important;
    --rz-on-warning-lighter: #413d00 !important;
    --rz-on-warning-dark: #ffffff !important;
    --rz-on-warning-darker: #f9ffaa !important;
    --rz-on-danger: #ffffff !important;
    --rz-on-danger-light: #410005 !important;
    --rz-on-danger-lighter: #410005 !important;
    --rz-on-danger-dark: #ffffff !important;
    --rz-on-danger-darker: #ffaeaa !important;
    --rz-series-1: #75abf0 !important;
    --rz-series-2: #9c75f0 !important;
    --rz-series-3: #f075e8 !important;
    --rz-series-4: #f0758c !important;
    --rz-series-5: #f0ba75 !important;
    --rz-series-6: #c9f075 !important;
    --rz-series-7: #75f07d !important;
    --rz-series-8: #75f0d9 !important;
    --rz-series-9: #478eeb !important;
    --rz-series-10: #7b47eb !important;
    --rz-series-11: #eb47e0 !important;
    --rz-series-12: #eb4766 !important;
    --rz-series-13: #eba447 !important;
    --rz-series-14: #b7eb47 !important;
    --rz-series-15: #47eb52 !important;
    --rz-series-16: #47ebcc !important;
    --rz-series-17: #3d72b8 !important;
    --rz-series-18: #643db8 !important;
    --rz-series-19: #b83db0 !important;
    --rz-series-20: #b83d54 !important;
    --rz-series-21: #b8823d !important;
    --rz-series-22: #91b83d !important;
    --rz-series-23: #3db845 !important;
    --rz-series-24: #3db8a1 !important;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --rz-white: #ffffff !important;
    --rz-black: #000000 !important;
    --rz-base-50: #fafafa !important;
    --rz-base-100: #f5f5f5 !important;
    --rz-base-200: #eeeeee !important;
    --rz-base-300: #e0e0e0 !important;
    --rz-base-400: #bdbdbd !important;
    --rz-base-500: #9e9e9e !important;
    --rz-base-600: #757575 !important;
    --rz-base-700: #616161 !important;
    --rz-base-800: #424242 !important;
    --rz-base-900: #212121 !important;
    --rz-primary: var(--rz-info) !important;
    --rz-primary-light: var(--rz-info-light) !important;
    --rz-primary-lighter: var(--rz-info-lighter) !important;
    --rz-primary-dark: var(--rz-info-dark) !important;
    --rz-primary-darker: var(--rz-info-darker) !important;
    --rz-secondary: #5b6371 !important;
    --rz-secondary-light: #c2ccdc !important;
    --rz-secondary-lighter: rgba(0, 98, 255, 0.13) !important;
    --rz-secondary-dark: #444c58 !important;
    --rz-secondary-darker: #19202b !important;
    --rz-info: #2196f3 !important;
    --rz-info-light: #4dabf5 !important;
    --rz-info-lighter: rgba(33, 150, 243, 0.2) !important;
    --rz-info-dark: #1a78c2 !important;
    --rz-info-darker: #1666a5 !important;
    --rz-success: #4caf50 !important;
    --rz-success-light: #e8ffe9 !important ;
    --rz-success-lighter:  #e8ffe9 !important ;  
    --rz-success-dark: #3d8c40 !important;
    --rz-success-darker: #347736 !important;
    --rz-warning: #ff9800 !important;
    --rz-warning-light: #ffad33 !important;
    --rz-warning-lighter: rgba(255, 152, 0, 0.2) !important;
    --rz-warning-dark: #cc7a00 !important;
    --rz-warning-darker: #ad6700 !important;
    --rz-danger: #f44336 !important;
    --rz-danger-light: #f6695e !important;
    --rz-danger-lighter: rgba(244, 67, 54, 0.2) !important;
    --rz-danger-dark: #c3362b !important;
    --rz-danger-darker: #a62e25 !important;
    --rz-on-primary: #ECECEC !important;
    --rz-on-primary-light: #595959 !important;
    --rz-on-primary-lighter: var(--rz-primary-dark) !important;
    --rz-on-primary-dark: #ffffff !important;
    --rz-on-primary-darker: #ffffff !important;
    --rz-on-secondary: #ffffff !important;
    --rz-on-secondary-light: #ffffff !important;
    --rz-on-secondary-lighter: #e91e63 !important;
    --rz-on-secondary-dark: #ffffff !important;
    --rz-on-secondary-darker: #ffffff !important;
    --rz-on-info: #ffffff !important;
    --rz-on-info-light: #ffffff !important;
    --rz-on-info-lighter: #2196f3 !important;
    --rz-on-info-dark: #ffffff !important;
    --rz-on-info-darker: #ffffff !important;
    --rz-on-success: #ffffff !important;
    --rz-on-success-light: #ffffff !important;
    --rz-on-success-lighter: #4caf50 !important;
    --rz-on-success-dark: #ffffff !important;
    --rz-on-success-darker: #ffffff !important;
    --rz-on-warning: #ffffff !important;
    --rz-on-warning-light: #ffffff !important;
    --rz-on-warning-lighter: #ff9800 !important;
    --rz-on-warning-dark: #ffffff !important;
    --rz-on-warning-darker: #ffffff !important;
    --rz-on-danger: #ffffff !important;
    --rz-on-danger-light: #ffffff !important;
    --rz-on-danger-lighter: #f44336 !important;
    --rz-on-danger-dark: #ffffff !important;
    --rz-on-danger-darker: #ffffff !important;
    --rz-series-1: #3700b3 !important;
    --rz-series-2: #ba68c8 !important;
    --rz-series-3: #f06292 !important;
    --rz-series-4: #ff8a65 !important;
    --rz-series-5: #ffee58 !important;
    --rz-series-6: #9ccc65 !important;
    --rz-series-7: #26a69a !important;
    --rz-series-8: #4fc3f7 !important;
    --rz-series-9: #7f5cce !important;
    --rz-series-10: #ce93d8 !important;
    --rz-series-11: #f48fb1 !important;
    --rz-series-12: #ffab91 !important;
    --rz-series-13: #fff176 !important;
    --rz-series-14: #aed581 !important;
    --rz-series-15: #4db6ac !important;
    --rz-series-16: #81d4fa !important;
    --rz-series-17: #a58cdd !important;
    --rz-series-18: #e1bee7 !important;
    --rz-series-19: #f8bbd0 !important;
    --rz-series-20: #ffccbc !important;
    --rz-series-21: #fff59d !important;
    --rz-series-22: #c5e1a5 !important;
    --rz-series-23: #80cbc4 !important;
    --rz-series-24: #b3e5fc !important;
}

.rz-datalist-data, .rz-g > div, .rz-datalist-data > li {
    background: none !important
}