/* valores por defecto */
:root {
    /*--rz-primary: #004AAC;
    --af-color-dxc: #0E1020;*/
    --rz-primary: #3f80ea;
    --af-color-dxc: #5f239f;
}

/*ESTILOS PROPIOS PARA COMPORTAMIENTO DE COMPONENTES*/

/* ESTILOS SOBREESCRITOS SEGUN EL MODO ELEGIDO */
[data-theme='dark-theme'] [inputmode='decimal']:disabled,
[data-theme='dark-theme'] .rz-calendar .rz-state-disabled,
[data-theme='dark-theme'] .rz-calendar .rz-inputtext:disabled,
[data-theme='dark-theme'] .rz-state-disabled.rz-dropdown,
[data-bs-theme='dark'] [inputmode='decimal']:disabled,
[data-bs-theme='dark'] .rz-calendar .rz-state-disabled,
[data-bs-theme='dark'] .rz-calendar .rz-inputtext:disabled,
[data-bs-theme='dark'] .rz-state-disabled.rz-dropdown,
.rz-state-disabled .rz-form-field-content {
    /*background-color: #545968 !important;*/
    /*color: var(--rz-text-disabled-color) !important;*/
    /*background-color: var(--rz-text-disabled-color);*/
    background-color: var(--rz-input-disabled-background-color);
    opacity: 1;
}

[data-theme='dark-theme'] .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled),
[data-bs-theme='dark'] .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
    background-color: transparent !important;
}

[data-theme='default'] [inputmode='decimal']:disabled,
[data-theme='default'] .rz-calendar .rz-state-disabled,
[data-theme='default'] .rz-calendar .rz-inputtext:disabled,
[data-theme='default'] .rz-state-disabled .rz-form-field-content,
[data-bs-theme='light'] [inputmode='decimal']:disabled,
[data-bs-theme='light'] .rz-calendar .rz-state-disabled,
[data-bs-theme='light'] .rz-calendar .rz-inputtext:disabled,
[data-bs-theme='light'] .rz-state-disabled .rz-form-field-content {
    background-color: #e2e8ee;
    opacity: 1;
}

[data-theme='dark-theme'] .rz-textarea:disabled,
[data-bs-theme='dark'] .rz-textarea:disabled {
    color: #868e96;
}

[data-theme='dark-theme'] .rz-multiselect .rz-placeholder,
[data-theme='dark-theme'] .rz-dropdown .rz-placeholder,
[data-bs-theme='dark'] .rz-multiselect .rz-placeholder,
[data-bs-theme='dark'] .rz-dropdown .rz-placeholder {
    color: #bfc1c6;
}

[data-theme='dark-theme'] .noEditable .sinLabel,
[data-bs-theme='dark'] .noEditable .sinLabel {
    background: inherit !important;
    color: inherit;
}

[data-theme='dark-theme'] .rz-datatable-thead th:not(:last-child),
[data-theme='dark-theme'] .rz-grid-table thead th:not(:last-child)
[data-theme='dark-theme'] .rz-datatable-data td:not(:last-child),
[data-theme='dark-theme'] .rz-grid-table td:not(:last-child),
[data-bs-theme='dark'] .rz-datatable-thead th:not(:last-child),
[data-bs-theme='dark'] .rz-grid-table thead th:not(:last-child)
[data-bs-theme='dark'] .rz-datatable-data td:not(:last-child),
[data-bs-theme='dark'] .rz-grid-table td:not(:last-child) {
    border-right: 0.01rem solid #5c7c8b;
}

[data-theme='dark-theme'] .navbar-bg,
[data-bs-theme='dark'] .navbar-bg {
    background: #202634;
}

[data-bs-theme='dark'] .text-dark {
    color: #fff !important;
}

[data-bs-theme='dark'] .bg-light {
    background: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

/* FIN ESTILOS SOBREESCRITOS SEGUN EL MODO (dark/light) ELEGIDO */
/* BORRAR CONTENIDO TEXTBOX */
.clear-textbox-pos {
    right: 2.8rem;
}

.column-several-elem {
    position: relative;
    display: flex;
    align-items: center;
}
/* FIN BORRAR CONTENIDO TEXTBOX*/
body {
    overflow-y: auto !important;
    background-image: none !important;
}
/* FILESHARE AZURE */
a.fs-directorio {
    text-decoration: none !important;
}

    a.fs-directorio:hover {
        font-weight: bold;
        text-decoration: none !important;
    }

.fs-directorio-icon {
    /*color: #df9332;*/
    color: #e7c246;
    text-decoration: none !important;
}

    .fs-directorio-icon:hover {
        /*color: #df9332;*/
        color: #e7c246;
        text-decoration: none !important;
    }

.fs-directorio-text {
    color: var(--rz-grid-cell-color);
    text-decoration: none !important;
}

    .fs-directorio-text:hover {
        font-weight: bold;
        color: var(--rz-grid-cell-color);
        text-decoration: none !important;
    }

.fs-file:hover {
    font-weight: bold;
}

.fs-refreshbtn, .fs-createfoldbtn {
    padding-left: .5rem;
}

.fs-acciones {
    background-color: transparent !important;
    color: #5f239f !important;
    font-weight: bolder
}

[data-theme='dark-theme'] .fs-acciones {
    color: white !important;
}

.fs-uploadbtn .rz-fileupload-choose input[type='file'] {
    background-color: transparent !important;
}

.fs-uploadbtn .rz-fileupload-buttonbar {
    background-color: transparent !important;
    padding-left: 0px;
}

.rz-fileupload .fs-refreshbtn {
    background-color: var(--rz-upload-choose-background-color) !important;
    color: var(--rz-upload-choose-color);
    padding: 0.25rem 0.75rem !important;
}
/* FIN FILESHARE AZURE */

/* HTMLEDITOR CON LABEL EN EL INPUT */
.rz-html-editor ~ .rz-form-field-end {
    padding: 0px !important;
    display: none !important;
}
/*.rz-form-field-content > .rz-html-editor:not(:disabled):not(.rz-state-disabled):hover {
}*/
/* FIN HTMLEDITOR CON LABEL EN EL INPUT */
/* FORMFIELD INPUT NUMERIC */
div[id^="float"] .rz-form-field-content,
div[id^="int"] .rz-form-field-content,
div[id^="nvarchar"] .rz-form-field-content:has(.numeric-formfield) {
    border: 0px !important;
    background-color: inherit;
}

.numeric-formfield {
    /*border: var(--rz-input-border) !important;*/
    background-color: var(--rz-input-background-color);
}

    .numeric-formfield:hover,
    .numeric-formfield:focus,
    .numeric-formfield:focus-within {
        /*border: var(--rz-input-hover-border) !important;*/
        background-color: var(--rz-input-background-color);
    }
/* FIN FORMFIELD INPUT NUMERIC */
/* FORMFIELD TEXTAREA CON BOTON */
.rz-form-field-content:has(.textarea-button) {
    border: none !important;
}
/* FIN FORMFIELD TEXTAREA CON BOTON */
/* BOTON BACK */
.back-btn {
    color: var(--af-color-dxc) !important;
    /*color: #5f239f !important;*/
    border-color: #5f239f !important;
}

    .back-btn:hover {
        background-color: var(--af-color-dxc) !important;
        /*background-color: #5f239f !important;*/
        color: white !important;
    }
/* FIN BOTON BACK */
/* FIELDSET PARA VISOR MAIL*/
.nomEmail-viewer {
    /*margin: 0px;
    padding: 0px;*/
    font-size: 0.7rem;
}
/* FIN FIELDSET PARA VISOR MAIL*/

/* SWITCH EN DATAGRID*/
/*.rz-cell-data:has(.rz-switch), 
.rz-cell-data:is(.rz-switch),
.rz-cell-data:matches(.rz-switch),
.rz-cell-data:-webkit-any(.rz-switch),
.rz-cell-data:-moz-any(.rz-switch) {
    text-align: center !important;
}*/
/* FIN SWITCH EN DATAGRID*/
.rz-switch-mini {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 1.2rem;
}

.rz-switch.rz-switch-mini .rz-switch-circle:before {
    width: 0.8rem !important;
    height: 0.8rem !important;
}

.rz-switch-mini .rz-switch-circle:before {
    top: 70% !important;
}
/* SWITCH MINI*/

/* FIN SWITCH MINI*/

/*REDIMENSION TEXTAREA*/
.rz-textarea:not(:disabled):not(.rz-state-disabled):not([rows="8"]):focus,
.rz-textarea:read-only:not([rows="8"]):focus {
    height: 8rem !important;
}

/* CAMPOS BUSQUEDAS */
.campos-busqueda {
    font-size: 0.8rem !important;
}

/*REDIMENSION TEXTAREA*/
.rz-textarea.operaciones {
    font-size: 0.8rem !important;
}

    .rz-textarea.operaciones:not(:disabled):not(.rz-state-disabled):not([rows="8"]):focus, .rz-textarea.operaciones:read-only:not([rows="8"]):focus {
        height: 8rem !important;
    }

/*COLOR TEXTAREA READONLY*/
.form-control:disabled, .form-control[readonly] {
    background-color: var(--rz-input-disabled-background-color) !important;
}

#components-reconnect-modal {
    display: none;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        display: block;
    }

#components-reconnect-modal {
    transition: visibility 0s linear 1000ms;
}

.wrapper {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

    /*.wrapper .content {*/
    /*font-size: 1vh;*/
    /*font-size: 1vw;*/
    /*font-size: 0.6rem;
    }*/

    .wrapper .breadcrumb {
        font-size: 0.8rem !important;
    }

.rz-dialog-wrapper {
    z-index: 1021;
}

.logo-dxc {
    height: 0.9rem;
}

.logo-af {
    width: 15.75em;
    height: 5.5rem;
}

.transformed:hover {
    color: #479cc8;
    /*background: #ffffff;*/
    background: transparent;
    border-radius: 0;
}

.transformed {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    cursor: pointer;
    width: 26px;
    height: 26px;
    display: flex;
}

.sidebar.collapsed + div.main a.transformed {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-actions {
    cursor: pointer;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    padding: 0px !important;
    /*color: #6c757d !important;*/
    color: inherit;
    font-size: 0.9rem !important;
}

    .icon-actions.act {
        color: #6c757d !important;
    }

    .icon-actions .rzi {
        font-weight: 900;
    }

    .icon-actions:hover {
        /*color: #479cc8 !important;*/
        color: #e5a54b !important;
        border-radius: 0;
        text-decoration: none;
        box-shadow: none !important;
        background: transparent !important;
    }

    .icon-actions.act-viewer {
        color: grey !important;
    }

        .icon-actions.act-viewer:hover {
            transform: scale(1.5) !important;
            cursor: pointer;
            color: var(--af-color-dxc) !important;
        }

    .icon-actions.icon-danger:hover {
        color: #d9534f !important;
    }

.icon-actions-compact {
    cursor: pointer;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    padding: 0px !important;
    /*color: #6c757d !important;*/
    color: inherit;
    font-size: 0.9rem !important;
}

    .icon-actions-compact.act {
        color: #6c757d !important;
    }

    .icon-actions-compact .rzi {
        font-weight: 900;
    }

    .icon-actions-compact:hover {
        /*color: #479cc8 !important;*/
        color: #e5a54b !important;
        border-radius: 0;
        text-decoration: none;
        box-shadow: none !important;
        background: transparent !important;
    }

    .icon-actions-compact.icon-danger:hover {
        color: #d9534f !important;
    }

.auto_user {
    background: transparent !important;
    margin-right: -0.5rem;
    padding: 0.5rem 0 !important;
    margin-left: -0.58rem;
    box-shadow: none !important;
    color: #5f239f !important;
}

    .auto_user:hover {
        color: #5271b7 !important;
    }

    .auto_user:disabled {
        color: inherit !important;
    }

.text-edit-button {
    height: 2.185rem;
    /*margin-top: 0.15rem !important;*/
    padding: 0.15rem !important;
    min-width: 2.2rem !important;
}

.custom-user .rz-cell-data {
    white-space: unset !important;
    text-overflow: unset !important;
}

.rz-panel-titlebar .tituloTipoEstado {
    width: 100%;
    font-size: 20px;
}

a.sidebar-link.active {
    color: white;
}

.rz-lookup-panel .rz-grid-table.rz-grid-table-fixed {
    table-layout: inherit;
}
/* CUSTOM UPLOAD PARA QUITAR EL BOTON DEFS UPLOAD SYMBOL PONER IMAGEN */
.icon-actions input {
    cursor: pointer;
}

footer.footer {
    padding: 0.5rem 0.75rem !important;
}

footer .logo-rrss {
    font-size: 1.25rem;
}
/*.custom-upload .rz-fileupload-buttonbar {
    padding: 0;
    background: none;
}


.custom-upload .rz-button-text {
    display: none;
}


.custom-upload .rz-fileupload-choose {
    background: none;
    padding: 0 !important;
}


    .custom-upload .rz-fileupload-choose:active {
        background: none !important;
        box-shadow: none !important;
    }


.custom-upload .rz-button-icon-left {
    display: inline-block !important;
    color: #6c757d;*/
/*font-size: 20px !important;*/
/*font-size: 0.9rem !important;
    width: 20px !important;
}*/

/*vlf 2801*/
/*.custom-upload .rz-button-text {
    display: inline-block !important;
    color: #6c757d;
    font-size: 0.9rem !important;
    width: 20px !important;
}

.custom-upload .rz-fileupload-choose input[type='file'] {
    cursor: pointer;
}

.custom-upload .rz-button-text:before {
    content: 'upload_file';
    font-size: 20px !important;
    width: 20px !important;
    cursor: pointer;
}

.custom-upload .rz-button-text:hover {
    content: 'upload_file';
    color: orange;
}*/
/*vlf 2801*/

/*.custom-upload .rz-button-icon-left::before {
    content: 'upload_file';
    font-size: 20px !important;
    width: 20px !important;
    cursor: pointer;
}

.custom-upload .rz-button-icon-left:hover {
    content: 'upload_file';
    color: orange;
}*/
/*.icon-actions span.rz-button-icon-left.rzi.rzi-plus:hover{
    color:orange;
}*/

/* VERSION 4.2.0 */
.custom-upload .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
    background-color: transparent !important;
    background-image: none;
    box-shadow: none;
}

.custom-upload .rz-fileupload-buttonbar {
    background-color: transparent !important;
}

.custom-upload .rz-fileupload-choose.rz-button {
    background-color: transparent;
    padding: 0 !important;
    padding-top: 5px !important;
    margin-left: -10px;
    color: #6c757d;
}

    .custom-upload .rz-fileupload-choose.rz-button:hover {
        color: #e5a54b !important;
    }
/* FIN VERSION 4.2.0 */

/*FIN CUSTOM UPLOAD */





.cardEstados {
    text-decoration: none !important;
}

    .cardEstados .card-title:hover {
        text-decoration: underline;
    }

    .cardEstados .icono-imagen {
        border-radius: 50%;
        width: 75px;
        height: 75px;
    }

    .cardEstados .badge.bg-success {
        font-size: 0.75rem;
        font-weight: 300;
    }

.cardReports {
    text-decoration: none !important;
}

    .cardReports a:hover {
        text-decoration: none !important;
        border-color: darkslateblue;
        box-shadow: 0 0 0.875rem 0 rgb(72 61 139);
    }

    .cardReports .card-title:hover {
        text-decoration: none !important;
    }

    .cardReports .icono-imagen {
        border-radius: 50%;
        width: 75px;
        height: 75px;
    }

    .cardReports img.card-img-top {
        height: 13rem;
    }

        .cardReports img.card-img-top.icono-imagen {
            height: inherit;
        }

    .cardReports p {
        font-size: 0.75rem;
        font-weight: 300;
    }


.cardSelect {
    text-decoration: none !important;
}

    .cardSelect a:hover {
        text-decoration: none !important;
        border-color: darkslateblue;
        box-shadow: 0 0 0.875rem 0 rgb(72 61 139);
    }

    .cardSelect .card-title:hover {
        text-decoration: underline;
    }

    .cardSelect img.card-img-top {
        height: 10rem;
    }

        .cardSelect img.card-img-top.icono-imagen {
            height: inherit;
        }

    .cardSelect h5.card-title,
    .cardReports h5.card-title {
        font-weight: 300;
    }

    .cardSelect p {
        font-size: 0.825rem;
        font-weight: 300;
    }

/* CAMBIOS SUTILES DXC */
.illustration-dxc {
    background-color: var(--af-color-dxc) !important;
}

.dinamicos-dxc {
    background-color: #BCCEFB !important;
}

.illustration-text-dxc {
    color: #fff;
}

.fondo-perfil-dxc {
    font-size: 1.5rem;
    color: var(--af-color-dxc);
}

.nav-top.icon-profile {
    height: 3.3vh;
    margin-bottom: 0;
    /* margin-right: -8px; */
    vertical-align: middle;
}

.rz-dropdown.misops {
    margin-top: auto !important;
}

.misops {
    width: 300px;
    margin: 0px !important;
    font-weight: 400 !important;
}

    .misops .rz-dropdown-label {
        font-size: inherit !important;
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff !important;
    background-color: var(--af-color-dxc) !important;
}

.rz-datepicker-calendar td .rz-state-active,
.rz-state-default.rz-state-active.rz-calendar-today.rz-state-focused {
    background-color: var(--af-color-dxc) !important;
}

.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight,
.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover {
    background-color: var(--af-color-dxc) !important;
    color: #fff !important;
}

.sidebar-brand svg, .sidebar-brand svg path:first-child {
    fill: #5f239f !important;
}

.rz-selectable .rz-datatable-even.rz-state-highlight > td, .rz-selectable .rz-datatable-odd.rz-state-highlight > td {
    background-color: #6ba6b5 !important;
}

.smallAF {
    font-size: xx-small;
}

.invalid {
    border-color: #d9534f !important;
}

    .invalid .rz-calendar .rz-inputtext {
        border-color: #d9534f !important;
    }

/* formfield no valido*/
/*.rz-form-field-content .rz-textbox.invalid {
    border-color: green !important;*/ /* Establece el color de borde inicial para quitar el borde rojo */
/*}*/

/*.rz-form-field-content > .rz-textbox.invalid {
    border: solid !important;
    border-color: var(--rz-form-error-color) !important;
}*/

.rz-form-field-content .rz-form-field-start,
.rz-form-field-content .rz-form-field-end {
    padding-inline: 0px;
}


.blazored-toast {
    max-width: 100rem !important;
    width: fit-content !important;
    min-width: 20rem !important;
}

.blazored-toast-container {
    z-index: 100000 !important;
}
/* FIN CAMBIOS SUTILES DXC */
/* SOBREESCRIBIR RADZEN */
.rz-html-editor {
    /*overflow-x: hidden !important;*/
    width: 100%;
    height: 100%;
}

.upload-file {
    height: 2.05rem;
    padding: 2px !important;
}

    .upload-file .rz-fileupload-content,
    .upload-file-inline .rz-fileupload-content,
    .custom-upload .rz-fileupload-content {
        display: none !important;
    }

    .upload-file .rz-fileupload-buttonbar {
        background: none;
        padding: 0;
    }

    .upload-file .rz-fileupload-choose {
        background: none;
    }

.upload-file-inline {
    height: 2.05rem;
    padding-top: 0.3rem !important;
    padding-bottom: 1.9rem !important;
    background-color: var(--rz-primary);
    /*vertical-align: top;*/
}

    .upload-file-inline .rz-fileupload-buttonbar {
        background-color: transparent;
        padding: unset;
        border-radius: unset;
    }

    .upload-file-inline .rz-fileupload-choose:not(.rz-state-disabled) {
        background-color: var(--rz-primary);
        color: var(--rz-upload-choose-color);
    }

    .upload-file-inline .rz-fileupload-choose.rz-button:hover {
        background-color: var(--rz-primary) !important;
        color: var(--rz-upload-choose-color) !important;
        padding: 0.25rem 0.75rem !important;
        height: 1.8rem !important;
    }

    .upload-file-inline .rz-fileupload-choose.rz-button.rz-state-disabled {
        opacity: var(--rz-button-disabled-opacity) !important;
        cursor: initial !important;
    }


/*.rz-timepicker {
    display:none !Important; 
}*/
rz-listbox-list {
    display: none !Important;
}

.sidebar-toggle {
    -webkit-appearance: none;
    border: none;
    /*padding: 0.8125rem;
    margin: 0 1rem 0 0;
    border-right: 1px solid #eaeef0;*/
    padding: 0px;
    /*background-color: #ffffff;*/
    color: #000;
    background: transparent;
}

.rz-dropdown {
    margin-top: 0.15rem !important;
    vertical-align: top !important;
}

    .rz-dropdown.af-dropdown-field,
    .rz-dropdown.invalid.af-dropdown-field {
        margin-top: 0px !important;
    }

/*.custom-grid-header .header-dropdown,
.custom-grid-header .header-dropdown,*/
.header-dropdown .rz-stack.rz-display-flex.rz-flex-column.rz-align-items-normal.rz-justify-content-normal {
    margin-bottom: 0.5rem !important;
}

.header-dropdown .rz-dropdown.af-dropdown-field,
.header-dropdown .rz-dropdown.invalid.af-dropdown-field {
    height: 2.05rem !important;
}

.rz-textarea.af-textarea-field,
.rz-textarea.invalid.af-textarea-field {
    margin-top: 0.125rem !important;
    /*height: contain !important;*/
}

.rz-multiselect .rz-helper-hidden-accessible, .rz-dropdown .rz-helper-hidden-accessible {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.rz-multiselect .rz-placeholder, .rz-dropdown .rz-placeholder {
    color: #3a3a3a;
}

.rz-dropdown.rz-dropdown-open {
    background-color: #ffffff;
    border: 1px solid #dadfe2;
}

.rz-multiselect.rz-state-focus {
    background-color: #ffffff;
    border: 1px solid #dadfe2;
}

/*.rz-calendar-inline,
.rz-datepicker-inline {
    background-color: transparent;
}*/
.rz-datepicker-inline .rz-datepicker-inline-container .rz-calendar,
.rz-datepicker-inline .rz-calendar-view.rz-calendar-month-view {
    width: 100% !important;
}


.rz-datepicker-header {
    position: relative;
    line-height: 2.5rem;
    /*background-color: #e6ecef;*/
    background-color: #e0eafc;
    border-bottom: none;
    color: #88989b;
    padding: 0 0.875rem;
}

.rz-calendar-header {
    position: relative;
    line-height: 2.5rem;
    /*background-color: #e6ecef;*/
    background-color: #e0eafc;
    border-bottom: none;
    color: #88989b;
}

.rz-datepicker-prev .rzi-chevron-left:hover {
    color: #f7f9fc;
}

.rz-datepicker-next .rzi-chevron-right:hover {
    color: #f7f9fc;
}

.rz-datepicker-calendar {
    width: 100%;
}

.rz-button.btn-primary {
    background-color: #3f80ea;
    color: #ffffff;
}

.btnSaveCabecera .rz-button-icon-left.rzi {
    line-height: normal;
}

.btnSaveCabecera.rz-button-md .rz-button-text {
    line-height: normal;
}

.btnSave .rz-button-icon-left.rzi {
    line-height: normal;
}

.btnSave.rz-button-md .rz-button-text {
    line-height: normal;
}

.frozen-right {
    right: 0px !important;
    z-index: 10000;
}

.frozen-left {
    left: 0px !important;
    z-index: 10000;
}

/*para los combos*/
/* Cambia el ancho a "auto" cuando rz-dropdown tiene también la clase tableDropdown */
/*.wrapper .rz-dropdown.tableDropdown ~ .rz-dropdown-panel {
    width: auto !important;
}*/

/* Cambia el ancho a "max-content" cuando rz-dropdown no tiene la clase tableDropdown */
/*.wrapper .rz-dropdown:not(.tableDropdown) ~ .rz-dropdown-panel {
    width: max-content !important;
}*/

.editorhtml {
    margin-bottom: 1rem;
    white-space: initial;
    min-height: 50px;
    max-height: 500px;
    overflow: auto;
}

/*div.editorhtml {
    flex: 1;
    overflow: auto;
    padding: 0.5rem;
    outline: none;
    background-color: var(--rz-editor-content-background-color);
    border-radius: 15px;
    border-radius: var(--rz-editor-border-radius);
    border: var(--rz-editor-border);
}*/

.editorhtml-orig {
    height: 500px;
    margin-bottom: 1rem;
    white-space: initial
}
/* CAMBIO DE COLOR HTMLEDITOR CUANDO NO EDITABLE */
.rz-html-editor-content:not([contenteditable]) {
    background-color: var(--rz-input-disabled-background-color) !important;
}

.campo-obligatorio .rz-form-field-label {
    color: var(--rz-danger) !important;
}

.required-field .rz-form-field-label::after {
    content: " *"; /* Agrega un espacio antes del asterisco */
    color: var(--rz-danger-dark); /* Usar la variable de color de Radzen */
}
/*.rz-event-content {
    height: inherit !important;
    border: 1px solid !important;
}*/
/* FIN SOBREESCRIBIR RADZEN CSS */
/* TOOLTIP */
.tooltip-wrapper {
    /*position: relative;*/
    /*display: inline-block;*/
    display: block;
    border-bottom: 1px dotted black;
    cursor: help;
}

#spanText {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}

    #spanText::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip-wrapper:hover #spanText {
    visibility: visible;
}

/* FIN TOOLTIP */

/* EVENTOS */

.estadoEnCurso {
    color: white;
    font-weight: bold;
    background-color: #479cc8;
    height: inherit !important;
    border: 1px solid rgba(255, 255, 255, .5);
}

.estadoFin {
    color: white;
    font-weight: bold;
    background-color: #56af56;
    height: inherit !important;
    border: 1px solid rgba(255, 255, 255, .5);
}

.estadoCaducado {
    color: white;
    font-weight: bold;
    /*background-color: #a59e9e;*/
    background-color: #e7c84e;
    height: inherit !important;
    border: 1px solid rgba(255, 255, 255, .5);
}

.estadoFinSLA {
    color: white;
    font-weight: bold;
    background-color: #c95757;
    height: inherit !important;
    border: 1px solid rgba(255, 255, 255, .5);
}

.estadoExtra {
    color: white;
    font-weight: bold;
    background-color: lightyellow;
    height: inherit !important;
    border: 1px solid rgba(255, 255, 255, .5);
}

.btnRefresh {
    padding: 0 0.5rem !important;
    background-color: var(--rz-scheduler-prev-next-button-background-color) !important;
}

.marcaDiaActual {
    background-color: #E8DAEF;
    /*background-color: #006975;*/
    border-color: white;
}

.horasLaborables {
    background: rgba(255,220,40,.2);
}


.rz-calendar-inline.calendarHours {
    border: none !important;
}

.calendarHours {
    overflow: inherit !important;
}

    .calendarHours .rz-timepicker {
        border-top: none !important;
    }

    .calendarHours .rz-hour-picker, .calendarHours .rz-minute-picker, .calendarHours .rz-second-picker, .calendarHours .rz-datepicker {
        background-color: inherit !important;
    }

/* FIN EVENTOS */
/* TABS INFONEG */
.infoNegocio > .rz-tabview-nav {
    display: table;
}

.extraInfo {
    float: right !important;
}

.normalInfo {
    display: inline-table;
}
/* FIN TABS INFONEG */
/* CAMBIAR ASPECTO DINAMICOS_NO_EDITABLES */
.noEditable .sinLabel {
    background: inherit !important;
    color: rgb(58, 58, 58);
}

.noEditable .card.mb-3 {
    margin-bottom: 0px !important;
}

    .noEditable .card.mb-3 .card-body {
        padding: 0px !important;
    }
/* FIN CAMBIAR ASPECTO DINAMICOS_NO_EDITABLES */
/* CAMBIO TAMAÑO GRID EN ROWEXPAND */
.custom-grid-container {
    max-width: min-content; /* Limita el ancho al contenido mínimo del contenedor */
    overflow-x: auto; /* Añade scrollbar horizontal si es necesario */
}
/* FIN CAMBIO TAMAÑO GRID EN ROWEXPAND */
/* HEADER DE DATAGRID */
.tabla-noheader .rz-group-header {
    display: none !important;
}
/* FIN HEADER DE DATAGRID */

/* DIALOG NO MODAL */
.rz-dialog-wrapper.nomodal-wrapper .rz-dialog-mask {
    background-color: transparent !important; /* Hacer transparente el fondo */
    pointer-events: none !important; /* Permitir clics a través del backdrop */
    z-index: auto !important; /* Asegurar que no bloquee la interacción */
}

.rz-dialog {
    height: auto !important; /* para que se redimensione bien el modal cada vez*/
}
    /* 2. Hacer que el contenido del diálogo sea interactivo */
    .rz-dialog.nomodal-dialog {
        pointer-events: auto !important; /* Permitir clics dentro del diálogo */
        z-index: 1050 !important; /* Mantener el diálogo encima del contenido */
        position: fixed !important; /* Asegurar que sea un diálogo flotante */
        height: auto !important;
    }
/* 3. Ajustar el contenedor del diálogo */
.rz-dialog-wrapper.nomodal-wrapper {
    pointer-events: none !important; /* Permitir clics a través del wrapper */
    z-index: auto !important;
}
    /* 4. Asegurar que solo el contenido del diálogo sea interactivo */
    .rz-dialog-wrapper.nomodal-wrapper .rz-dialog.nomodal-dialog {
        pointer-events: auto !important;
    }

/* Contenedor para el botón de minimizar */
.rz-dialog-titlebar-close .rzi-minimize {
    font-size: var(--rz-dialog-close-font-size);
    color: var(--rz-dialog-close-color);
    vertical-align: var(--rz-dialog-close-vertical-align);
}

    .rz-dialog-titlebar-close .rzi-minimize:before {
        content: "minimize";
    }

.rz-dialog-titlebar-close:hover .rzi-minimize {
    color: var(--rz-dialog-close-hover-color);
}

.rz-dialog.nomodal-dialog.minimized {
    width: 10% !important;
    top: auto !important;
    left: 0 !important;
    resize: none !important;
    height: 40px !important;
    min-height: 50px !important;
    bottom: 0px !important;
}
/* FIN DIALOG NO MODAL */
/* COMBOS */
.rz-dropdown-panel.rz-popup.rz-open:has(.rz-dropdown-filter-container)
/*,
.rz-multiselect-panel.rz-popup.rz-open*/ {
    width: max-content !important;
}

.dgdropdown + .rz-dropdown-panel.rz-popup:has(.rz-lookup-panel),
.dgdropdown ~ .rz-dropdown-panel.rz-popup:has(.rz-lookup-panel) {
    width: fit-content !important;
}
/* FIN COMBOS */
/* MENUS */
li .sidebar-item .fas {
    font-size: 22px !important;
}

li.sidebar-item .rzi {
    font-size: 26px !important;
    justify-content: flex-end !important;
    vertical-align: middle !important;
}

/*body[data-sidebar-behavior=compact] .sidebar-item {
    text-align: center !important;
}*/
/*body[data-theme='default'][data-sidebar-behavior=compact] .sidebar-link i,
body[data-theme='default'][data-sidebar-behavior=compact] .sidebar-link svg,
body[data-theme='default'][data-sidebar-behavior=compact] a.sidebar-link i,
body[data-theme='default'][data-sidebar-behavior=compact] a.sidebar-link svg {*/
html[data-sidebar-behavior=compact] .sidebar-link i,
html[data-sidebar-behavior=compact] .sidebar-link svg,
html[data-sidebar-behavior=compact] a.sidebar-link i,
html[data-sidebar-behavior=compact] a.sidebar-link svg {
    margin-right: 0px !important;
    height: 24px;
    width: 24px;
}

html[data-sidebar-behavior=compact] .sidebar-link,
html[data-sidebar-behavior=compact] a.sidebar-link {
    padding: 0px;
    text-align: center !important;
}

/*body[data-theme='default'][data-sidebar-behavior=compact] .sidebar-link, a.sidebar-link {*/
body[data-sidebar-behavior=compact] .sidebar-dropdown > .sidebar-item > .sidebar-link,
html[data-sidebar-behavior=compact] .sidebar-dropdown > .sidebar-item > a.sidebar-link {
    /*padding: 0px;*/
    text-align: left !important;
}

body[data-theme='default'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown,
html[data-bs-theme='light'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
    background: #293042 !important;
}

    html[data-bs-theme='light'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link {
        color: #c2cbd3;
    }

/*body[data-theme='default'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item .sidebar-link span {*/
html[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item .sidebar-link span {
    display: block !important;
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

body[data-theme='dark-theme'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown,
html[data-bs-theme='dark'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
    background: #fff !important;
}

html[data-theme='dark-theme'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link,
html[data-theme='dark'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link {
    /*color: #293042 !important;*/
    color: #eff4fb !important;
}

body[data-theme='default'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link:hover,
html[data-bs-theme='light'][data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link:hover {
    color: #568fed;
}

[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item > .sidebar-link.active,
[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item > .sidebar-link.active {
    color: #568fed !important;
    font-weight: bolder;
}

html[data-sidebar-behavior=compact] {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

    html[data-sidebar-behavior=compact] .sidebar {
        max-width: 68px !important;
        min-width: 68px !important;
        z-index: 3 !important;
    }

    html[data-sidebar-behavior=compact] .sidebar-content[data-simplebar] {
        height: 100vh;
        left: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

.sidebar .sidebar-nav > .sidebar-item:first-child {
    margin-top: 1rem;
}

.sidebar .sidebar-nav {
    margin-bottom: 2rem;
}

html[data-sidebar-behavior=compact]:not([data-sidebar-position=right]) .sidebar-nav > .sidebar-item > .sidebar-dropdown {
    left: 70px !important;
    /*border-radius: 10px;*/
    /*border: 1px solid #fff;*/
    /*border-color: darkslateblue; */
    /*box-shadow: 0 0 0.875rem 0 rgb(72 61 139);*/
}
/*html[data-sidebar-behavior=compact] .sidebar-nav > .sidebar-item > .sidebar-dropdown:before {
    width: 0px !important;
    height: 0px !important;
    top: 10px !important;
    left: -20px !important;
    border: 10px solid transparent;
    border-right-color: #f1f1f1;
}*/

.menu-compact {
    margin-right: -23px;
    text-align: -webkit-right;
    /*text-align: -webkit-center;*/
}

    .menu-compact a {
        color: #e2e8ee80;
    }

        .menu-compact a:hover {
            color: rgba(255, 255, 255, .5);
            text-decoration: none;
        }

.rotate-icon {
    transition: transform 0.5s;
}

[data-sidebar-behavior="sticky"] .arrow-square.rotate-icon {
    transform: rotate(180deg);
}

    [data-sidebar-behavior="sticky"] .arrow-square.rotate-icon:hover {
        color: #fff;
        transform: translate(0%, -5%) rotate(0deg);
    }

.arrow-square.rotate-icon:hover {
    color: #fff;
    transform: translate(0%, -5%) rotate(180deg);
}

.rotate-icon:hover {
    color: #fff;
    transform: translate(0%, -5%) rotate(180deg);
}
/* FIN MENUS */
/* CONFIG IFRAME */
iframe.module-iframe {
    width: 100%;
    height: 100%;
}
/* FIN CONFIG IFRAME*/
/* POSICION ICONO PANEL EXPAND/COLLAPSE (POSICION IZQUIERDA). COMENTAR ESTE ESTILO PARA QUE SALGA A LA DERECHA*/
.panel-visor .rz-panel-titlebar {
    flex-direction: row-reverse !important;
    justify-content: left !important;
    margin-top: -1.5rem !important;
    margin-bottom: .25rem !important;
    font-size: 0.8rem !important;
    align-items: center !important;
}

    .panel-visor .rz-panel-titlebar button {
        background-color: transparent !important;
    }

    .panel-visor .rz-panel-titlebar .rz-text-body1 {
        font-size: 0.8rem !important;
    }
/* FIN POSICION ICONO PANEL EXPAND/COLLAPSE */
/* VISOR EMAILS */
.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.min-w-\[250px\] {
    min-width: 250px;
}

.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.w-rem-10 {
    width: 2.5rem;
}

.h-rem-10 {
    height: 2.5rem;
}

.w-rem-6 {
    width: 1.5rem;
}

.h-rem-6 {
    height: 1.5rem;
}
/* GRID EXPAND */
.icon-expand {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 4px;
}
/*.grid-container {
    position: relative;*/
/*background: white;*/
/*padding: 10px;*/
/*border: 1px solid #ccc;*/
/*border-radius: 8px;*/
/*transition: all 0.3s ease-in-out;*/
/*max-height: 400px;*/ /* estado normal */
/*overflow: auto;
}

    .grid-container.expanded {
        position: fixed;
        top: 5%;
        left: 5%;
        width: 90vw;
        height: auto;
        max-height: none;
        z-index: 9999;
        box-shadow: 0 0 20px rgba(0,0,0,0.6);
        background: white;
        padding: 10px;
        border-radius: 10px;
    }*/

/* Wrapper normal */
.tabla-din {
    max-height: 300px;
}

.grid-wrapper {
    position: relative;
}

    /* Overlay activo */
    .grid-wrapper.overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.6);
        z-index: 1000;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/* Contenedor normal */
.grid-container {
    position: relative;
    transition: all 0.3s ease-in-out;
    max-height: 400px;
    overflow: auto;
}

    /* Contenedor expandido */
    .grid-container.expanded {
        width: 90vw;
        height: 85vh;
        max-height: none;
        z-index: 1001;
        box-shadow: 0 0 20px rgba(0,0,0,0.6);
        /*background: white;*/
        padding: 5px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
    }

        .grid-container.expanded .tabla-din {
            max-height: none !important;
        }

/* contenedor de toda la cabecera del grid */
.rz-custom-header {
    width: 100%;
}

    .rz-custom-header .custom-grid-header {
        display: flex;
        justify-content: space-between; /* separa izquierda y derecha */
        align-items: center;
        width: 100%;
    }

/* zona izquierda: tus botones y contador */
.custom-grid-header .header-left {
    display: flex;
    align-items: center;
    gap: 0.3rem; /* separa botones y texto */
}

    .custom-grid-header .header-left .header-dropdown {
        max-width: 200px;
    }
/* zona derecha: botón expandir/cerrar */
.custom-grid-header .header-right {
    display: flex;
    align-items: center;
    gap: 0.3rem; /* separa botones y texto */
}
/* FIN GRID EXPAND*/
.card.illustration,
.rz-tabview-panels {
    width: 90vw;
    overflow-x: hidden;
}

.card.flex-fill.illustration {
    overflow: inherit;
}

.infoNegocio .rz-tabview-panels {
    width: 100% !important;
}
/* CORRECCION ENCUADRADO TAB*/
.rz-tabview:focus-visible {
    outline: 0px !important;
    outline-offset: 0px !important;
}

/* CORRECCION BREADCRUMB */
.breadcrumb-item a.breadcrumb-wo-href {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}

a.breadcrumb-wo-href:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    text-decoration: underline !important;
}
/* DATAGRID ACTIVITIES */
.grid-activities .rz-cell-data,
.grid-activities .campos-busqueda {
    font-size: 0.75rem !important;
}
/* BI REPORTS */
.cls-bireports {
    width: 100%;
    height: calc(0.5625 * 72.2vw);
    max-width: 2000px;
}
/* FIN BI REPORTS */
/* POPUP DUPLICATES */
.my-popup {
    display: none;
    position: absolute;
    overflow: hidden;
    /*height: 360px;
    width: 600px;*/
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius)
}

.input-num-duplicate {
    width: 4rem !important;
}
/* FIN POPUP DUPLICATES */
/* GROUPDESCRIPTORS */
.group-field-name {
    font-size: 0.9rem;
}

.group-name {
    font-weight: bolder;
    font-size: 0.9rem;
}

.group-count {
    font-size: 0.9rem;
}
/* FIN GROUPDESCRIPTORS */
/* GRID VIRUALIZATION */
.virtual-grid {
    max-height: 74dvh !important;
    /*max-height: 700px !important;*/
}
/* FIN GRID VIRUALIZATION */
/* DATAFILTER */
.filter-panel {
    border: var(--rz-grid-cell-border);
}

    .filter-panel .rz-panel-titlebar {
        flex-direction: row-reverse !important;
        justify-content: left !important;
        margin-bottom: 0.8rem !important;
    }
/* FIN DATAFILTER */
/* ESTILOS CAMPOS DATAGRID */
.operaciones-text-display {
    white-space: pre-wrap;
    max-height: 50px;
    overflow: hidden;
    width: 100%;
    padding: 4px;
}

.grid-check-yes {
    color: var(--rz-success);
}

.grid-check-no {
    color: grey;
}

.rz-state-highlight .rz-data-row .grid-check-no {
    color: darkgrey;
}
/* FIN ESTILOS CAMPOS DATAGRID */
/* Contenedor principal */
/* 1. Evitamos que el contenedor ocupe toda la fila si no quieres, 
   o controlamos su margen inferior para que no pegue con el grid */
.parent-container {
    margin-bottom: 1rem;
    align-items: center !important; /* Alineación visual al centro */
}

    /* 2. ELIMINAR EL MARGEN FANTASMA: Radzen mete un mb-3 en el stack 
   que es el culpable de que el combo parezca más alto o desalineado */
    .parent-container .rz-stack,
    .parent-container .rz-form-field {
        margin-bottom: 0 !important;
    }

/* 3. CONTROL DEL ANCHO DEL COMBO: 
   Para que no ocupe toda la fila, le damos un ancho razonable */
.combo-wrapper {
    min-width: 250px;
    flex: 0 1 auto; /* No crece infinitamente */
    height: 38px; /* Altura estándar de botón Bootstrap */
    margin-bottom: 0.8rem !important;
}

/* 4. ARREGLO DEL BOTÓN UPLOAD:
   RadzenUpload por dentro es un lío de spans. Esto lo centra. */
.rz-fileupload.upload-file {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 38px; /* Altura estándar de botón Bootstrap */
    padding: 0 15px;
}

/* 5. BOTONES DE ACCIÓN:
   Forzamos una altura igual a la del upload para que sean simétricos */
.parent-container .rz-button {
    height: 38px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* 6. AJUSTE PARA EL CARD-BODY:
   Aseguramos que el contenido fluya bien */
.card-body {
    display: block; /*A veces flex-fill en el padre rompe el flujo */
}
/* AUTOCOMPLETE */
.rz-autocomplete-panel {
    width: max-content !important;
    max-width: 100% !important;
}

.autocomplete-comp.chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    /*border: 1px solid #ccc;*/
    /*padding: 8px;*/
    border-radius: 4px;
    align-items: center;
}

/* Si el contenedor tiene dentro un elemento con la clase .invalid, 
   aplicamos el estilo de error al borde del contenedor */
.rz-form-field-content:has(.invalid) {
    border: 1px solid #d9534f !important;
    border-radius: 4px; /* Ajusta según tu diseño */
}

    .autocomplete-comp.chips .custom-autocomplete {
        flex-grow: 1;
        min-width: 150px;
        display: flex;
        gap: 5px;
    }

.custom-autocomplete .clear-text {
    position: absolute;
    inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 0.8rem);
    inset-block-start: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: var(--rz-dropdown-trigger-icon-height);
    opacity: .4;
    cursor: pointer;
}
        .autocomplete-comp.chips .custom-autocomplete .autocomplete-item {
            width: 100%;
            border: none;
            outline: none;
            box-shadow: none;
        }

            /*.autocomplete-comp.chips .custom-autocomplete .autocomplete-item.invalid {
                border: var(--rz-input-border);
            }*/

    .autocomplete-comp.chips .chip-item {
        background-color: #e0e0e0;
        padding: 0px 8px;
        /*padding: 2px 10px;*/
        border-radius: 16px;
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px;
        color: black;
    }

        .autocomplete-comp.chips .chip-item .remove-chip {
            cursor: pointer;
            font-size: 16px;
            color: #888;
        }
/* FIN AUTOCOMPLETE */
/* EDICION GRID CAMPO OBLIGATORIO para que el * no salga encima de las celdas freeze */
.rz-frozen-cell.rz-frozen-cell-left.rz-frozen-cell-left-end,
.rz-frozen-cell.rz-frozen-cell-right.rz-frozen-cell-right-end {
    z-index: 3 !important;
}
.rz-frozen-cell.rz-frozen-cell-left.rz-frozen-cell-left-end.actions,
.rz-frozen-cell.rz-frozen-cell-right.rz-frozen-cell-right-end.actions {
    z-index: 1 !important;
}
/* EDICION GRID CAMPO OBLIGATORIO */

/* ========================= DINAMICOSPANEL.RAZOR - INICIO ========================= */

.dinamicos-panel-page .panel-config-scroll {
    max-height: 240px;
    overflow: auto;
}

.dinamicos-panel-page .panel-collapse-left .rz-panel-titlebar {
    display: flex;
    align-items: center;
}

.dinamicos-panel-page .panel-collapse-left {
    border: 1px solid var(--bs-border-color, #dee6ed);
    border-left: 4px solid var(--bs-primary, #3f80ea);
    box-shadow: var(--bs-box-shadow-sm, 0 .05rem .2rem rgba(0, 0, 0, .05));
    border-radius: .5rem;
    background-color: var(--bs-secondary-bg, #fff);
}

.dinamicos-panel-page .panel-collapse-left .rz-panel-titlebar,
.dinamicos-panel-page .panel-collapse-left.card .card-header {
    background-color: var(--bs-light, #eff2f6);
    border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.dinamicos-panel-page .panel-collapse-left.card .card-body {
    background-color: var(--bs-secondary-bg, #fff);
}

.dinamicos-panel-page .panel-collapse-left .rz-panel-titlebar .rz-panel-titlebar-icon {
    order: -1;
    margin-right: .5rem;
}

.dinamicos-panel-page .info-panel-header-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.dinamicos-panel-page .info-cards-container-panel.info-panel-collapse-left .rz-panel-titlebar .rz-panel-titlebar-icon {
    order: -1;
    margin-right: .5rem;
    margin-left: 0;
}

.dinamicos-panel-page .info-cards-container-panel.info-panel-collapse-right .rz-panel-titlebar .rz-panel-titlebar-icon {
    order: 1;
    margin-left: .5rem;
    margin-right: 0;
}

.dinamicos-panel-page .info-cards-container-panel {
    background-color: var(--bs-secondary-bg, #fff);
    border-left: 1px solid var(--bs-border-color, #dee6ed);
}

.dinamicos-panel-page .info-cards-container-panel > .rz-panel-titlebar {
    background-color: var(--bs-light, #eff2f6);
}

    .dinamicos-panel-page .info-cards-container-panel > .rz-panel-content,
    .dinamicos-panel-page .info-cards-container-panel > .rz-expander.rz-state-expanded.rz-panel-content-wrapper {
        padding-top: .4rem;
    }

.dinamicos-panel-page .info-card-panel {
    width: calc(100% - .35rem) !important;
    max-width: calc(100% - .35rem);
    min-width: 0;
    margin-right: .35rem;
    box-sizing: border-box;
    border-left: 4px solid var(--bs-primary, #3f80ea);
    border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.dinamicos-panel-page .info-card-panel.info-card-answer {
    border-left-color: #FF7E51 !important;
}

.dinamicos-panel-page .json-action-btn {
    font-weight: 600;
    box-shadow: 0 .05rem .2rem rgba(0, 0, 0, .12);
}

.dinamicos-panel-page .json-action-btn:hover {
    box-shadow: 0 .15rem .35rem rgba(0, 0, 0, .16);
}

.dinamicos-panel-page .panel-settings .form-label {
    margin-bottom: .25rem;
}

.dinamicos-panel-page .panel-settings .rz-dropdown,
.dinamicos-panel-page .panel-settings .rz-numeric,
.dinamicos-panel-page .panel-settings .rz-textbox {
    min-height: 2.35rem;
}

.dinamicos-panel-page .panel-settings .format-formfield {
    width: 160px;
}

.dinamicos-panel-page .panel-settings .format-input {
    width: 140px;
    font-size: .85rem;
}

.dinamicos-panel-page .panel-settings .format-toggle-addon {
    display: inline-flex;
    align-items: center;
    padding: 0 .45rem;
    border: 1px solid var(--rz-input-border-color, #ced4da);
    border-left: 0;
    border-radius: 0 .25rem .25rem 0;
    background: var(--rz-input-background-color, #fff);
    min-height: 2.35rem;
}

.dinamicos-panel-page .panel-settings .row.g-2 > [class*="col-"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dinamicos-panel-page .panel-settings .lock-toggle-row {
    width: 100%;
    gap: .5rem;
    margin-top: .15rem;
}

.dinamicos-panel-page .panel-settings .lock-toggle-row .lock-mode-dropdown {
    flex: 1 1 auto;
    width: 100%;
    /*min-width: 130px;*/
}

.dinamicos-panel-page .json-export-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.dinamicos-panel-page .json-export-modal {
    width: min(900px, 92vw);
    max-height: 85vh;
    overflow: auto;
}
/* ========================== DINAMICOSPANEL.RAZOR - FIN ========================== */

/* ========================== RULEENGINERULEBUILDER.RAZOR - INICIO ========================== */
.rule-engine-page .rule-engine-panel {
    border: 1px solid #d7dde5;
    border-radius: .5rem;
    box-shadow: 0 .15rem .45rem rgba(50, 50, 93, .08);
    background-color: #fff;
}

.rule-engine-page .rule-engine-main-body {
    padding-top: .5rem;
}

.rule-engine-page .rule-engine-toolbar {
    margin-bottom: .35rem !important;
}

.rule-engine-page .panel-collapse-left .rz-panel-titlebar {
    display: flex;
    align-items: center;
}

.rule-engine-page .panel-collapse-left .rz-panel-titlebar .rz-panel-titlebar-icon {
    order: -1;
    margin-right: .5rem;
}

.rule-engine-page .placeholder-soft::placeholder {
    opacity: .45;
}

[data-theme='dark-theme'] .rule-engine-page .rule-engine-panel,
[data-bs-theme='dark'] .rule-engine-page .rule-engine-panel {
    border-color: #4b5565;
    box-shadow: 0 .15rem .45rem rgba(0, 0, 0, .35);
    background-color: #2b3240;
}
/* ========================== RULEENGINERULEBUILDER.RAZOR - FIN ========================== */

/* ========================== FORMULARIOCAMPOSCONFIGPANEL.RAZOR - INICIO ========================== */
.form-config-panel .rz-panel-titlebar {
    display: flex;
    align-items: center;
}

.form-config-panel.panel-collapse-left .rz-panel-titlebar-icon {
    order: -1;
    margin-right: .5rem;
}

.config-table-compact th,
.config-table-compact td {
    padding: .22rem .32rem;
    font-size: .78rem;
    vertical-align: middle;
}

.tabs-input-compact {
    max-width: 90px;
}

.idtrad-input-group {
    max-width: 150px;
}

.compact-panel-body .btn.btn-sm {
    padding: .12rem .35rem;
    line-height: 1.1;
}
/* ========================== FORMULARIOCAMPOSCONFIGPANEL.RAZOR - FIN ========================== */