.inline-block {
  display: inline-block;
}

.flex-container {
  flex: 1;
}

.widget-frame {
  -webkit-box-shadow: 0px 10px 10px 0px #6b6b6baa;
  -moz-box-shadow: 0px 10px 10px 0px #6b6b6baa;
  box-shadow: 0px 10px 10px 0px #6b6b6baa;
  width: 600px;
  height: 250px;
  position: fixed;
}

.box {
  border: 1px solid #333;
  height: 100px;
  width: 100px;
  position: absolute;
}

.widget-content {
  overflow: auto;
  height: calc(100% - 30px);
}

.widget-header {
  display: flex;
  padding: 5px 10px;
  color: #fff;
  background: #333;
  cursor: move;
  height: 30px;
}

[id$=-widget] .close-icon {
  align-items: flex-end;
  cursor: pointer;
}
