/* =========================================================
   BULLASMETEO MODEL EXPLORER v0.5.6
   ========================================================= */

.point-tools{
  min-height:37px;

  display:none;
  align-items:center;
  gap:8px;

  padding:5px 9px;

  border-bottom:1px solid #edf1f4;

  background:
    linear-gradient(
      to right,
      #f8fafb,
      #fff
    );
}


.point-tools-label{
  color:#73818c;

  font-size:8px;
  font-weight:900;

  letter-spacing:.65px;
  text-transform:uppercase;
}


.point-tools select{
  height:27px;

  padding:0 28px 0 9px;

  border:1px solid #d8e1e7;
  border-radius:7px;

  background:#fff;

  color:#304655;

  outline:0;

  font-size:9px;
  font-weight:800;

  cursor:pointer;
}


.point-tools select:focus{
  border-color:#79aeca;

  box-shadow:
    0 0 0 2px
    rgba(40,120,184,.09);
}


.point-tools-note{
  color:#82909b;

  font-size:8px;
  font-weight:650;
}


body.point-open
.point-panel{
  height:390px;
}


.point-chart-shell{
  min-height:0;
}


@media(max-width:900px){

  body.point-open
  .point-panel{
    height:min(
      66vh,
      500px
    );
  }

  .point-tools{
    overflow-x:auto;

    white-space:nowrap;
  }

  .point-tools-note{
    display:none;
  }
}


/* =========================================================
   v0.5.6a
   FIX: ECharts había quedado dentro de un contenedor
   con min-height:0.
   ========================================================= */

body.point-open .point-panel{
  height:540px !important;
}


.point-chart-shell{
  display:block !important;

  flex:1 1 290px !important;

  height:290px !important;
  min-height:290px !important;

  overflow:hidden;
}


#pointChart{
  display:block !important;

  width:100% !important;

  height:290px !important;
  min-height:290px !important;
}


.point-tools{
  flex:0 0 37px;
}


@media(max-width:900px){

  body.point-open .point-panel{
    height:min(
      72vh,
      560px
    ) !important;
  }

  .point-chart-shell,
  #pointChart{
    height:280px !important;
    min-height:280px !important;
  }
}