a {
    font-size: 1.0em;
    text-decoration: none;
}

input[type=submit] {
    margin-top: 10px;
}

span {
    font-weight: bold;
    width: 350px;
    display: inline-block;
}

.fieldName {
    width: 400px;
    font-weight: bold;
    vertical-align: top;
}

.fieldValue {
    width: 400px;
    font-weight: normal;
    vertical-align: top;
}



#invoice-POS {
    box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);
    padding: 2mm;
    margin: 0 auto;
    width: 122mm;
    background: #FFF;
    height: fit-content;
    min-height: 30rem;
}
  ::selection {background: #f31544; color: #FFF;}
  ::moz-selection {background: #f31544; color: #FFF;}
  h1{
    font-size: 1.5em;
    color: #222;
  }
  h2{font-size: .9em;}
  h3{
    font-size: 1.2em;
    font-weight: 300;
    line-height: 2em;
  }
  p {
    font-size: 1.7em;
    color: #666;
    line-height: 2.2em;
    justify-content: center;
    align-items: center;
    display: flex;
}
.contact {
  font-size: 1em;
  color: #666;
  line-height: 1.1em;
}
   
  #top, #mid,#bot{ /* Targets all id with 'col-' */
    border-bottom: 1px solid #EEE;
  }
  
  #top{min-height: 100px;}
  #mid{min-height: 80px;} 
  #bot{ min-height: 50px;}
  
.logo{
     display: flex;
     align-items: center;
     justify-content: center;
  }

  .clientlogo{
    float: left;
      height: 60px;
      width: 60px;
      background: url(http://michaeltruong.ca/images/client.jpg) no-repeat;
      background-size: 60px 60px;
    border-radius: 50px;
  }
  .info{
    display: block;
    /* float:left; */
  }

  .title p{text-align: center;} 
  table{
    width: 100%;
    border-collapse: collapse;
  }
  td {
    padding: 5px 0 5px 15px;
    border: 1px solid #000;
    width: 5rem;
}
  .tabletitle{
    padding: 5px;
    font-size: 1.5rem;
    background: #EEE;
  }
  .service{border-bottom: 1px solid #EEE;}
  .item{width: 24mm;}
  .itemtext{font-size: .8em;}
  
  #legalcopy{
    margin-top: 5mm;
  }
  .title {
font-size: xx-large;
justify-content: center;
text-align: center;
  }
    
   .tableitem{
    background-color: white;
    
   } 
  

   .btn {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 39px;
    gap: 10px;
    color: white;
    width: 100%;
    height: 46px;
    background: #141420;
    box-shadow: 0px 2px 0px #000000;
    border-radius: 1px;
    cursor: pointer;
}