/* start css.sty */
 
 body {
     background: #fff;
     font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
     color: #34495e;
     -webkit-font-smoothing: antialiased;
     line-height: 1.6em;
     max-width: 900px;
     padding: 1em 1em 2em;
     left: 5px;
     margin: 0;
     position: relative; 
     font-size: 18;
 }
 @media screen and (min-width: 480px) {
    body {
        left: 10px;
    }
}
table.datasheet {
    border-collapse: collapse;
    border: 1px solid black;
    margin-top: 20px;

}

table.datasheet tr:nth-child(odd) {
    background-color: #dddddd;
}

table.datasheet th {
    
    background-color:grey;
    color:black;
    padding-right: 10px;
    padding-left: 10px;

}
 table.datasheet  td {
     padding: 6px;
     border: 1px solid rgb(60, 60, 60);
     border-collapse: collapse;
     
 }

 
 h2 {
     border-bottom: 1px solid black;
     border-top: 1px solid black;
     padding-bottom: 24px;
     padding-top: 24px;
 }
 
 p {
     margin: 0;
 }
 /* adapted from http://codepen.io/walesmd/pen/zysbv */
 
 .notice {
     position: relative;
     margin: 1em;
     background: #F9F9F9;
     padding: 1em 1em 1em 2em;
     border-left: 4px solid #DDD;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
 }
 
 .notice:before {
     position: absolute;
     top: 50%;
     margin-top: -17px;
     left: -17px;
     background-color: #DDD;
     color: #FFF;
     width: 30px;
     height: 30px;
     border-radius: 100%;
     text-align: center;
     line-height: 30px;
     font-weight: bold;
     font-family: FontAwesome;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
 }
 
 .info {
     border-color: #8bc34a;
 }
 
 .info:before {
     content: "\f129";
     background-color: #8bc34a;
 }

.glassware {
    
 border-color: #8bc34a;
 }
 
 .glassware:before {
     content: "\f0c3";
     background-color: #8bc34a;
 }
 .check {
     border-color: #03a9f4;
 }
 
 .check:before {
     content: "\f00c";
     background-color: #03a9f4;
 }
 
 .warning {
     border-color: #FFa500;
 }
 
 .warning:before {
     content: "\f128"
     background-color: #FFa500;
 }
 
 .critical {
     border-color: #d32f2f;
 }
 
 .critical:before {
     content: "\f0fa";
     background-color: #d32f2f;
 }
 
 .question {
     border-color: #9c27b0;
 }
 
 .question:before {
     content: "\f128";
     background-color: #9c27b0;
 }
 /* end css.sty */
.periodic {
    max-width: 800px;
}

.nowrap {
    white-space:nowrap;
}

ol.sublist {
    list-style-type: lower-alpha;
}

.play {
    color: green;
}

.tablewidth60{
    width:60%;
}
.pagebreak { 
    page-break-inside: avoid;; 
}
.break {
    page-break-before: always;
}

figcaption span{
    font-weight:bold;
}
.columnpad td{
    padding:0 15px 0 15px;
}