/* Redondear las esquinas del contenedor principal del ASPxPopupControl */
/*.dxpcLite_MaterialCompact {
    border-radius: 10px !important;*/ /* Redondear los bordes del contenedor del popup */
    /*overflow: hidden;*/ /* Asegurar que los elementos internos no excedan el borde redondeado */
/*}*/

    /* Redondear las esquinas superiores del encabezado del ASPxPopupControl */
    /*.dxpcLite_MaterialCompact .dxpc-header {
        border-top-left-radius: 10px !important;*/ /* Redondear la esquina superior izquierda del título */
        /*border-top-right-radius: 10px !important;*/ /* Redondear la esquina superior derecha del título */
    /*}*/

    /* Redondear las esquinas inferiores del pie del ASPxPopupControl */
    /*.dxpcLite_MaterialCompact .dxpc-contentWrapper {
        border-bottom-left-radius: 10px !important;*/ /* Redondear la esquina inferior izquierda del pie */
        /*border-bottom-right-radius: 10px !important;*/ /* Redondear la esquina inferior derecha del pie */
    /*}*/










/* Selecciona todos los ASPxButton con el tema MaterialCompact y aplica border-radius */
/*.dxbButton_MaterialCompact {
    border-radius: 10px !important;  Redondear los bordes del contenedor del botón 
    overflow: hidden;  Asegurar que los elementos internos no excedan el borde redondeado 
}

     Asegurarse de que el div interior dentro del botón también tenga bordes redondeados 
    .dxbButton_MaterialCompact .dxb {
        border-radius: 10px !important;  Redondear los bordes del div interno del botón 
    }*/








/* Redondear las esquinas del contenedor principal para todos los controles */
/*.dxeTextBox_MaterialCompact,
.dxeButtonEdit_MaterialCompact,
.dxeListBox_MaterialCompact,
.dxeComboBox_MaterialCompact,
.dxeMemo_MaterialCompact,
.dxeSpinEdit_MaterialCompact,
.dxeDateEdit_MaterialCompact,
.dxeTimeEdit_MaterialCompact,
.dxeDropDownEdit_MaterialCompact,
.dxeColorEdit_MaterialCompact,
.dxeRadioButtonList_MaterialCompact,
.dxeCheckBoxList_MaterialCompact {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
    /*overflow: hidden;*/ /* Asegura que los elementos internos no excedan el borde redondeado */
/*}*/

    /* Redondear las esquinas de los inputs y áreas editables dentro de los controles */
    /*.dxeTextBox_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeButtonEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeComboBox_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeMemo_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeSpinEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeDateEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeTimeEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeDropDownEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeColorEdit_MaterialCompact .dxeEditArea_MaterialCompact {
        border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
    /*}*/

    /* Asegurar que las áreas de botones dentro de los controles también tengan bordes redondeados */
    /*.dxeButtonEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeComboBox_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeSpinEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeDateEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeTimeEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeDropDownEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeColorEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact {
        border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
    /*}*/

/* Asegurar que los popups dentro de los controles también tengan bordes redondeados */
/*.dxpcDropDown_MaterialCompact,
.dxpc-content {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
/*}*/

/* Redondear las esquinas del contenedor principal de la lista */
/*.dxeListBox_MaterialCompact, .dxeComboBox_MaterialCompact .dxeDropDownEdit_MaterialCompact {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
    /*overflow: hidden;*/ /* Asegura que los elementos internos no excedan el borde redondeado */
/*}*/

/* Redondear las esquinas de las filas y celdas de los items de la lista */
/*.dxeListBoxItemRow_MaterialCompact {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
/*}

.dxeListBoxItem_MaterialCompact {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
/*}*/










/* Redondear las esquinas del contenedor principal de la gridview */
/*.dxgvControl_MaterialCompact {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
    /*overflow: hidden;*/ /* Asegura que los elementos internos no excedan el borde redondeado */
/*}*/

/* Redondear las esquinas de las tablas dentro de la gridview */
/*.dxgvTable_MaterialCompact {
    border-radius: 10px !important;*/ /* Ajusta el valor según lo necesario */
    /*overflow: hidden;*/ /* Asegura que los elementos internos no excedan el borde redondeado */
/*}*/

/* Redondear las esquinas de las celdas y filas dentro de la gridview */
/*.dxgvDataRow_MaterialCompact,
.dxgvDataRowAlt_MaterialCompact,
.dxgvHeader_MaterialCompact,
.dxgvCommandColumn_MaterialCompact,
.dxgvFilterRow_MaterialCompact,
.dxgvAdaptiveDetailRow_MaterialCompact,
.dxgvAdaptiveHeaderPanel_MaterialCompact {
    border-radius: 10px !important;  Ajusta el valor según lo necesario 
}
*/










/* Redondear las esquinas del panel principal del TreeList */
/*.dxtlControl_MaterialCompact {
    border-radius: 10px !important;
    overflow: hidden;*/ /* Asegura que los elementos internos no excedan el borde redondeado */
/*}*/

/* Redondear las esquinas de las celdas de encabezado */
/*.dxtlHeader_MaterialCompact {
    border-radius: 10px !important;
}*/

/* Redondear las esquinas de las celdas de datos */
/*.dxtlNode_MaterialCompact,
.dxtlAltNode_MaterialCompact,
.dxtlFocusedNode_MaterialCompact {
    border-radius: 10px !important;
}*/

/* Asegurar que los botones e iconos dentro de las celdas también tengan bordes redondeados */
/*.dxIcon_edit_edit_16x16,
.dxIcon_actions_additem_16x16,
.dxTreeList_HeaderFilter_MaterialCompact {
    border-radius: 50% !important;
}*/

/* Redondear las esquinas de las tablas internas */
/*.dxtlControl_MaterialCompact table {
    border-radius: 10px !important;
}*/






/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Redondear las esquinas del botón con el tema Metropolis */
/*.dxbButton_Metropolis {
    border-radius: 15px !important;
    overflow: hidden;*/ /* Asegura que los elementos internos no excedan el borde redondeado */
/*}*/

/* Redondear las esquinas de los elementos internos del botón */
/*.dxbButton_Metropolis .dxb,
.dxbButton_Metropolis .dxb-hbc,
.dxbButton_Metropolis .dxb-hb,
.dxbButton_Metropolis img.dxIcon_actions_close_16x16 {
    border-radius: 15px !important;
}*/

/* Asegurar que las imágenes dentro del botón también tengan bordes redondeados */
/*.dxbButton_Metropolis img {
    border-radius: 50% !important;
}*/






/* Redondear las esquinas del contenedor principal del ASPxPopupControl */
.dxpcLite_MaterialCompact {
    border-radius: 10px !important; /* Redondear los bordes del contenedor del popup */
    overflow: hidden; /* Asegurar que los elementos internos no excedan el borde redondeado */
}

    /* Redondear las esquinas superiores del encabezado del ASPxPopupControl */
    .dxpcLite_MaterialCompact .dxpc-header {
        border-top-left-radius: 10px !important; /* Redondear la esquina superior izquierda del título */
        border-top-right-radius: 10px !important; /* Redondear la esquina superior derecha del título */
    }

    /* Redondear las esquinas inferiores del pie del ASPxPopupControl */
    .dxpcLite_MaterialCompact .dxpc-contentWrapper {
        border-bottom-left-radius: 10px !important; /* Redondear la esquina inferior izquierda del pie */
        border-bottom-right-radius: 10px !important; /* Redondear la esquina inferior derecha del pie */
    }

/* Selecciona todos los ASPxButton con el tema MaterialCompact y aplica border-radius */
.dxbButton_MaterialCompact {
    border-radius: 10px !important; /* Redondear los bordes del contenedor del botón */
    overflow: hidden; /* Asegurar que los elementos internos no excedan el borde redondeado */
}

    /* Asegurarse de que el div interior dentro del botón también tenga bordes redondeados */
    .dxbButton_MaterialCompact .dxb {
        border-radius: 10px !important; /* Redondear los bordes del div interno del botón */
    }

/* Redondear las esquinas del contenedor principal para todos los controles */
.dxeTextBox_MaterialCompact,
.dxeButtonEdit_MaterialCompact,
.dxeListBox_MaterialCompact,
.dxeComboBox_MaterialCompact,
.dxeMemo_MaterialCompact,
.dxeSpinEdit_MaterialCompact,
.dxeDateEdit_MaterialCompact,
.dxeTimeEdit_MaterialCompact,
.dxeDropDownEdit_MaterialCompact,
.dxeColorEdit_MaterialCompact,
.dxeRadioButtonList_MaterialCompact,
.dxeCheckBoxList_MaterialCompact {
    border-radius: 10px !important; /* Ajusta el valor según lo necesario */
    overflow: hidden; /* Asegura que los elementos internos no excedan el borde redondeado */
}

    /* Redondear las esquinas de los inputs y áreas editables dentro de los controles */
    .dxeTextBox_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeButtonEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeComboBox_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeMemo_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeSpinEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeDateEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeTimeEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeDropDownEdit_MaterialCompact .dxeEditArea_MaterialCompact,
    .dxeColorEdit_MaterialCompact .dxeEditArea_MaterialCompact {
        border-radius: 10px !important; /* Ajusta el valor según lo necesario */
    }

    /* Asegurar que las áreas de botones dentro de los controles también tengan bordes redondeados */
    .dxeButtonEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeComboBox_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeSpinEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeDateEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeTimeEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeDropDownEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact,
    .dxeColorEdit_MaterialCompact .dxeButtonEditButton_MaterialCompact {
        border-radius: 10px !important; /* Ajusta el valor según lo necesario */
    }

/* Asegurar que los popups dentro de los controles también tengan bordes redondeados */
.dxpcDropDown_MaterialCompact,
.dxpc-content {
    border-radius: 10px !important; /* Ajusta el valor según lo necesario */
}

/* Redondear las esquinas del contenedor principal de la lista */
.dxeListBox_MaterialCompact, .dxeComboBox_MaterialCompact .dxeDropDownEdit_MaterialCompact {
    border-radius: 10px !important; /* Ajusta el valor según lo necesario */
    overflow: hidden; /* Asegura que los elementos internos no excedan el borde redondeado */
}

/* No redondear las esquinas de las filas y celdas de los items de la lista */
.dxeListBoxItemRow_MaterialCompact {
    border-radius: 0 !important; /* Quita el redondeado de los items */
}

.dxeListBoxItem_MaterialCompact {
    border-radius: 0 !important; /* Quita el redondeado de los items */
}

/* No redondear las esquinas de las cabeceras y elementos internos */
.dxeListBox_MaterialCompact .dxflGroupBoxCaption_MaterialCompact,
.dxeListBox_MaterialCompact .dxflGroup_MaterialCompact {
    border-radius: 0 !important;
}

/* Redondear las esquinas del contenedor principal de la gridview */
.dxgvControl_MaterialCompact {
    border-radius: 10px !important; /* Ajusta el valor según lo necesario */
    overflow: hidden; /* Asegura que los elementos internos no excedan el borde redondeado */
}

/* Redondear las esquinas de las tablas dentro de la gridview */
.dxgvTable_MaterialCompact {
    border-radius: 10px !important; /* Ajusta el valor según lo necesario */
    overflow: hidden; /* Asegura que los elementos internos no excedan el borde redondeado */
}

/* Redondear las esquinas del panel principal del TreeList */
.dxtlControl_MaterialCompact {
    border-radius: 10px !important;
    overflow: hidden; /* Asegura que los elementos internos no excedan el borde redondeado */
}

/* Redondear las esquinas de las celdas de datos */
.dxtlNode_MaterialCompact,
.dxtlAltNode_MaterialCompact,
.dxtlFocusedNode_MaterialCompact {
    border-radius: 10px !important;
}

/* Redondear las esquinas de las tablas internas */
.dxtlControl_MaterialCompact table {
    border-radius: 10px !important;
}

/* Redondear las esquinas del botón con el tema Metropolis */
.dxbButton_Metropolis {
    border-radius: 15px !important;
    overflow: hidden; /* Asegura que los elementos internos no excedan el borde redondeado */
}

    /* Redondear las esquinas de los elementos internos del botón */
    .dxbButton_Metropolis .dxb,
    .dxbButton_Metropolis .dxb-hbc,
    .dxbButton_Metropolis .dxb-hb,
    .dxbButton_Metropolis img.dxIcon_actions_close_16x16 {
        border-radius: 15px !important;
    }

    /* Asegurar que las imágenes dentro del botón también tengan bordes redondeados */
    .dxbButton_Metropolis img {
        border-radius: 50% !important;
    }