:root {
   --rz-primary: rgb(42, 47, 114);
   --rz-card-padding: 0.1rem;
   --rz-datalist-item-padding: 0rem;
   --rz-datalist-padding: 0.1rem;
   --rz-grid-cell-padding: 0.1rem 0.1rem;
   --rz-dialog-title-background-color: var(--rz-primary);
   --rz-dialog-title-color: white;
   --rz-dialog-close-color: white;
}

.rz-body {
   padding: 0;
   margin: 0;
}

/**** Listas ***/

@media screen and (min-device-width: 600px) {

   .rz-datalist-data > li {
      margin: 0;
      padding: 0;
   }
}

@media screen and (max-device-width: 600px) {

   .rz-datalist-data > li {
      margin: 0;
      padding: 0;
      border-color: darkblue;
   }
}

.rz-calendar .rz-inputtext {
   padding: 0;
   padding-right: 0.25rem !important;
}
/****** TABLA **************/
.rz-grid-table td .rz-cell-data {
   font-size: 0.65rem;
}

.rz-grid-table thead th .rz-column-title {
   font-size: 0.5rem;
   line-height: 0.75rem;
   padding: 0 0.1rem 0 0.1rem;
}

.rz-grid-table thead th {
   padding: 0 0;
}

.rz-grid-table .rz-cell-data .rz-button-sm.rz-button-icon-only {
   padding: 0 0.25rem;
   min-height: 1.75rem;
   height: 1.75rem;
}

.rz-grid-table td {
   padding: 0.0rem 0.1rem 0.0rem 0.1rem;
}

/******************* combos *************/

.rz-row {
   row-gap: 0.2rem;
}

.rz-datalist-data {
   padding: 0.15rem 0.15rem;
}


.rz-calendar .rz-inputtext {
   height: 1.5rem;
   font-size: small;
}

.rz-dropdown {
   height: 1.5rem;
   /*padding: 0rem 0.25rem;*/
   padding: 0;
   font-size: small;
}

.rz-dropdown-items li {
   font-size: 13px !important;
}

.rz-textarea {
   padding: 0rem 0.25rem;
   font-size: x-small;
}

/*.rz-dropdown-label{
	padding: 0rem 0.25rem;
}*/

/******* OPTION BUTONS ***************/
.rz-radiobutton-label {
   margin: 0rem 0.15rem;
   font-size: x-small;
}

/******* Spiner*****/
.rz-spinner {
   height: 1.75rem;
}
/******************* Customize *************/
.texto-titulos {
   font-size: x-small;
}

.texto-normal {
   font-size: x-small;
   padding-left: 0.25rem;
}

.texto-mini {
   font-size: xx-small;
}

.texto-titulos-negrilla {
   font-size: x-small;
   font-weight: bolder;
   padding-left: 0.25rem;
}

.fila-corta {
   line-height: 0.75rem;
}

.boton-estrecho {
   margin-left: 1rem;
   padding: 0;
   min-height: 1.5rem;
}

.letra-x-small {
   font-size: x-small;
   align-self: center;
}

.letra-small-color {
   font-size: x-small;
   color: var(--rz-primary);
   align-self: center;
}

.boton-chico {
   padding: 0rem 0.25rem;
   min-height: 1.5rem;
   font-size: x-small
}

.columna-min {
   line-height: 1rem;
   padding: 0.1rem;
}

/**** Paneles con titulo *****/

.rz-panel-titlebar {
   background-color: #2A2F72;
   color: white;
}

/****** COLORES ******/

.color-azul {
   color: darkblue;
}

/***** rows */

.row {
   padding: 0rem 0rem;
   margin: 0rem 0rem;
}

   .row > * {
      padding: 0rem 0rem;
   }


/*************************** TEXT NUMEICO********/
.rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
   height: 1.5rem;
}

   .rz-numeric input[type="number"], .rz-numeric input[type="text"] {
      padding-inline: 0.15rem 0.15rem;
      font-size: 0.8rem;
   }

/*****  ******/

.etiqueta-small {
   font-size: x-small
}


/***** Para ventanas emergentes ******/


.fila-normal td {
   background-color: white !important;
}

.fila-suma td {
   background-color: beige !important;
}

.fila-total td {
   background-color: lightskyblue !important;
}

.grupo-cabecera td:not(:nth-child(2)) {
   text-align: center;
   display: none !important;
}

.rz-grid-table td .rz-cell-data {
   color: var(--rz-grid-cell-color);
   font-size: 0.65rem;
   line-height: 1rem;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.rz-grid-table thead th > div:not(.rz-cell-filter) {
   padding: 0;
   background-color: beige;
}

.rz-dialog .rz-dialog-titlebar {
   padding: 0.25rem !important;
}

.rz-group-header {
   display: flex;
   justify-content: center;
   gap: 0;
   padding: 0;
   background-color: darkblue;
   border-bottom: var(--rz-grid-bottom-cell-border);
   color: white;
}

.rz-button-md {
   padding: 0.25rem 0.5rem;
   line-height: 1.25rem;
   min-height: 1.75rem;
   text-transform: capitalize;
}

.fila-titulo-documentos {
   background-color: #2A2F72;
   color: white;
   font-weight: bold;
   font-size: 0.75rem;
   padding: 0.25rem 0;
   margin-top: 0.5rem;
}

.fila-encabezado-documentos {
   background-color: #e0e0e0;
   font-weight: bold;
   font-size: 0.65rem;
   padding: 0.15rem 0;
}

.fila-documento {
   background-color: white;
   font-size: 0.65rem;
   padding: 0.1rem 0;
   border-bottom: 1px solid #f0f0f0;
}

.fila-documento-saldado {
   background-color: rgba(255, 255, 0, 0.2);
   font-size: 0.65rem;
   padding: 0.1rem 0;
   border-bottom: 1px solid #f0f0f0;
}

.fila-total-documentos {
   background-color: #f5f5f5;
   font-weight: bold;
   font-size: 0.7rem;
   padding: 0.2rem 0;
   margin-top: 0.25rem;
}

.etiqueta-saldado {
   font-size: 0.55rem;
   color: #856404;
   font-style: italic;
   margin-left: 0.25rem;
}

.saldo-favor-cliente {
   background-color: rgba(144, 238, 144, 0.3);
   padding: 0.2rem 0.3rem;
   border-radius: 3px;
}

.saldo-contra-cliente {
   background-color: rgba(255, 99, 71, 0.3);
   padding: 0.2rem 0.3rem;
   border-radius: 3px;
}

.descripcion-clase {
   font-size: 0.6rem;
   font-style: italic;
   color: #555;
}
