#corpus-app {
  border: 1px solid;
  width: 1108px;
  height: 900px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.mapdiv{
  width: 470px;
  background-color: #FFFFFF;
  height: 500px;
}

.corpus-app {
  @at-root {
    @import 'container';
    @import 'player';
    @import 'results';

    &-container{
      display: block;
      width: 50%;
      height: 900px;
      float: left;
      border-top: none;
      border-right: 1px solid grey;
    }
    &-wrapper{
      height: 900px;
      display : flex;
      flex-flow: column;
      border: none;
    }
    &-player,
    &-results {
      padding: 0 10px;
      margin-bottom: 10px;
      background-color: #eeeeee;
    }
    &-player{
      flex: 0 1 auto;
      float: left;
      border-left: none;
      border-top: none;
    }
    &-results {
      flex: 1 1 auto;
      float: left;
      overflow: auto;
      border-left: none;
      border-top: none;
    }
  }
}