#schleier {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width:400px;
  z-index: 99;
  background-color: #263238;
  display: none;

  &.is-visible{
    display: block;
  }

  #filterBox {
    height: 100%;

    .head-region{
      height: 8%;
      margin: 2% 15px;
      overflow: hidden;
      position: relative;

      .filterBox-close{
        font-size: 1.3em;
        position: absolute;
        top: 0;
        right: 0;
        color: #4BC0A5;
        &:hover{
          color: #359882;
          cursor: pointer;
        }
      }

      h2 {
        position: absolute;
        top: 0;
        margin: 0;
        color: #4BC0A5;
      }

      input {
        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%;
      }

    }

    .content-region{
      color: white;
      overflow: auto;
      height: 90%;
      padding: 10px 15px 0;

      table{
        font-size: .9em;
        border-collapse: collapse;
        width: 100%;
        tr{
          border-bottom: 1px solid rgba(255,255,255,.1);
          td {
            vertical-align: baseline;
            padding: 0 .35em;

          }
          &:hover{
            cursor: pointer;
            font-weight: bold;
            color: #4BC0A5;
          }
        }
      }
    }
  }
}