@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */

#small-invoice-table table td:nth-child(1),
#small-invoice-table table th:nth-child(1){display: none;}

#small-invoiced-table table td:nth-child(2),
#small-invoiced-table table th:nth-child(2),
#small-invoiced-table table td:nth-child(3),
#small-invoiced-table table th:nth-child(3),
#small-invoiced-table table td:nth-child(4),
#small-invoiced-table table th:nth-child(4){display: none;}

#small-cart-table table td:nth-child(2),
#small-cart-table table th:nth-child(2),
#small-cart-table table td:nth-child(3),
#small-cart-table table th:nth-child(3),
#small-cart-table table td:nth-child(4),
#small-cart-table table th:nth-child(4),
#small-cart-table table td:nth-child(5),
#small-cart-table table th:nth-child(5){display: none;}

#small-search-table table td:nth-child(1),
#small-search-table table th:nth-child(1),
#small-search-table table td:nth-child(5),
#small-search-table table th:nth-child(5),
#small-search-table table td:nth-child(6),
#small-search-table table th:nth-child(6){display: none;}

#no-more-test-table table td:nth-child(8),
#no-more-test-table table th:nth-child(8),
#no-more-test-table table td:nth-child(9),
#no-more-test-table table th:nth-child(9),
#no-more-test-table table td:nth-child(10),
#no-more-test-table table th:nth-child(10),
#no-more-test-table table td:nth-child(11),
#no-more-test-table table th:nth-child(11),
#no-more-test-table table td:nth-child(12),
#no-more-test-table table th:nth-child(12),
#no-more-test-table table td:nth-child(13),
#no-more-test-table table th:nth-child(13),
#no-more-test-table table td:nth-child(14),
#no-more-test-table table th:nth-child(14),
#no-more-test-table table td:nth-child(15),
#no-more-test-table table th:nth-child(15),
#no-more-test-table table td:nth-child(16),
#no-more-test-table table th:nth-child(16),
#no-more-test-table table td:nth-child(17),
#no-more-test-table table th:nth-child(17),
#no-more-test-table table td:nth-child(18),
#no-more-test-table table th:nth-child(18),
#no-more-test-table table td:nth-child(19),
#no-more-test-table table th:nth-child(19),
#no-more-test-table table td:nth-child(20),
#no-more-test-table table th:nth-child(20){display: none;}

#searchCriteria table,
#searchCriteria thead,
#searchCriteria tbody,
#searchCriteria th,
#searchCriteria td,
#searchCriteria tr {
display: block;
}

#no-more-new-valves-table table,
#no-more-new-valves-table tbody,
#no-more-new-valves-table td,
#no-more-new-valves-table tr {
display: block;
}

#no-more-valves-table table,
#no-more-valves-table thead,
#no-more-valves-table tbody,
#no-more-valves-table th,
#no-more-valves-table td,
#no-more-valves-table tr {
display: block;
}

#no-more-test-table table,
#no-more-test-table thead,
#no-more-test-table tbody,
#no-more-test-table th,
#no-more-test-table td,
#no-more-test-table tr {
display: block;
}


 
/*
Label the data
*/


/* Hide table headers (but not display: none;, for accessibility) */
#no-more-valves-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
#no-more-valves-table tr { border: 1px solid #ccc; }
  
#no-more-valves-table td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
#no-more-valves-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
#no-more-valves-table td:before { content: attr(data-title); }



 
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-test-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
#no-more-test-table tr { border: 1px solid #ccc; }
  
#no-more-test-table td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
#no-more-test-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
#no-more-test-table td:before { content: attr(data-title); }
}
@media print{
    .splitrow{
        display: inline-block;
    }
    .fullcolumn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .bigcolumn {
        display: inline-block;
        float: left;
        width: 70%;
    }
    .smallcolumn {
        display: inline-block;
        float: left;
        width: 30%;
    }
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}
body {
    counter-reset: section;
}



.centerValveTestHistory {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    position: fixed;
    z-index:1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
.centerTests {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    position: fixed;
    z-index:1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
.centerShowAllTests {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    display: inline-block;
    width: 100%;
}
.centerSurveyResponses {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    display: inline-block;
    width: 100%;

}
.centerInspectionResponses {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    display: inline-block;
    width: 100%;

}
.centerAddTests {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
}
.centerRemove {
    margin: auto;
    padding: 10px 20px 30px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: red;
}
.highlight { 
    background-color: #e3f2fd; 
}