div.filter{
  display:flex;
  width: 100%;
  background: white;

  kendo-textbox{
    display: flex;
    width: 100%;
    margin:1px;
    background: transparent;
  }

  div.single{
    display:flex;
    flex-direction: row;
    width: 100%;
    .thin {
      width: 1px;
      z-index:1;
    }
    .full{
      width: 100%;
      border-left:0;
      border-right:0;
      border-top:0;
      border-bottom:1px solid darkgrey;
    }
    .full.with-padding{
      padding-left: 18px;
    }
  }

  div.multiple{
    display:flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    .minimum {
      height: 10px;
    }
    .first-half{

      border-left: 1px solid lightblue;
      border-right: 1px solid lightblue;
      border-top: 3px solid lightblue;
      border-bottom: 1px dotted darkgray;
    }

    .second-half{
      border-left: 1px solid lightblue;
      border-right: 1px solid lightblue;
      border-top: 1px dotted lightblue;
      border-bottom: 3px solid darkgray;
    }
  }

}
.popup-content{
  padding: 10px;
  background: black;
  opacity: 0.5;
  color: white
}
