.widgetcontainer {
  width: 100%;
  /*border: 1px solid cyan;*/

  .row {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 5px;
    text-align: left;
    rowend {
      width: 100%;
      flex-grow: 100;
      flex-shrink: 0;
    }
  }

  #image {
    border: 1px solid red;
    display: inline-block;
    /*margin-left: 5px;*/
    margin-right: 5px;
    cursor: crosshair;
    flex-grow: 0;
    flex-shrink: 0;
    z-index: 1;
  }
  svg {
    path { fill: none; }
    g {
      text {
        font-size: 9pt;
        fill: black;
      }
    }
    g.axis {
      g.tick {
        color: black;

        line {
          stroke: #000;
        }
      }
      path { stroke: #000; }
    }
    g.grid {
      line {
        stroke: #888;
      }
    }
    rect.selection.dragging {
      fill: rgba(0, 255, 0, 0.4);
    }
  }
  #barchartX {
    /*border: 1px solid red;*/
    flex-grow: 0;
    flex-shrink: 0;
    transform: rotate(-90deg);
    transform-origin: 100% 0%;
    position: relative;
    left: -572px;
  }
  #barchartY {
    /*border: 1px solid red;*/
    display: block;
    margin-left: 88px;
    /*margin-left: 5px;*/
  }
  #intensityChart {
    transform: rotate(-90deg);
    transform-origin: 100% 0%;
    /*position: relative;*/
    margin-left: -480px;
  }
  #sliders {
    display: table-cell;
    height: auto;
    width: 80px;
  }
  div.slider {
    display: inline-block;
    height: 100%;
    width: 38px;
  }
  div.slider .ui-slider-handle {
    /*width: 45px;*/
    width: 36px;
    left: 0px;
    z-index: 6;
    text-align: center;
  }
  div.slider::after {
    position: absolute;
    transform: rotate(-90deg);
    top: 80%;
    left: -15px;
    z-index: 5;
  }
  div.slider.brightness::after {
    content: "Brightness";
  }
  div.slider.contrast::after {
    content: "Contrast";
  }
  div.text {
    display: inline-block;
    width: 10px;
  }

  #outputValues {
    width: 128px;
    height: 128px;
    /*border: 1px solid black;*/
    margin-top: 5px;
    margin-bottom: 10px;
    display: table;
    /*margin-left: 133px;*/
    ul {
      display: table-row;
      li {
        display: table-cell;
        text-align: right;
        padding-right: 5px;
      }
      input {
        display: table-cell;
        height: 24px;
        font-size: 14px;
      }
    }
  }
}
