body{
   background-color:#6e6f730f;
}
label {
         float : left;
         font-weight:bold;
         }
a {
text-decoration:underline;
}
.anchor {
float:left;
margin-left:5px;
}
th div {
font-weight:normal; font-size:12px;
}
tr {
margin-top:5px;
}
.table td {
   padding: .25rem;
}
.table thead th {
      vertical-align: middle;
}
.table th {
   padding: .25rem;
   font-size: 16px;
}
.tb-total-hrs{
   width:100px; 
   font-size: 12px;
}
.tb-date{
   width: 110px;
   font-size: 12px;
}
.tb-time{
  /* width:95px; */
   font-size: 12px;
}
.m-signature-pad--body canvas {
   position: relative;
   left: 0;
   top: 0;
   width:250px;
   height: 200px;
   border: 1px solid #CCCCCC;
 }
 
 #signature-pad2 canvas{
    width: 500px;
 }
 td label{
    float : none;
    font-weight: normal;
    font-size: 12px;
 }
 textarea{
    font-size: 12px;
 }

 @media
only screen and  (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {
   .table table, .table thead, .table tbody, .table th,  .table td, .table tr {
    display: block;
  }
  .table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table tr { border: 1px solid #ccc; }
  .table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    /*padding-left: 200px; */
    margin-left: 150px;
    font-size: 12px;
  }
  .table td:before {
    position: absolute;
    top: 12px;
    left: 6px;
    width: 200px;
    padding-right: 40px;
    white-space: nowrap;
    margin-left: -120px;
    text-align: left;
  }
 
    #tbl_hours td:nth-of-type(1):before { content: "DATE"; }
    #tbl_hours td:nth-of-type(2):before { content: "START TIME"; }
    #tbl_hours td:nth-of-type(3):before { content: "END TIME"; }
     #tbl_hours td:nth-of-type(4):before { content: "TOTAL HRS";}

    #tbl_days td:nth-of-type(1):before { content: "START DATE"; }
    #tbl_days td:nth-of-type(2):before { content: "END DATE"; }
    #tbl_days td:nth-of-type(3):before { content: "NUMBER OF DAYS"; }

     #tbl_trips td:nth-of-type(1):before { content: "DATE"; }
     #tbl_trips td:nth-of-type(2):before { content: "NUMBER OF TRIPS"; }
     #tbl_trips td:nth-of-type(3):before { content: "CLIENT SIGNATURE"; }

  .table td:nth-of-type(5):before { content: 'CLIENT SIGNATURE';}
  /*td:nth-of-type(6):before { content: "CLIENT SURVEY \A ( Rating - Personnel's Service )" ; white-space: pre-wrap;}*/
  .table td:nth-of-type(6):before { content: "COMMENTS";}

  #signature-pad2 canvas{
     width: 300px;
  }
  #signature-pad + button, #sign-btn-2{
     padding: 5px;
     font-size: 12px;

  }
  
  #canvas {
     width:150px;
     height: 100px;
  }
  label {
     font-size: 14px;
  }
  #client-td{
     height: 160px;
  }
  #rating-td {
   height: 75px;
  }
  h4,h5 {
     font-size: 16px;
  }
  .col-md-6 strong {
   font-size: 14px;
  }
  img.d-block.w-75 {
   width: 50% !important;
}
a.anchor {
   font-size: 12px;
}
.tb-date,.tb-total-hrs {
   width: unset;
}
}