.adlayout {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default ;
  margin: 0 auto 0 auto;
  width: 100%;
  height: 100%;
  background-color: #666;
  text-align: center;
  display: flex ;
  flex-direction: column ;
  --grid-color: gray;
  --grid-thickness: 0;
  --grid-size: 10px;
}

.adlayout .dock-top, .dock-bottom, .dock-center {
  height: auto ;
  width: 100% ;
}

.adlayout .dock-center {
  flex: 1 ;
  display: flex ;
}

.adlayout .dock-left {
  height: auto ;
}
.adlayout .dock-right {
  height: auto ;
}

.adlayout .layout-wrapper {
  overflow: auto ;
  background-color: #DDD;
  flex: 1 ;
}

.adlayout .canvas {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
}