html,
    body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

    #viewDiv {
    flex: 1;
    width: 100%;
    }

    #appContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    }

    #viewDiv {
    flex: 1;
    width: 100%;
    }
    #viewDiv .esri-view-surface:focus::after {
      outline: auto 0px !important;
    }

    .container {
    display: flex;
    flex: 1;
    width: 100%;
    }

    .hidden {
    display: none;
    }

    #features {
      float: left;
      width: 100%;
      height: 40%;
      padding: 1em;
    }
    #scroller {
        display: block;
        transform: translateY(0);
        width: auto;
        height: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    /* #featuretable{
        display: block;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: -2;
        position: relative;
        outline: none;
    } */
    .esri-feature{
      padding:15px;
    }
    /* #samenmetenpopup {
        width : 70%;
    } */