.grafico-canvas {
  /*flex: 1;*/
  width: 100%;
  padding: var(--margen_0);
  background-color: var(--bg_3);
  box-sizing: border-box;
  border-radius: var(--margen_1);
  z-index: 1;
  min-height: var(--contenedor_principal);
}

.grafico-canvas.ancho {
  width: 100%;
}

.grafico-canvas .grafico {
  width: 100%; /*792px;*/
  height: calc(var(--contenedor_principal) - var(--margen_1) - 40px);
  border-radius: var(--radio_1);
  z-index: 10;
}

.opciones.encabezado {
  text-align: left;
  display: flex;
  flex-direction: row;
  padding: var(--margen_0);
  /*height: 60px;*/
  border-radius: var(--radio_1);
  background-color: var(--bg_7);
  width: 100%;
}

.opciones.encabezado select {
  display: flex;
  flex-direction: row;
  padding: 2px;
  padding-left: var(--margen_1);
  width: 200px;
  margin: 0 var(--margen_1);
  height: 32px;
  min-height: initial;
}

.opciones.encabezado input[type='text'],
.opciones.encabezado button {
  margin: 0 var(--margen_1);
  width: 200px;
  height: 32px;
  min-height: initial;
}

.opciones.encabezado .celda {
  width: 160px;
  padding-top: 4px;
}

.opciones.encabezado .celda.ancho {
  width: 200px;
  padding-top: 4px;
}
/*
.opciones.encabezado .bicono {
    height: 32px;
} */

.opciones.encabezado .celda b {
  margin-left: var(--margen_1);
}

/* Formulario configurar */
.grafico-canvas.plantilla {
  min-height: initial;
}

.grafico-canvas.plantilla .grafico {
  height: 360px !important;
}

.grafico-canvas.plantilla .opciones {
  display: none;
}

/* Propagacion - Agregar */
.grafico-canvas.propagacion {
  min-height: initial;
}

.grafico-canvas.propagacion .grafico {
  height: 300px !important;
}

.grafico-canvas.propagacion .opciones {
  display: none;
}

/* Propagacion - Registro */
.grafico-canvas.propagacion-show {
  min-height: initial;
}

.grafico-canvas.propagacion-show .grafico {
  height: 240px !important;
  width: 99% !important;
}

.grafico-canvas.propagacion-show .opciones {
  display: none;
}

/* Propagacion - Configurar */
.grafico-canvas.propagacion-configurar {
  min-height: initial;
}

.grafico-canvas.propagacion-configurar .grafico {
  height: 280px !important;
  width: 99% !important;
}

.grafico-canvas.propagacion-configurar .opciones {
  display: none;
}

.grafico-canvas .titulo {
  height: 24px;
}

/* Opereciones - Registro */
.grafico-canvas.operaciones-show {
  min-height: initial;
}

.grafico-canvas.operaciones-show .grafico {
  height: 240px !important;
  width: 99% !important;
}

/* BOTONES */

.grafico-presentacion {
  text-align: left;
  display: flex;
  flex-direction: row;
}

.grafico-presentacion button {
  box-shadow: initial;
}

.grafico-presentacion button.activo {
  background-color: initial;
}

.grafico-presentacion button:hover {
  box-shadow: initial;
}

.grafico-presentacion button.activo:hover {
  background-color: var(--bg_7);
}