.window {
  position: absolute;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}

.windowbar {
  background-color: #777777;
  height: 20px;
  flex-shrink: 0;
}

.windowcontent {
  background-color: #dddddd;
  color: #000000;
  height: calc(100% - 20px);
  overflow-wrap: break-word;
  overflow: auto;
}

.windowresizeleft {
  position: absolute;
  left: -10px;
  background-color: #555555;
  width: 10px !important;
  height: 100%;
}

.windowresizeright {
  position: absolute;
  left: 100%;
  background-color: #555555;
  width: 10px !important;
  height: 100%;
}

.windowresizetop {
  position: absolute;
  top: -10px;
  background-color: #555555;
  width: 100%;
  height: 10px !important;
}

.windowresizebottom {
  position: absolute;
  top: 100%;
  background-color: #555555;
  width: 100%;
  height: 10px !important;
}

.windowminimize {
  float: right;
  background-color: #0000ff;
  width: 20px;
  height: 20px;
}

.windowfull {
  float: right;
  background-color: #00ff00;
  width: 20px;
  height: 20px;
}

.windowclose {
  float: right;
  background-color: #ff0000;
  width: 20px;
  height: 20px;
}