@import "~gmf/less/vars.less";

@profile-height: 20rem;
.gmf-profile-container {
  position: relative;
  overflow: hidden;
  @profile-legend-width: 15rem;
  padding: @app-margin;
  border-top: solid 1px black;
  background-color: white;
  height: @profile-height;
  display: flex;

  .ngeo-profile {
    width: ~"calc(100% - @{profile-legend-width})";
    background-color: #f5f5f5;
  }

  .gmf-profile-legend {
    list-style-type: none;
    width: @profile-legend-width;
    padding: @app-margin;
  }

  .gmf-profile-export {
    position: absolute;
    right: @app-margin;
    bottom: @app-margin;
  }

  .gmf-profile-error {
    width: 100%;
  }

  .close {
    height: 1rem;
  }
}

.gmf-profile-chart-active main {
  height: calc(~'100%' - @profile-height);
}

@import "~gmf/less/vars.less";

@profile-height: 20rem;
.panel.gmf-profile-container {
  position: relative;
  overflow: hidden;
  @profile-legend-width: 15rem;
  padding: @app-margin;
  border-top: solid 1px black;
  background-color: white;
  height: @profile-height;
  display: flex;

  .ngeo-profile {
    width: ~"calc(100% - @{profile-legend-width})";
    background-color: #f5f5f5;
  }

  .gmf-profile-legend {
    list-style-type: none;
    width: @profile-legend-width;
    padding: @app-margin;
  }

  .gmf-profile-export {
    position: absolute;
    right: @app-margin;
    bottom: @app-margin;
  }

  .gmf-profile-error {
    width: 100%;
  }

  .close {
    height: 1rem;
  }
}

.gmf-profile-chart-active main {
  height: calc(~'100%' - @profile-height);
}

Fix css class for gmf-contextualdata
Fix css class for gmf-contextualdata
