* { box-sizing: border-box; }
.dx-datagrid-summary-item { font-size: 11px !important; }
#reporte-resultado-comparativo #gridCuadre .dx-datagrid-rowsview {border-color: white; color: black !important; font-weight: bold  }
#reporte-resultado-comparativo #gridContainers .dx-datagrid-total-footer { border-color: white; padding: 0px; display: none; }
#reporte-resultado-comparativo #gridContainers .dx-datagrid-headers { font-weight: bold; font-size: 12px; border-color: black}
#reporte-resultado #gridCuadre .dx-datagrid-rowsview {border-color: white; color: black !important; font-weight: bold  }
#reporte-balance #gridCuadre .dx-datagrid-rowsview {border-color: white; color: black !important; font-weight: bold  }
#reporte-resultado-comparativo #gridContainers .dx-datagrid-group-footer { border-color: white; font-weight: bold;}
#reporte-resultado #gridContainers .dx-datagrid-headers { font-weight: bold; font-size: 12px; border-color: black}
#reporte-resultado #gridContainers .dx-datagrid-total-footer { border-color: white; padding: 0px; display: none; }
#reporte-balance #gridContainers .dx-datagrid-total-footer { border-color: white; padding: 0px; display: none; }
#reporte-balance #gridContainers .dx-datagrid-headers { font-weight: bold; font-size: 12px; border-color: black}
#reporte-resultado-comparativo .dx-row.dx-datagrid-group-footer>td { border-top-color: white !important; }
#reporte-resultado #gridContainers .dx-datagrid-group-footer { border-color: white; font-weight: bold;}
#reporte-resultado-comparativo #gridContainers .dx-datagrid-rowsview:contains(':'){text-style: italic;}
#reporte-balance #gridContainers .dx-datagrid-group-footer { border-color: white; font-weight: bold;}
#reporte-resultado .dx-row.dx-datagrid-group-footer>td {   border-top-color: white !important; }
#reporte-balance .dx-row.dx-datagrid-group-footer>td { border-top-color: white !important; }
#reporte-resultado-comparativo #gridCuadre .dx-datagrid-total-footer {border-color: white}
#reporte-resultado #gridContainers .dx-datagrid-rowsview:contains(':'){text-style: italic;}
#reporte-balance #gridContainers .dx-datagrid-rowsview:contains(':'){text-style: italic;}
#reporte-resultado-comparativo .dx-datagrid-group-closed {   display: none !important; }
#reporte-resultado-comparativo .dx-datagrid-group-opened { display: none !important;}
#gridCuadre .dx-datagrid-headers.dx-datagrid-nowrap { display: none !important; }
#reporte-resultado #gridCuadre .dx-datagrid-total-footer {border-color: white}
#reporte-balance #gridCuadre .dx-datagrid-total-footer {border-color: white}
#reporte-resultado-comparativo .dx-column-lines td { border-color: white; }
#reporte-resultado-comparativo .dx-group-footer td { border-color: white; }
#reporte-resultado .dx-datagrid-group-closed {   display: none !important; }
#reporte-movimiento  .dx-datagrid-group-closed {  display: none !important;}
.cdk-overlay-connected-position-bounding-box { position: fixed !important; }
#reporte-resultado-comparativo .dx-datagrid-headers { border-bottom: none; }
#reporte-movimiento .dx-datagrid-group-opened {  display: none !important;}
#reporte-balance .dx-datagrid-group-closed {   display: none !important; }
#reporte-resultado .dx-datagrid-group-opened {  display: none !important;}
#reporte-resultado-comparativo .dx-datagrid-summary-item {color: black;}
#reporte-resultado-comparativo #gridCuadre { color: black !important; }
#reporte-balance .dx-datagrid-group-opened {  display: none !important;}
#reporte-resultado .dx-datagrid-headers {     border-bottom: none; }
#reporte-resultado .dx-column-lines td {   border-color: white; }
#reporte-resultado .dx-group-footer td {   border-color: white; }
#reporte-balance  .dx-column-lines  td { border-color: white ; }
#reporte-balance  .dx-group-footer  td { border-color: white ; }
#reporte-balance .dx-datagrid-headers {     border-bottom: none; }
div#reporte-resultado-comparativo { font-size: 1.8vh !important; }
.page-item.active {  background-color: darkgreen !important;}
#reporte-resultado .dx-datagrid-summary-item {color: black;}
#reporte-diario-resumen td.dx-group-cell { white-space: pre; }
#reporte-resultado #gridCuadre { color: black !important; }
#reporte-balance .dx-datagrid-summary-item {color: black;}
#reporte-balance #gridCuadre { color: black !important; }
.cancelacion { background-color: #559620 !important; }
#reporte-diario td.dx-group-cell { white-space: pre; }
.dx-popup-content #popup { padding: 0px !important; }
.cdk-overlay-pane { position: absolute !important; }
#form-producto {  background-color: transparent;}
.boton:hover{ background: #64a82f !important;}
.dx-texteditor-input { margin: 0px !important; }
#cdk-overlay-0 { margin-top: 25px !important; }
.RECHAZADA {  background-color: lightsalmon;}
.APROBADA {  background-color: lightgreen;}
.INGRESADA {  background-color: lightblue;}
.SUMATORIA {font-weight: bold !important;}
.ANULADA {  background-color: lightyellow;}
.boton { background: #559620 !important;}
.control { margin-top: 13px !important; }
.labelSelect { padding: 0px !important;}
.row { margin-bottom: 0px !important; }
.mostrar { display: block !important; }
.opciones ul li a { font-size: 0.7vw;}
textarea {  padding: 0px !important;}
nav ul li { display: inline-block; }
#form-usuario { margin-top: 10%; }
.contrato-ingreso { margin: 2%; }
.text-nowrap{ color: white;}
.search { margin: 0px; }
.search {  width: 30%;}
.btn { width: 100%;}
th {  height: 50px;}
h1 { margin: 0px;}
body {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100% !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#cosechaM input.dx-texteditor-input {
  text-align: center;
  font-size: 25px !important;
  font-weight: bold;
}
button { font-size: 0.65em !important; }
.tab { font-weight: bold; }
h3 {
  font-weight: bold;
  padding: 0.6%;
  font-size: 2rem;
}
.panel-title {
  min-height: 4vh !important;
  background-color: darkgreen;
  color: white;
  font-size: 1.3rem !important;
  padding: 1%;
  margin-bottom: 1%;
}
.panel-subtitle {
  max-height: 5vh !important;
  min-height: 5vh !important;
  background-color: darkgreen;
  color: white;
  font-size: 1.0rem !important;
  padding: 1%;
  margin-bottom: 1%;
}
.panel-subtitles {
  max-height: 6.5vh !important;
  background-color: darkgreen;
  color: white;
  font-size: 1.0rem !important;
  padding: 1%;
  margin-bottom: 1%;
}
.panel {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 1%;
  background-color: white;
}
.panel-content {
  padding-bottom: 1% !important;
  background-color: white;
}
label { padding: 0px !important; }
@media only screen and (min-width: 1200px) {
  html { font-size: 15px; }
}
#content {
  padding: 0px;
  margin: 0px;
  height: 100% !important;
}
 #reporte-movimiento .dx-datagrid-rowsview .dx-row.dx-group-row {
   color: black !important;
   background-color: white !important;
 }
.example-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
td.dx-master-detail-cell {
  padding: 10px !important;
  font-size: 1rem !important;
}
.material-icons {
  font-size: 24px !important;
  color: rgba(255, 255, 255, 0.95);
}
.groups {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: darkgreen;
  border-radius: 15px;
}
.titulos {
  background-color: darkgreen;
  border-radius: 18px 18px 0px 0px;
  width: 100%;
}
#reporte-balance .dx-datagrid-rowsview .dx-row.dx-group-row {
  color: black ;
  background-color: white !important;
}
#reporte-resultado .dx-datagrid-rowsview .dx-row.dx-group-row {
   color: black;
   background-color: white !important;
 }
#reporte-resultado-comparativo .dx-datagrid-rowsview .dx-row.dx-group-row {
   color: black;
   background-color: white !important;
 }
.dx-state-disabled {
  color: black !important;
  opacity: 1 !important;
}
.totales {
  color: black !important;
  font-weight: bold !important;
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: black !important;
  border-bottom-style: double !important;
  border-bottom-width: 1px !important;
  border-bottom-color: black !important;
}
h3 {
  background-color: darkgreen !important;
  margin: 0px;
  color: white;
}
.activado {
  background: #276600 !important;
  border-bottom-color: white !important;
  border-bottom: 1px;
}
#filtro {
  background-color: white;
  padding: 5px;
}
#formContrato {
  margin: 0 auto !important;
  padding: 20px;
  height: auto !important;
  background-color: rgba(255, 255, 255, 0.95);
}
.imagen-relleno {
  background: #ccc;
  width: 100%;
  height: 200px;
}
menu {
  margin: 0px;
  padding: 0px;
}
nav {
  background: #559620 !important;
  padding: 0px;
}
nav ul {
  margin: 0px;
  list-style: none;
}
nav ul li a {
  display: block;
  color: white;
  transition: all 300ms;
}
nav ul li a:hover {
  text-decoration: none;
  background: #64a82f !important;
}
#header {
  background-color: white;
  color: white;
  font-size: 15px !important;
}
.controles {
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 0px;
}
.opciones ul li {
  display: inline-block;
  list-style: none;
}
.opciones ul {
  padding: 0px;
  margin: 0px;
}
thead {
  background-color: darkgreen !important;
  color: white !important;
}
#tabla-resumen {
  margin-right: 1em;
  margin-left: 1em;
}
tfoot { background-color: white;}
#contrato-reporte {
  padding: 25px;
  background-color: transparent;
}
#contrato-reporte-compra {
  padding: 25px;
  background-color: transparent;
}
.dx-header-row {
  color: black !important;
  font-size: 0.9em !important;
}
.dx-datagrid-rowsview {
  color: black !important;
  font-size: 0.85em !important;
}
.dx-field-value {
  padding: 0px !important;
  background-color: transparent !important;
  width: 100% !important;
}
dx-autocomplete {
  background-color: transparent !important;
  border: 0 !important;
  width: 100% !important;
}
dx-date-box {
  background-color: transparent !important;
  border: 0 !important;
  width: 100% !important;
}
dx-data-grid {
  width: 100% !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}
.dx-datagrid-search-panel {
  margin: 0px !important;
  width: 100% !important;
}
.dx-toolbar-after {
  padding: 0px !important;
}
.nobreak {
 page-break-inside:avoid;
}
table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
dx-data-grid#gridContratoss {
  height: 600px;
}
h3 {
  margin-bottom: 0px !important;
}
.dx-datagrid-search-panel {
  width: 500px !important;
}
.mat-menu-panel {
  padding-top: 0px;
}
#chart {
  width: 100%;
  height: 700px; /* Ajusta según el espacio disponible */
}