@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Satisfy');


.letter {
    font-family: "Noto Serif", serif;
    letter-spacing: normal;
    font-kerning: none;
    font-size: 11pt;
    line-height: 14pt;
}

.letter .signature {
  font-family: 'Satisfy', cursive;
  font-size: 1.5rem;
  margin-left: 2rem;
}

.letter p {
    padding-left: 1cm;
    padding-right: 1cm;
    line-height: 14pt;
}

.letter p.emphasis {
  font-weight: bold;
  text-align: center;
}

.letter .offset-1 {
  padding-left: 6cm;
  padding-right: 6cm;
  padding-bottom: 0.5rem;
}

.letter .data-blk {
    overflow: auto;
    font-size: 0.8rem;
    line-height: 1rem;
    background-color: white;
    color: #999;
    width: 100%;
}

.letter ul.square, ul.blank {
  list-style-type: none;
}

.letter ul.blank li:before {
  content: "___";
  font-size: 1.5rem;
  padding-right: 1rem;
}

.letter ul.square li:before {
  content: "▢";
  font-size: 1.5rem;
  padding-right: 1rem;
}

.letter li {
  margin-bottom: 1rem;
}
.letter li ul {
  margin-top: 1rem;
}

@media print {
.letter {
    font-size: 11pt;
    line-height: 11pt;
}

.letter p {
}

.letter .data-blk {
    font-size: 8pt;
    line-height: 10pt;
    color: #999 !important;
    position: fixed;
    bottom: 1cm;
    left: 1cm;
    width: 100%;
}

.letter .page {
  page-break-after: always;
  page-break-inside: avoid;
}

.letter .page:last-child {
  page-break-after: avoid;
}

.letter a[href].nourl:after {
  content: none;
}

.col-md-1 {width:8%;  float:left;}
.col-md-2 {width:16%; float:left;}
.col-md-3 {width:25%; float:left;}
.col-md-4 {width:33%; float:left;}
.col-md-5 {width:42%; float:left;}
.col-md-6 {width:50%; float:left;}
.col-md-7 {width:58%; float:left;}
.col-md-8 {width:66%; float:left;}
.col-md-9 {width:75%; float:left;}
.col-md-10{width:83%; float:left;}
.col-md-11{width:92%; float:left;}
.col-md-12{width:100%; float:left;}


}