@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');
    
    #inputpages {
      display: none;
    }
    
    .instructietekst {
      font-size: 12pt;
      font-family: 'Garamond', serif;
      margin-top: 5px;
      line-height: 115%;
    }
    .blokschrift {
      font-size: 11pt;
      line-height: 115%;
      margin-top: 5px;
      font-family: 'ABeeZee', sans-serif;
    }
    
    .setting {
      float: left;
      margin: 0 10px 0 10px;
    }
    .setting h3 {
      margin: .5em 0 0 0;
    }
    table.settings-table {
      border-spacing: 0;
      border-collapse: collapse;
    }
    table.settings-table td {
      border: 1px solid #999;
      margin: 0px;
      padding: 0px;
      padding: 2px 10px 2px 10px;
      box-sizing: border-box;
    }
    table.settings-table td:hover, .button:hover {
      background-color: rgba(0,0,0,.08);
      border: 1px solid #555;
    } 
    table.settings-table td.selected, button.selected {
      background-color: rgba(0, 253, 55, 0.22);
      border: 1px solid #555;
    } 
    .icon-button  {
      display: inline-block;
      min-width: 3em;
      padding: 4px 0 4px 0;
      margin-bottom: 5px;
      text-align: center;
    }
    .icon-button.danger {
      color: #bd0000;
    }
    
    .lines, .imagecell, .othercell {
      display: inline-block;
      vertical-align: text-top;
      width: 100%;
      box-sizing: border-box;
    }
    
    div.print_attribution {
      font-size: 9pt;
      text-align: right;
      line-height: 1;
    }
    div#screen_attributions {
      display: none;
    }
    
    .overlay {
      position: absolute; 
      right: 0;
      z-index: 1;
      opacity: 0.9;
    }
    
    body {
      position: relative;
    }
    
    .lines.margin {
      margin-top: 12px;
    }

    .page {
      position: relative;
    }
    .page > h2:first-child {
      margin-top: 0px;
    }
    .page h2 {
      font-size: 12pt;
    }
    
    
    .page_number {
      position: absolute;
      bottom: 0px;
      font-size: 12pt;
      font-family: 'Garamond', serif;
    }
    .page_container_even .page_number {
      left: 0px;
    }
    .page_container_odd .page_number {
      right: 0px;
    }
    .showletterfilms .letterfilm {
      display: none;
    }
    .letterfilm-replacement {
      display: none;
    }
    .showletterfilms .letterfilm-replacement {
      display: block;
    }