/*Blanca*/
:root {
    --rds-header-bg: #636363;
    --rds-btn-bg: #636363;
    --rds-btn-border-color: #636363;
    --rds-btn-focus-bg: #636363;
    --rds-btn-focus-color: rgb(255, 255, 255);
    --rds-btn-focus-border-bg: #636363;
    --rds-btn-focus-outline-color: #636363;
    --rds-btn-hover-bg: #4f4f4f;
    --rds-btn-hover-color: rgb(255, 255, 255);
    --rds-btn-hover-border-color: #4f4f4f;
    --rds-btn-disabled-bg: #c2c2c2;
    --rds-btn-disabled-color: rgb(255, 255, 255);
    --rds-btn-disabled-border-color: #c2c2c2;
    --rds-text-edit-focus-shadow-color: rgba(99, 99, 99, 0.25);
    --rds-text-edit-focus-border-color: #4f4f4f;
    --rds-list-box-item-selected-hover-bg: #4f4f4f;
    --rds-list-box-item-selected-bg: #636363;
    --rds-list-box-item-selected-outline-color: #4f4f4f;
    --rds-list-box-item-selected-focus-bg: #c2c2c2;
    --rds-comprobante-item-box-hover-bg: #8f8e8ec7;
    --rds-modal-popup-content-bg: #fff;
    --rds-modal-popup-content-border-color: #636363;
    --rds-modal-popup-content-color: #212529;
    --rds-modal-popup-header-bg: #636363;
    --rds-modal-popup-header-border-bottom-color: #d2d2d2;
    --rds-modal-popup-header-color: #fff;
}

.rds-theme-azul {
    --rds-header-bg: #0057b8;
    --rds-btn-bg: #0057b8;
    --rds-btn-border-color: #0057b8;
    --rds-btn-focus-bg: #0057b8;
    --rds-btn-focus-color: rgb(255, 255, 255);
    --rds-btn-focus-border-bg: #0057b8;
    --rds-btn-focus-outline-color: #0057b8;
    --rds-btn-hover-bg: #024692;
    --rds-btn-hover-color: rgb(255, 255, 255);
    --rds-btn-hover-border-color: #024692;
    --rds-btn-disabled-bg: #5F93D1;
    --rds-btn-disabled-color: rgb(255, 255, 255);
    --rds-btn-disabled-border-color: #5F93D1;
    --rds-text-edit-focus-shadow-color: rgba(0, 87, 184, 0.25);
    --rds-text-edit-focus-border-color: #5F93D1;
    --rds-list-box-item-selected-hover-bg: #024692;
    --rds-list-box-item-selected-bg: #0057b8;
    --rds-list-box-item-selected-outline-color: #024692;
    --rds-list-box-item-selected-focus-bg: #5F93D1;
    --rds-comprobante-item-box-hover-bg: #8f8e8ec7;
    --rds-modal-popup-content-bg: #fff;
    --rds-modal-popup-content-border-color: #0057b8;
    --rds-modal-popup-content-color: #212529;
    --rds-modal-popup-header-bg: #0057b8;
    --rds-modal-popup-header-border-bottom-color: #d2d2d2;
    --rds-modal-popup-header-color: #fff;
}

.rds-theme-roja {
    --rds-header-bg: #E72A2A;
    --rds-btn-bg: #E72A2A;
    --rds-btn-border-color: #E72A2A;
    --rds-btn-focus-bg: #E72A2A;
    --rds-btn-focus-color: rgb(255, 255, 255);
    --rds-btn-focus-border-bg: #E72A2A;
    --rds-btn-focus-outline-color: #E72A2A;
    --rds-btn-hover-bg: #B92222;
    --rds-btn-hover-color: rgb(255, 255, 255);
    --rds-btn-hover-border-color: #B92222;
    --rds-btn-disabled-bg: #EA6A6A;
    --rds-btn-disabled-color: rgb(255, 255, 255);
    --rds-btn-disabled-border-color: #EA6A6A;
    --rds-text-edit-focus-shadow-color: rgba(231, 42, 42, 0.25);
    --rds-text-edit-focus-border-color: #EA6A6A;
    --rds-list-box-item-selected-hover-bg: #B92222;
    --rds-list-box-item-selected-bg: #E72A2A;
    --rds-list-box-item-selected-outline-color: #B92222;
    --rds-list-box-item-selected-focus-bg: #EA6A6A;
    --rds-comprobante-item-box-hover-bg: #8f8e8ec7;
    --rds-modal-popup-content-bg: #fff;
    --rds-modal-popup-content-border-color: #E72A2A;
    --rds-modal-popup-content-color: #212529;
    --rds-modal-popup-header-bg: #E72A2A;
    --rds-modal-popup-header-border-bottom-color: #d2d2d2;
    --rds-modal-popup-header-color: #fff;
}

.rds-theme-negra {
    --rds-header-bg: #060606;
    --rds-btn-bg: #060606;
    --rds-btn-border-color: #212529;
    --rds-btn-focus-bg: #212529;
    --rds-btn-focus-color: rgb(255, 255, 255);
    --rds-btn-focus-border-bg: #212529;
    --rds-btn-focus-outline-color: #212529;
    --rds-btn-hover-bg: #212529;
    --rds-btn-hover-color: rgb(255, 255, 255);
    --rds-btn-hover-border-color: #212529;
    --rds-btn-disabled-bg: #c2c2c2;
    --rds-btn-disabled-color: rgb(255, 255, 255);
    --rds-btn-disabled-border-color: #c2c2c2;
    --rds-text-edit-focus-shadow-color: rgba(33, 37, 41, 0.25);
    --rds-text-edit-focus-border-color: #4f4f4f;
    --rds-list-box-item-selected-hover-bg: #212529;
    --rds-list-box-item-selected-bg: #212529;
    --rds-list-box-item-selected-outline-color: #212529;
    --rds-list-box-item-selected-focus-bg: #c2c2c2;
    --rds-comprobante-item-box-hover-bg: #8f8e8ec7;
    --rds-modal-popup-content-bg: #4b4b4b;
    --rds-modal-popup-content-border-color: #060606;
    --rds-modal-popup-content-color: #fff;
    --rds-modal-popup-header-bg: #060606;
    --rds-modal-popup-header-border-bottom-color: #060606;
    --rds-modal-popup-header-color: #fff;
}


.rds-theme-blanca {
    --rds-header-bg: #636363;
    --rds-btn-bg: #636363;
    --rds-btn-border-color: #636363;
    --rds-btn-focus-bg: #636363;
    --rds-btn-focus-color: rgb(255, 255, 255);
    --rds-btn-focus-border-bg: #636363;
    --rds-btn-focus-outline-color: #636363;
    --rds-btn-hover-bg: #4f4f4f;
    --rds-btn-hover-color: rgb(255, 255, 255);
    --rds-btn-hover-border-color: #4f4f4f;
    --rds-btn-disabled-bg: #c2c2c2;
    --rds-btn-disabled-color: rgb(255, 255, 255);
    --rds-btn-disabled-border-color: #c2c2c2;
    --rds-text-edit-focus-shadow-color: rgba(99, 99, 99, 0.25);
    --rds-text-edit-focus-border-color: #4f4f4f;
    --rds-list-box-item-selected-hover-bg: #4f4f4f;
    --rds-list-box-item-selected-bg: #636363;
    --rds-list-box-item-selected-outline-color: #4f4f4f;
    --rds-list-box-item-selected-focus-bg: #c2c2c2;
    --rds-comprobante-item-box-hover-bg: #8f8e8ec7;
    --rds-modal-popup-content-bg: #fff;
    --rds-modal-popup-content-border-color: #636363;
    --rds-modal-popup-content-color: #212529;
    --rds-modal-popup-header-bg: #636363;
    --rds-modal-popup-header-border-bottom-color: #d2d2d2;
    --rds-modal-popup-header-color: #fff;
}


.dxbl-btn-standalone.dxbl-btn-primary {
    --dxbl-btn-color: rgb(255, 255, 255);
    --dxbl-btn-bg: var(--rds-btn-bg);
    --dxbl-btn-border-color: var(--rds-btn-border-color);
    --dxbl-btn-active-bg: #432874;
    --dxbl-btn-active-color: rgb(255, 255, 255);
    --dxbl-btn-active-border-color: #432874;
    --dxbl-btn-hover-bg: var(--rds-btn-hover-bg);
    --dxbl-btn-hover-color: rgb(255, 255, 255);
    --dxbl-btn-hover-border-color: var(--rds-btn-hover-border-color);
    --dxbl-btn-disabled-bg: var(--rds-btn-disabled-bg);
    --dxbl-btn-disabled-color: var(--rds-btn-disabled-color);
    --dxbl-btn-disabled-border-color: var(--rds-btn-disabled-border-color);
    --dxbl-btn-focus-outline-size: 0.125rem;
    --dxbl-btn-focus-outline-offset: 0.063rem;
    --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --dxbl-btn-focus-bg: var(--rds-btn-focus-bg);
    --dxbl-btn-focus-color: var(--rds-btn-focus-color);
    --dxbl-btn-focus-border-bg: var(--rds-btn-focus-border-bg);
    --dxbl-btn-focus-outline-color: var(--rds-btn-focus-outline-colo);
}

.dxbl-text-edit {
    --dxbl-text-edit-font-size: 0.875rem;
    --dxbl-text-edit-line-height: 1.4285;
    --dxbl-text-edit-bg: #fff;
    --dxbl-text-edit-color: #212529;
    --dxbl-text-edit-padding-x: 0.375rem;
    --dxbl-text-edit-padding-y: 0.25003125rem;
    --dxbl-text-edit-border-color: #d2d2d2;
    --dxbl-text-edit-border-style: solid;
    --dxbl-text-edit-border-width: 1px;
    --dxbl-text-edit-border-radius: 0.1875rem;
    --dxbl-text-edit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    --dxbl-text-edit-readonly-bg: unset;
    --dxbl-text-edit-readonly-color: #212529;
    --dxbl-text-edit-disabled-bg: unset;
    --dxbl-text-edit-disabled-color: #212529;
    --dxbl-text-edit-disabled-opacity: 60%;
    --dxbl-text-edit-btn-bg: #fff;
    --dxbl-text-edit-btn-color: #212529;
    --dxbl-text-edit-btn-image-color: unset;
    --dxbl-text-edit-btn-hover-bg: unset;
    --dxbl-text-edit-btn-hover-color: #212529;
    --dxbl-text-edit-btn-hover-image-color: unset;
    --dxbl-text-edit-btn-disabled-bg: unset;
    --dxbl-text-edit-btn-disabled-color: #212529;
    --dxbl-text-edit-btn-disabled-image-color: unset;
    --dxbl-text-edit-btn-padding-x: 0.375rem;
    --dxbl-text-edit-btn-padding-y: 0.25003125rem;
    --dxbl-text-edit-clear-btn-bg: unset;
    --dxbl-text-edit-clear-btn-color: unset;
    --dxbl-text-edit-clear-btn-hover-bg: unset;
    --dxbl-text-edit-clear-btn-hover-color: unset;
    --dxbl-text-edit-validation-valid-color: #28a745;
    --dxbl-text-edit-validation-invalid-color: #dc3545;
    --dxbl-text-edit-validation-status-padding-x: 0.375rem;
    --dxbl-text-edit-validation-status-padding-y: 0.25003125rem;
    --dxbl-text-edit-validation-status-spacing: 0.125rem;
    background-color: var(--dxbl-text-edit-bg);
    border-radius: var(--dxbl-text-edit-border-radius);
    border: var(--dxbl-text-edit-border-width) var(--dxbl-text-edit-border-style) var(--dxbl-text-edit-border-color);
    -webkit-box-shadow: var(--dxbl-text-edit-box-shadow);
    box-shadow: var(--dxbl-text-edit-box-shadow);
    color: var(--dxbl-text-edit-color);
    font-size: var(--dxbl-text-edit-font-size);
    line-height: var(--dxbl-text-edit-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    position: relative;
    z-index: 0;
    --dxbl-text-edit-focus-shadow-color: var(--rds-text-edit-focus-shadow-color);
    --dxbl-text-edit-focus-shadow-spread: 0.125rem;
    --dxbl-text-edit-focus-shadow-blur: 0rem;
    --dxbl-text-edit-focus-border-color: var(--rds-text-edit-focus-border-color);
}

.dxbl-list-box-render-container:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected,
.dxbl-list-box:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected {
    position: relative;
    background-color: var(--rds-list-box-item-selected-bg, unset);
    color: var(--dxbl-list-box-item-selected-color);
}

.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected {
    position: relative;
    background-color: var(--rds-list-box-item-selected-bg) !important;
    color: var(--dxbl-list-box-item-selected-color);
}

.dxbl-list-box-render-container:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected.dxbl-list-box-item-focused,
.dxbl-list-box-render-container:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:focus,
.dxbl-list-box:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected.dxbl-list-box-item-focused,
.dxbl-list-box:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:focus {
    position: relative;
    background-color: var(--rds-list-box-item-selected-focus-bg) !important;
    color: var(--dxbl-list-box-item-selected-color);
}

.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused,
.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus {
    outline: .15rem solid var(--rds-list-box-item-selected-outline-color, unset);
    outline-offset: calc(-1* .15rem);
}

/*listbox version 23*/
.dxbl-listbox div.dxbl-listbox-item-selected::before, .dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-listbox-item-border-width, 0px)));
    top: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-listbox-item-border-width, 0px)));
    right: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-listbox-item-border-width, 0px)));
    bottom: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-listbox-item-border-width, 0px)));
    border-radius: inherit;
    background-color: var(--rds-list-box-item-selected-bg);
    opacity: 90%;
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr), .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr), .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td {
    position: relative;
    background-color: var(--rds-list-box-item-selected-hover-bg, unset);
    color: var(--dxbl-listbox-item-selected-hover-color);
}

/*popup-modal version 23*/
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    background-color: var(--rds-modal-popup-content-bg);
    border-color: var(--rds-modal-popup-content-border-color);
    color: var(--rds-modal-popup-content-color);
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header {
    background-color: var(--rds-modal-popup-header-bg);
    border-color: var(--rds-modal-popup-header-border-bottom-color);
    color: var(--rds-modal-popup-header-color);
}