.adlayout .page {
  margin: 5px auto 5px auto;
  padding: 0;
  position: relative;
  -webkit-box-shadow: 3px 3px 15px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    3px 3px 15px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         3px 3px 15px 0px rgba(50, 50, 50, 0.5);
  width: 100%;
  height: 100%;
}

.adlayout .page.m0 {
  margin: 0;
}

.adlayout .page_v_a4 {
  width: 210mm;
  height: 297mm;
}

.adlayout .page_h_a4 {
  height: 210mm;
  width: 297mm;
}

.adlayout .page_space {
  width: 100%;
  height: 10px;
}

.adlayout.grid .page {
  background-image: linear-gradient(180deg, var(--grid-color) var(--grid-thickness), transparent var(--grid-thickness)), linear-gradient(90deg, var(--grid-color) var(--grid-thickness), transparent var(--grid-thickness));
  background-repeat: repeat;
  background-size: var(--grid-size) var(--grid-size);
}