body { 
  font-family: 'Calibri'; 
  margin: 0px; 
  background: white;
  color: black;
  font-size: 8.00pt;
}

/* links */
table.linktable {
  margin: 1em 1em 1em 0;
  background: #f4f4f4;
  border-collapse: collapse; border-spacing:0;
  width:80%;
  font-size:75%;
  margin-left: auto;
  margin-right: auto;
  page-break-before: avoid !important;
}

.linktable th,
.linktable td {
  border: 1px solid #aaa;
text-align:center;
}
/**/

/* snips */
table.sniptable {
  margin: 1em 1em 1em 0;
  background: #f4f4f4;
  border-collapse: collapse; border-spacing:0;
  width:98%;
  font-size:85%;
  margin-left: auto;
  margin-right: auto;
  page-break-before: avoid !important;
}

.sniptable th,
.sniptable td {
  border: 1px solid #aaa;
  padding-left:0.4em;
  padding-right:0.24em;
  text-align:left;
}

.fragment {
  background:white;
}

.thennq, .vtop {
  vertical-align: top;
  text-align:center;
}
.tdquote {
  text-align:left;
  font-size:90%;
}
/**/

.bigti {
  text-align:center;
}

.subbigti  {
  text-align:center;
  font-size:130%;
}

.compress {
  font-size:90%;
}

.disclaimer {
  /*line-height:1.6;*/
}

.brief_bottom {
  text-align:right;
  font-size:85%;
  //font-style: italic;
  color:#888888;
  margin-top:-4px;
}

.glink {
}

a.pageref::after {
  content: target-counter(attr(href), page);
}

.quote {
  white-space: nowrap;
}

.back_cmd {
  color:blue;
  font-size:70%;
} 


/* reverse table */
.doc {
  white-space: nowrap;
  vertical-align:top;
}

.string {
  background:#ccccdd;
  border: 1px solid #aaa;
}

.hashsrc {
  font-size:85%;
  border-bottom: 1px solid #aaa;

}

.snip {
  backgroung:lightgray;

}

.small {font-size:80%;}

.smaller {font-size:65%;}

a:visited {
  color: purple;  /* or any color */
}

.row_clicked {
  background:yellow;
}

table.sniptable td.tdfrag {
  text-align: right;
  padding-right: 1em;
}

table.sniptable span.center {
  text-align:center;
  display:block;
}

table.sniptable .vsmall {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}


.sniptable caption {
  margin-top:2.4em;
  font-size:180%;
  /*color:rgb(0, 51, 203);*/
}

.centertable {
  margin-left:auto;
  margin-right:auto;
}

.csw {display:none;}

.begparg {
  font-size:130%;
  border-bottom: 1px solid #aaa;
  color:rgb(0, 51, 203);
}

.page-break-ok {
  page-break-after: auto;
  break-after: auto;  /* modern syntax */
}

.wrapper {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

/* media */
@media print {
  .page-header {
    display: none;
  }
  .brief_bottom  {
    display: none;
  }
}

@media screen {
  .page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
    background-color: white;
    /*border-bottom: 1px solid #e0e0e0;*/
    margin-bottom: 0px;
    font-family: Garamond, serif;
  }
    
  .header-left {
    font-size: 17pt; /*17*/
    color: rgb(0, 51, 203);
    font-weight: bold;
  }
    
  .header-right {
    font-size: 7.5pt; /*75*/
    font-style: italic;
    color: rgb(0, 51, 203);
    text-align: right;
  }

  .pdfonly {display:none;}
}

@page {
  @bottom-right {
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: rgb(0, 51, 203);
  }
  @bottom-left {
    content:'#????p_brief_bottom#';
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: rgb(0, 51, 203);
  }
}

@page :first {
    margin-top: 4cm;
    font-family: Garamond;
    @top-left {
        content: "WebGlyphs";
        font-size: 17pt; /*17*/
        color: rgb(0, 51, 203);
    }
    
    @top-right {
        content: "Strategic Information Extraction, Processing and Dissemination";
        font-size: 7.5pt; /*75*/
        font-style: italic;
        color: rgb(0, 51, 203);
    }
}