/*@page { size: landscape; }*/
/*@page { size: portrait; }*/
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap");
* {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: 'Nunito', sans-serif;
}

.noprint {
  display: none;
}

th {
  text-align: left;
}

td {
  text-align: left;
}

/***************** SIZING *****************/
.grid2, .grid2s {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.grid3, .grid3s {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid4, .grid4s {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid5, .grid5s {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid6, .grid6s {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid2s, .grid3s, .grid4s, .grid5s, .grid6s {
  grid-gap: 10px 5px;
}

.gridCenterVert {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gridCenter {
  display: -ms-grid;
  display: grid;
  justify-items: center;
}

.oneLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.twoLines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.threeLines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/***************** VIEW ORDER PAGE *****************/
.viewOrderGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px 5px;
  padding-bottom: 20px;
}

.viewOrderGrid .title {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  text-align: left;
}

.viewOrderGrid .orderInfo {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  text-align: left;
}
/*# sourceMappingURL=print.css.map */


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////// IMAGE GALLERIES ///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.defaultGallery {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

.galleryItem {
  width: 100%;
  max-width: 512px;
  position: relative;
  overflow: hidden;
  padding: 8px;
}

.galleryItemContent {
  padding: 0px;
  padding-top: 56.25%;
  position: relative;
  border: solid 1px gray;
  overflow: hidden;
  height: 100%;

  margin: 0px;
  box-sizing: border-box;
  outline: none;
}

.galleryItemContent .cover {
  background-color: #d3d3d3;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////// WORK ORDER PAGE ///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.workOrder{
  margin:auto;
  box-sizing: border-box;
  width: 21cm;
  /* height: 27.7cm; */
  /*border: 1px solid red;*/
}

.workOrderContent{
  border:1px solid #000;
  /* height: 25.7cm; */
}

.workOrderHeader{
  display:grid;
  grid-template-columns: 2cm 1fr auto;
  height: 2cm;
}

.workOrderHeaderInfo{
  border-bottom:1px solid #000; 
  padding: 0.1cm;
  box-sizing: border-box;
}

.workOrderInfoText{
  font-size: 0.4cm;
  padding:0.1cm 0.2cm;
}

.workOrderHeaderInfo .workOrderInfoText{
  font-size: 0.55cm;
  font-weight: 600;
  margin-left: 0.1cm;
  margin-top:0.025cm;
  padding:0;
}

.workOrder h1{
  font-size: 0.7cm;
}

.workOrderPrintTable{
  border: 0.1cm solid #000;
}

.workOrderPrintTable .row{
  display:grid;
  border-bottom:1px solid #000;
}

.workOrderPrintTable .header{
  font-weight: 800;
    background-color: #e8e8e8;
    border-left: 1px solid #000;
    padding-left: 0.2cm;
}

.workOrderPrintTable .cell {
  padding: 0.2cm;
  border-left: 1px solid #000;
}

.checkbox{
  display:none;
}

.checkbox + label{
  display: inline-block;
  border: 0.075cm solid #000;
  height: 0.5cm;
  width: 0.5cm;
}

.checkbox:checked + label{
  background-color: #e8e8e8;
}

.checkbox:checked + label:after{
  content: "";
  height: 0.2cm;
  width: 0.2cm;
  transform: matrix(1, 1, -2, 2, 5, -3);
  position: absolute;
  border-bottom: 0.05cm solid #000;
  border-right: 0.1cm solid #000;
}