table.sets { border-collapse: collapse; }
.sets td, .sets th {
    padding: 5px 10px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-left: 1px dashed;
    border-right: 1px dashed;
    cursor: pointer;
}

.sets th {
    position: sticky;
    top: 0;
    z-index: 1; 
    border-top: none;
    background-color: black;
    border-bottom: 3px solid;
}
.sets tbody > tr:first-child td {
    border-top: 3px solid;
}

.sets tbody > tr:last-of-type td {
    border-bottom: none;
}

.sets tr > th:last-of-type,
.sets tr > td:last-of-type {
    border-right: none;
}

.sets tr > th:first-child,
.sets tr > td:first-child {
    border-left: none;
}

.sets tr > td:nth-child(3),
.sets tr > td:nth-child(4),
.sets tr > td:nth-child(5) {
    text-align: right;
}
@media print {
  #gallery img {
    width: 6cm;
  }
}
.parts {background: #fff;}
.parts img { max-height: 50px; }
table.parts { border-collapse: collapse; margin: 0 auto; width: 90%;}
.parts th, .parts td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid black; border-right: 1px solid black; padding: 3px 5px; }
.parts td:nth-child(1) { text-align: center; }
.parts td:nth-child(n+4) { text-align: right; }
.parts thead th { border-bottom: 2px solid black; }
.parts tfoot { display: table-row-group; }
.parts tfoot td { font-weight: bold; border-top: 2px solid black; }

.c-1 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #f4f4f4 50%); }
.c-2 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #DDC48E 50%); }
.c-3 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #FFCD03 50%); }
.c-4 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #F57D20 50%); }
.c-5 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #DD1A21 50%); }
.c-6 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #009247 50%); }
.c-7 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #006CB7 50%); }
.c-9 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #9BA19D 50%); }
.c-11 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #151515 50%); }
.c-12 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #EFEFEE 50%); }
.c-13 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #97896C 50%); }
.c-14 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #0099D4 50%); }
.c-15 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #5BC1BF 50%); }
.c-16 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #E3E029 50%); }
.c-17 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #E51E26 50%); }
.c-19 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #F7D112 50%); }
.c-20 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #84B68D 50%); }
.c-22 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #CECED0 50%); }
.c-36 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #00AF4D 50%); }
.c-42 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #489ECE 50%); }
.c-48 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #6F947A 50%); }
.c-50 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #6F947A 50%); }
.c-50 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #E8509C 50%); }
.c-51 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #7672B5 50%); }
.c-55 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #678297 50%); }
.c-63 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #00395E 50%); }
.c-65 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #D2A12A 50%); }
.c-67 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #777779 50%); }
.c-68 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #A65322 50%); }
.c-69 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #947E5F 50%); }
.c-74 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #84C8E2 50%); }
.c-77 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #575857 50%); }
.c-80 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #004A2D 50%); }
.c-85 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #646765 50%); }
.c-86 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #A0A19F 50%); }
.c-88 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #692E14 50%); }
.c-95 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #878D8F 50%); }
.c-98 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #F58830 50%); }
.c-108 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #96C753 50%); }
.c-115 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #C39737 50%); }
.c-120 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #3B180D 50%); }
.c-121 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #DAB000 50%); }
.c-152 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #C1E4DA 50%); }
.c-153 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #00A3DA 50%); }
.c-156 { background: linear-gradient(90deg, rgba(255,255,255,0) 50%, #00BED3 50%); }
.wrapper { max-width: 1000px; margin: 0 auto; }
.parts tr.group { font-weight: bold; }
.parts tr.set { font-weight: bold; font-size: 120%; }


.masonry { /* Masonry container */
    -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.item {
    display: inline-block;
    background: #333;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
  -webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #111;
    text-align: center;
}
.item p { margin: 0 0 15px 0; padding:0;}
.item img {width: 300px; max-width:100%;}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
