/* ============================================================
   SICCOFIN INTERCOP - Estilos globales de editores (XAF WebForms)
   Aplica a TODOS los textbox/combos/memos/fechas del aplicativo.
   Enlazado desde Default.aspx.

   PALETA INSTITUCIONAL — derivada de Pantone 357 C.
   El Pantone es hsl(124, 53%, 18%); los tonos claros son sus TINTAS
   sobre blanco (la forma en que un sistema de marca genera secundarios),
   y los tonos medios se obtienen moviendo la luminosidad en HSL, que
   conserva el tono verde. Mezclar hacia blanco en RGB desatura y
   convierte el verde en gris.

     Pantone 357 C    #154518   (identidad; encabezados y barras)
     Tinta 70%        #5B7D5D   (secundario)
     Tinta 40%        #A1B5A3   (terciario)
     Verde acento     #41894A   (foco de los editores)
     Verde enlace     #2E6634   (enlaces, hover #37773E)
     Gris borde       #C8D2C9   (gris con matiz verde, no azul)
     Gris texto       #1F2937   (neutro, NO se tiñe: es texto de lectura)
     Rojo error       #DC2626   (semantico, NO se tiñe)
   ============================================================ */

/* ---------- Cajas de texto, editores con boton y memos ----------
   Mismo estilo que el login: fondo azulado suave y borde azul grisaceo. */
.dxeTextBox, .dxeButtonEdit, .dxeMemo,
.dxeTextBoxSys, .dxeButtonEditSys, .dxeMemoSys {
    background-color: #F7FBF8 !important;
    border: 1.5px solid #A3BCA5 !important;
    border-radius: 10px !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.dxeEditArea, .dxeMemoEditArea {
    background-color: transparent !important;
    color: #1F2937 !important;
    padding: 4px 8px !important;
}

/* ---------- Estado foco: anillo azul suave ---------- */
.dxeFocused.dxeTextBox, .dxeFocused.dxeButtonEdit, .dxeFocused.dxeMemo,
.dxeFocused.dxeTextBoxSys, .dxeFocused.dxeButtonEditSys, .dxeFocused.dxeMemoSys {
    border-color: #41894A !important;
    box-shadow: 0 0 0 3px rgba(65, 137, 74, .15) !important;
    background-color: #fff !important;
}

/* ---------- Solo lectura / deshabilitado ---------- */
.dxeDisabled.dxeTextBox, .dxeDisabled.dxeButtonEdit, .dxeDisabled.dxeMemo,
.dxeDisabled.dxeTextBoxSys, .dxeDisabled.dxeButtonEditSys, .dxeDisabled.dxeMemoSys {
    background-color: #F3F7F4 !important;
    border-color: #DFE5DF !important;
}

.dxeDisabled .dxeEditArea, .dxeDisabled.dxeEditArea {
    background-color: transparent !important;
    color: #6B7280 !important;
}

/* ---------- Etiquetas de campos (captions del layout) ---------- */
.dxflCaptionCell, .dxflCaptionCellSys,
.dxEditors_edtLabel, .dxeCaption {
    color: #154518 !important;              /* azul institucional */
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .02em;
}

/* ---------- Combos y listas desplegables ---------- */
.dxeListBox, .dxeListBoxSys {
    background-color: #fff !important;
    border-radius: 6px !important;
    border-color: #C8D2C9 !important;
}

.dxeListBoxItemSelected {
    background-color: #154518 !important;
    color: #fff !important;
}

.dxeListBoxItemHover {
    background-color: #E7F0E8 !important;
    color: #0F172A !important;
}

/* ---------- Botones internos de los editores (lupa, calendario, dropdown) ---------- */
.dxeButtonEditButton, .dxeButtonEditButtonSys {
    background-color: #F4F8F4 !important;
    border-left: 1px solid #DFE5DF !important;
}

.dxeButtonEditButtonHover {
    background-color: #E0EBE1 !important;
}

.dxeButtonEditButtonPressed {
    background-color: #CEDFCF !important;
}

/* ---------- Calendario (editores de fecha) ---------- */
.dxeCalendar {
    border-radius: 8px !important;
    border-color: #C8D2C9 !important;
}

.dxeCalendarDaySelected {
    background-color: #154518 !important;
    color: #fff !important;
}

/* ---------- Spin edits (numericos) ---------- */
.dxeSpinIncButton, .dxeSpinDecButton,
.dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    background-color: #F4F8F4 !important;
}

/* ---------- Grupos del layout: titulo de seccion ---------- */
.dxflGroup .dxflGroupCell > .dxflCaption,
.dxflHeader, .dxflH {
    color: #154518 !important;
    font-weight: 700 !important;
}

/* ---------- Validacion: campo con error bien visible ---------- */
.dxeInvalid.dxeTextBox, .dxeInvalid.dxeButtonEdit, .dxeInvalid.dxeMemo,
.dxeInvalid.dxeTextBoxSys, .dxeInvalid.dxeButtonEditSys, .dxeInvalid.dxeMemoSys {
    border-color: #DC2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .12) !important;
}

.dxeErrorCell, .dxeErrorFrame .dxeErrorCell {
    color: #DC2626 !important;
    font-size: 11px !important;
}

/* ============================================================
   Menu de navegacion lateral (ASPxNavBar de XAF).
   El template usa clases con sufijo de tema (p.ej.
   dxnbGroupHeader_XafTheme), por eso se usan selectores
   de comodin [class*="..."] que aplican con cualquier tema.
   ============================================================ */

/* Contenedor del menu */
[class*="dxnbControl"] {
    background-color: #fff !important;
    border: none !important;
}

/* Encabezados de grupo (BIENVENIDA, ASOCIADOS, CAJA, ...)
   Cubre render clasico (dxnbGroupHeader_Tema) y lite (dxnb-header). */
[class*="dxnbGroupHeader"],
[class*="dxnb-header"] {
    background-color: #F1F6F2 !important;
    color: #154518 !important;
    font-weight: 600 !important;
    letter-spacing: .04em;
    border: 1px solid #E0E7E0 !important;
    border-left: 3px solid #154518 !important;
    border-radius: 10px !important;
    margin: 4px 8px !important;
    padding: 8px 14px !important;
    cursor: pointer;
    transition: background .12s ease;
}

[class*="dxnbGroupHeader"] td,
[class*="dxnbGroupHeader"] a,
[class*="dxnbGroupHeader"] span,
[class*="dxnb-header"] a,
[class*="dxnb-header"] span {
    color: #154518 !important;
}

[class*="dxnbGroupHeader"]:hover,
[class*="dxnb-header"]:hover {
    background-color: #E0EBE1 !important;
}

/* Items dentro de cada grupo (clasico dxnbItem / lite dxnb-item) */
[class*="dxnbItem"],
[class*="dxnb-item"] {
    color: #334155 !important;
    border: none !important;
    border-left: 3px solid transparent !important;
    border-radius: 8px !important;
    margin: 1px 8px !important;
    transition: background .12s ease;
}

[class*="dxnbItem"] a,
[class*="dxnbItem"] span,
[class*="dxnb-item"] a,
[class*="dxnb-item"] span,
[class*="dxnb-link"] {
    color: #334155 !important;
}

[class*="dxnbItemHover"],
[class*="dxnb-item"]:hover {
    background-color: #E7F0E8 !important;
    border-left-color: #37773E !important;
}

[class*="dxnbItemHover"] a,
[class*="dxnbItemHover"] span {
    color: #0F172A !important;
}

/* Item seleccionado: fondo azul institucional con texto BLANCO.
   Selector compuesto e insensible a mayusculas: atrapa cualquier
   variante de clase de seleccion del NavBar (dxnb-selected,
   dxnbItemSelected_XafTheme, dxnb-itemSelected, ...) y su mayor
   especificidad le gana a las reglas generales de items. */
[class*="dxnb"][class*="selected" i] {
    background-color: #154518 !important;
    border-left: 3px solid #37773E !important;
    font-weight: 600 !important;
}

[class*="dxnb"][class*="selected" i],
[class*="dxnb"][class*="selected" i] a,
[class*="dxnb"][class*="selected" i] span,
[class*="dxnb"][class*="selected" i] td,
[class*="dxnb"][class*="selected" i] * {
    color: #fff !important;
}

/* Variante TreeView (por si alguna navegacion usa arbol) */
[class*="dxtv-node"]:hover {
    background-color: #E7F0E8 !important;
}

[class*="dxtv-nodeSelected"], .dxtvSelected {
    background-color: #D9E6DA !important;
    font-weight: 600 !important;
}

/* NOTA: los estilos de tabs/contenedores de los DetailView se retiraron:
   los selectores genericos distorsionaban el layout de los campos.
   Si se retoman, hacerlo con las clases exactas del DOM (inspeccionar). */

/* Titulos/captions de grupos y tabs de los DetailView:
   redondeo superior + resalte del nombre. Solo propiedades cosmeticas
   (color, fondo, negrita) que NO alteran tamanos ni flujo del layout. */
[class*="GroupHeader"],
.dxtc-tab, [class*="dxtcTab_"],
[class*="dxrpHeader"],
[class*="dxflGroupBoxCaption"] {
    border-radius: 8px 8px 0 0 !important;
    background-color: #EFF5EF !important;
    color: #154518 !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
}

[class*="GroupHeader"] span,
[class*="GroupHeader"] td,
[class*="GroupHeader"] a,
.dxtc-tab span, .dxtc-tab a,
[class*="dxtcTab_"] span, [class*="dxtcTab_"] a,
[class*="dxrpHeader"] span, [class*="dxrpHeader"] a,
[class*="dxflGroupBoxCaption"] span {
    color: #154518 !important;
    font-weight: 600 !important;
}

.dxflGroup legend, fieldset[class*="dxfl"] legend {
    color: #154518 !important;
    font-weight: 600 !important;
}

/* ============================================================
   MEJORA VISUAL GENERAL  (paleta clara, coherente con el Login)
   Azul institucional #2E6634 como ACENTO; texto #26532A;
   bordes suaves #E3EAE3. Objetivo: menos fatiga visual en
   jornadas largas de caja y lectura comoda de las listas.
   ============================================================ */

/* ---------- Tipografia base y suavizado ---------- */
body, .dxgvControl, .dxeEditArea {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* ---------- LISTAS (grids): lo que el usuario mira todo el dia ---------- */

/* Contenedor: tarjeta con borde suave y esquinas redondeadas */
.dxgvControl, .dxgvControl_Default {
    border: 1px solid #E3EAE3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(38, 83, 42, .06);
}

/* Encabezado de columnas: fondo tenue, texto azul oscuro, separado del cuerpo */
.dxgvHeader, .dxgvHeader_Default, .dxgvGroupPanel {
    background-color: #F3F7F3 !important;
    color: #26532A !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #DDE6DD !important;
    padding: 9px 10px !important;
}

/* Celdas: mas aire = mas legible */
.dxgvDataRow td.dxgv, .dxgvDataRow_Default td.dxgv {
    padding: 8px 10px !important;
    border-bottom: 1px solid #EEF3EE !important;
    color: #213F24;
}

/* Zebra muy sutil (no raya la vista) */
.dxgvDataRowAlt, .dxgvDataRowAlt_Default {
    background-color: #FBFDFB !important;
}

/* Hover: guia la lectura de la fila */
.dxgvDataRow:hover td.dxgv {
    background-color: #EDF4EE !important;
}

/* Fila seleccionada / enfocada: azul SUAVE con barra de acento a la
   izquierda (antes el azul pleno de DevExpress deslumbraba) */
.dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv,
.dxgvSelectedRow_Default td.dxgv, .dxgvFocusedRow_Default td.dxgv {
    background-color: #DDEADE !important;
    color: #0F3313 !important;
    font-weight: 600;
}

.dxgvSelectedRow td.dxgv:first-child, .dxgvFocusedRow td.dxgv:first-child {
    box-shadow: inset 3px 0 0 #2E6634;
}

/* Pie / paginador integrado con la tarjeta */
.dxgvPagerBottomPanel, .dxgvPagerBottomPanel_Default,
.dxgvFooter, .dxgvFooter_Default {
    background-color: #F7FBF8 !important;
    border-top: 1px solid #E3EAE3 !important;
}

/* Totales del pie en negrita azul (sumatorias de las listas) */
.dxgvFooter td.dxgv, .dxgvGroupFooter td.dxgv {
    font-weight: 700 !important;
    color: #26532A !important;
}

/* ---------- BOTONES DE ACCION (barra superior) ---------- */
.dxm-item, .dxmLite .dxm-item {
    border-radius: 8px !important;
}

.dxm-item:hover, .dxmLite .dxm-item:hover {
    background-color: #EDF4EE !important;
    color: #2E6634 !important;
}

/* ---------- Pestanas de los DetailView ---------- */
.dxtc-tab, .dxtcLite .dxtc-tab {
    border-radius: 8px 8px 0 0 !important;
}

.dxtc-activeTab, .dxtcLite .dxtc-activeTab {
    border-bottom: 3px solid #2E6634 !important;
    color: #26532A !important;
    font-weight: 600 !important;
}

/* ---------- Popups / dialogos ---------- */
.dxpc-mainDiv, .dxpcLite .dxpc-mainDiv {
    border-radius: 12px !important;
    border: 1px solid #E3EAE3 !important;
    box-shadow: 0 12px 34px rgba(38, 83, 42, .18) !important;
    overflow: hidden;
}

.dxpc-header, .dxpcLite .dxpc-header {
    background-color: #F3F7F3 !important;
    color: #26532A !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #E3EAE3 !important;
}

/* ============================================================
   DENSIDAD: menu lateral y pestañas mas COMPACTOS

   El menu se veia muy alto (cada grupo ~54px) por dos razones que se
   suman: el relleno propio de las reglas de arriba y, sobre todo, el
   ICONO de 32px que impone la altura de la fila aunque el texto ocupe
   la mitad. Aqui se reduce el relleno y se acota el icono. 24px es el tamaño en el que el icono sigue
   leyendose bien; por debajo se vuelve una mancha.

   REGLA DE ORO (la misma del login): NO se toca 'display' de ningun
   <table>/<tr>/<td> de DevExpress. Solo padding, margin, alto de linea
   y tamaño del icono. Cambiar el display rompe el modelo de tabla con
   el que estos controles se rinden.
   ============================================================ */

/* ---------- Menu lateral (ASPxNavBar) ---------- */

/* Encabezados de grupo: se recorta el relleno vertical y la separacion
   entre grupos, conservando el horizontal para que el texto respire. */
[class*="dxnbGroupHeader"],
[class*="dxnb-header"] {
    margin: 2px 8px !important;
    padding: 5px 12px !important;
    line-height: 1.25 !important;
}

/* El icono es el que manda en la altura de la fila. Acotarlo a 20px la
   baja de golpe sin quitar la referencia visual. */
[class*="dxnbControl"] img,
[class*="dxnbGroupHeader"] img,
[class*="dxnb-header"] img,
[class*="dxnbItem"] img,
[class*="dxnb-item"] img {
    max-height: 24px !important;
    max-width: 24px !important;
    height: auto !important;
    width: auto !important;
}

/* Celdas internas del NavBar: DevExpress les pone relleno propio que se
   SUMA al de arriba. Se anula el vertical (el horizontal lo da el grupo). */
[class*="dxnbGroupHeader"] td,
[class*="dxnb-header"] td,
[class*="dxnbItem"] td,
[class*="dxnb-item"] td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.25 !important;
}

/* Items de cada grupo */
[class*="dxnbItem"],
[class*="dxnb-item"] {
    margin: 0 8px !important;
    padding: 4px 12px !important;
    line-height: 1.25 !important;
}

/* ---------- Pestañas (ASPxPageControl / TabbedGroup) ---------- */
/* Igual que el NavBar, las clases llevan sufijo de tema: comodin. */
[class*="dxtc-link"],
[class*="dxtcTab"] a,
[class*="dxtc-tab"] a {
    padding: 6px 14px !important;
    line-height: 1.3 !important;
}

[class*="dxtcTab"],
[class*="dxtc-tab"] {
    height: auto !important;
}

[class*="dxtcTab"] td,
[class*="dxtc-tab"] td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Iconos de pestaña, misma razon que en el menu.

   OJO CON EL ALCANCE: la version anterior usaba [class*="dxtc"] img, que NO
   distingue la franja de pestañas del CONTENIDO de la pestaña — DevExpress
   nombra los dos con clases dxtc*. Eso achicaba a 16px cualquier imagen dentro
   de un TabbedGroup: las fotos del asociado, el logotipo de Empresa, cualquier
   ImageEditor. Se acota a img.dxtc-img, que es la clase exacta del icono de la
   pestaña (verificada en el DOM).

   Tampoco se fuerza width/height a auto: DevExpress ya sirve estos iconos con
   medida propia y forzar auto solo puede romper los que sean sprite. */
img.dxtc-img {
    max-height: 16px !important;
    max-width: 16px !important;
}

/* Franja de pestañas: sin relleno vertical extra. */
[class*="dxtc-stripContainer"],
[class*="dxtcTabsCell"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ---------- Tipografia del menu ----------
   El rotulo venia al tamaño por defecto del tema y, en MAYUSCULAS, se comia
   el ancho de la columna y obligaba a partir renglones en los nombres largos
   ("RECUPERACION AGENCIAS", "CREDITOS Y PRESTAMOS"). Se baja el cuerpo y se
   quita el espaciado extra entre letras: el texto cabe en una linea y la
   altura de la fila la termina de fijar el icono. */
[class*="dxnbGroupHeader"],
[class*="dxnb-header"],
[class*="dxnbGroupHeader"] a,
[class*="dxnbGroupHeader"] span,
[class*="dxnb-header"] a,
[class*="dxnb-header"] span {
    font-size: 11.5px !important;
    letter-spacing: .01em !important;
}

[class*="dxnbItem"],
[class*="dxnb-item"],
[class*="dxnbItem"] a,
[class*="dxnbItem"] span,
[class*="dxnb-item"] a,
[class*="dxnb-item"] span,
[class*="dxnb-link"] {
    font-size: 11.5px !important;
    letter-spacing: 0 !important;
}

/* ---------- Compactar la BARRA DE ACCIONES (Nuevo / Editar / Actualizar / Exportar) ----------
   Medido en el DOM: DevExpress sirve los iconos de accion a 32x32 naturales y
   el rotulo a 14px, asi que la barra quedaba mucho mas alta que el resto de la
   interfaz (el menu lateral ya esta en 24px).

   Se acota el icono a 20px y se baja el cuerpo del texto. La altura del boton
   la fija el <a class="dxm-content">, que es la superficie real con relleno
   propio; el <li class="dxm-item"> solo aporta 3px horizontales.

   NO se toca 'display' de estos elementos: el menu de DevExpress se apoya en
   su propio modelo de caja y cambiarlo rompe la alineacion (misma leccion del
   login, documentada en LoginStyles.css). */
/* Iconos de la barra de acciones.

   MEDIDA EXPLICITA, NO 'auto'. Estos iconos son SVG servidos por DXX.axd
   (clase menuActionImageSVG) y DevExpress les pone height/width:24px en linea.
   Al forzar 'auto' se pisaba ese valor, y un SVG sin dimensiones intrinsecas
   resuelto a auto COLAPSA A CERO: el boton "Restablecer vista" quedaba con
   width/height computados en 0px — presente y clicable, pero invisible. La
   campana de notificaciones quedaba en 9px por lo mismo.

   Con 20px fijos el icono tiene caja real. Son cuadrados (150x150 naturales),
   asi que dar las dos medidas no los deforma. */
img.dxm-image {
    width: 20px !important;
    height: 20px !important;
}

.dxm-item.hasImage,
.dxm-item.captionAndImage {
    font-size: 12.5px !important;
}

/* El relleno necesita MAS especificidad que la del tema: DevExpress lo fija
   con selectores de 3 clases, asi que "a.dxm-content.dxm-hasText" perdia y el
   boton conservaba su alto. Verificado en el DOM. */
body li.dxm-item > a.dxm-content.dxm-hasText,
body .dxmLite li.dxm-item > a.dxm-content {
    padding: 4px 8px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}

/* El cuadro de busqueda de la barra sigue la misma altura para no descuadrarla. */
.dxeButtonEdit.dxeButtonEditSys input,
.dxeButtonEdit input.dxeEditArea {
    font-size: 12.5px !important;
}

/* ---------- Compactar las PESTAÑAS de los DetailView ----------
   Medido en Empresa_DetailView: a.dxtc-link venia con font-size 16px y
   padding 6px 14px, o sea 43px de alto por pestaña. Con la barra de acciones
   ya en 12.5px y el menu lateral en 11.5px, las pestañas eran lo unico que
   seguia en el tamaño original del tema y se veian desproporcionadas.

   El alto lo fija el <a class="dxtc-link">, no el <li>: el li tiene padding 0
   y solo envuelve. Por eso la regla va sobre el enlace.

   Se prefija con 'body' para ganarle en especificidad a las reglas del tema,
   que usan selectores de tres clases (misma correccion que hizo falta en la
   barra de acciones).

   El icono ya lo sirve DevExpress a 16px en linea; se deja como esta. */
body .dxtc-link,
body .dxtcLite .dxtc-link,
body [class*="dxtc"] a.dxtc-link {
    font-size: 12.5px !important;
    padding: 5px 12px !important;
    line-height: 1.3 !important;
}

/* La franja de pestañas no necesita alto minimo propio una vez que el enlace
   es mas bajo; si el tema lo impone, se libera. */
body .dxtc-stripContainer,
body .dxtc-strip {
    min-height: 0 !important;
}

/* ============================================================================
   NOTA (lección aprendida): NUNCA usar el atajo 'background' para fijar un
   color en un elemento de DevExpress.

   'background: #F4F8F4' es la propiedad ABREVIADA y, por definición, reinicia
   'background-image' a none. DevExpress dibuja muchos glifos como SPRITE en el
   background-image del propio elemento: la lupa y el borrador de los editores
   de búsqueda, las flechas de los spin, los nodos del árbol.

   El resultado era un botón que respondía al hover pero sin icono — reportado
   en el campo PROFESION del Cliente. Las 26 reglas de este archivo se pasaron
   a 'background-color', que fija el color sin tocar la imagen.
   ============================================================================ */

/* ============================================================
   FILTRO DE COLUMNA POR FECHA (header filter con Desde / Hasta)

   El calendario de "Desde"/"Hasta" se abre DENTRO del popup del filtro,
   y ese popup tenia el contenido con scroll (alto fijo ~130px) y el
   marco con overflow:hidden (regla .dxpc-mainDiv de arriba). Resultado:
   el calendario salia recortado a la derecha y abajo.

   1) Solo para los filtros de FECHA (:has(.dxgvHFDRP)): el popup crece
      a su contenido, sin scroll, y deja ver lo que sobresale.
      Los filtros de lista (texto, numeros) NO se tocan: siguen con scroll.
   2) Calendario compacto (el tema lo dibujaba a 16px y 444px de ancho,
      mas ancho que el propio popup) y sin numero de semana.
   3) El calendario se alinea con el borde izquierdo del popup: asi queda
      siempre dentro del ancho del popup, aunque la columna este pegada al
      borde derecho de la lista (el contenedor de la lista tambien recorta).
   ============================================================ */
.dxpclW:has(.dxgvHFDRP),
.dxpc-mainDiv.dxpc-hf:has(.dxgvHFDRP),
.dxpc-mainDiv.dxpc-hf:has(.dxgvHFDRP) > .dxpc-contentWrapper,
.dxpc-mainDiv.dxpc-hf:has(.dxgvHFDRP) .dxpc-contentWrapper > .dxpc-content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.dxpc-hf .dxdd-root {
    left: 0 !important;
}

.dxpc-hf .dxdd-cal .dxeCalendar,
.dxpc-hf .dxdd-cal .dxeCalendar td {
    font-size: 13px !important;
}

.dxpc-hf .dxdd-cal td[class*="dxeCalendarDay"],
.dxpc-hf .dxdd-cal td[class*="dxeCalendarOtherMonth"],
.dxpc-hf .dxdd-cal td[class*="dxeCalendarWeekend"],
.dxpc-hf .dxdd-cal td[class*="dxeCalendarToday"],
.dxpc-hf .dxdd-cal td[class*="dxeCalendarSelected"],
.dxpc-hf .dxdd-cal td[class*="dxeCalendarDayHeader"] {
    padding: 4px 3px !important;
}

.dxpc-hf .dxdd-cal td[class*="dxeCalendarHeader"] {
    padding: 6px 8px !important;
}

.dxpc-hf .dxdd-cal td[class*="dxeCalendarFooter"] {
    padding: 6px !important;
}

/* Numero de semana: ocupa ancho y no aporta al filtrar. Se oculta la
   celda de un calendario flotante (no es la tabla de layout de XAF). */
.dxpc-hf .dxdd-cal td[class*="dxeCalendarWeekNumber"] {
    display: none !important;
}