@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(opensans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  width: calc(100% - 16px);
  margin: 8px;
  position: relative;
}

tr.separator > td {
  border-top: 1px solid black;
}

.cheat-table {  
  width: 100%;
  border-spacing: 0;
  -webkit-print-color-adjust: exact;
}

.cheat-table.css {  
  width: 100%
}

.pre-padding {
  padding-right: 10px  
}

.print .cheat-table .col-name {
  width: 200px;
  min-width: 200px;
}

.web .cheat-table .col-name {
  width: 20%;
  min-width: 200px;
}

.print .cheat-table .col-css-name {
  width: 150px;
  min-width: 150px;
}

.web .cheat-table .col-css-name {
  width: 15%;
  min-width: 150px;
}

.print .cheat-table .col-eng-name {
  width: 100px;
  min-width: 100px;
}

.web .cheat-table .col-eng-name {
  width: 10%;
  min-width: 100px;
}

.print .cheat-table .col-possible {
  min-width: 320px;
}

.web .cheat-table .col-possible {
  min-width: 320px;
}

.print .cheat-table .col-css-code {
  width: 290px;
  min-width: 290px;
}

.web .cheat-table .col-css-code {
  width: 30%;
  min-width: 290px;
}

.print .cheat-table .col-css-view {
  width: 90px;
  min-width: 90px;
  padding: 4px;
  background-color: white;
  color: black
}

.web .cheat-table .col-css-view {
  width: 10%;
  min-width: 90px;
  padding: 4px;
  background-color: white;
  color: black
}

.print .cheat-table .col-code {
  min-width: 370px;
}
.web .cheat-table .col-code {
  min-width: 370px;
  width: 370px
}

.print .cheat-table .col-view {
  width: 200px;
  background-color: white;
  color: black
}

.web .cheat-table .col-view {
  width: 300px;
  background-color: white;
  color: black
}

.cheat-table td {
  padding-top: 1.5px;
  padding-bottom: 1.5px;
  padding-left: 4px;
  padding-right: 4px
}

.cheat-table .table-repeat {
  color: #919191;
}

.cheat-table > * > tr:nth-child(even) {
  background-color: #e6e6e6;
}

.cheat-table > * > tr > td:nth-child(4){
  background-color: white;
}

@media print {
  .pagebreak { page-break-before: always; }
  
  h2 {
    margin-bottom: 8px;
  }
}