body {
    padding-left: 10px;
    padding-right: 10px;

}

img.front-image {
    border: #F47E2C 40px solid;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.vehicle-inspection-form input[type='text'] {
    max-width: 200px;
}
#edit-existing-vehicle-flexbox input {
    min-width: 22vw !important;
  
  }
.vehicle-inspection-form input[type='email'] {
    max-width: 250px;
}

.vehicle-inspection-form input[type='tel'] {
    max-width: 200px;
}
.vehicle-inspection-form input[type='date'] {
    max-width: 200px;
}

.vehicle-inspection-form select.country,
.vehicle-inspection-form select.administrative-area {
    width: 200px;
    
}
/* #recent_invoices_table {
    min-height: 500px;
} */

#recent_invoices_table .tabulator-editable {
    border: 1px dotted grey;
    border-radius: 3px;
    
}

.hide-inspections {
    display: none;
}

#recent_invoices_table .tabulator-col.no-select-col.invoice-link {
    padding: 0 !important;
  }

  #recent_invoices_table   .tabulator-col-title {
    font-size: 14px;
  }
.invoice-link {
    font-size: 16px;
   font-weight: bold;
   padding-top: 6px !important;
   text-overflow: unset !important;
}

.invoice-link a {
    text-decoration: none;
}

div.form-item-vehicle-type {
    border: 3px black solid;
    padding: 4px;
    border-radius: 3px;
    width: 300px;
}

h1, h2 , h3, h4, h5, h6 {
    color: rgb(0,55,118);
    text-align: left;
    font-weight: 900;
}
/* For the public menu navigation links */
nav.menu--public-menu a {
    font-weight: bolder;
    font-size: 18px ;
}

h1 {
    font-size: 36px;
}

h4 {
 /*   font-size: 1.8rem;  */
   margin-bottom: 4px;
}

h2 {
    font-size: 32px;
    margin-bottom: 4px;
}

.hr-break {
    break-before: page;
}

.customer-detail {
    display: none !important; 
}

div.tabulator-headers .customer-detail {
    display: inline-block !important;
}

img.steersafe-logo {
    position: relative;
    left: 17%; 
    height:150px;
    width: auto;
    margin: 0 auto;
    display: block;
}

img.invoice-logo {
    left: 0px;
    height: 75px;
    padding-right: 100px;
  }

.invoice-address-header {
    width: 40vw;
    text-align: right;
}


.invoice-address-header p {
    margin-bottom: 4px;
}
.invoice-details {
    width: 100%;
}

.invoice-lines-div {
    width: 100%;
    min-height: 20vw;
}

.invoice-lines-table {
    width: 100%;
}
.invoice-lines-table thead {
    text-align: left;
  }

 /* .private-notes {
    white-space: break-spaces !important;
    cursor:text;
} 
 */
.total-span {
    font-weight: bold;
    text-align: right;
    position: relative;
    float: right;
    padding-right: 30px;
  }

.bank-ref-note {
    color: red;
}

.plant-inspection-hdr .fieldset-legend ,
.form-item-noise-report .fieldset-legend,
.tool-inspection-hdr .fieldset-legend {
    font-size: 20px;
    font-weight: bold;
    color:dodgerblue;
}

.plant-inspection-hdr .fieldset-wrapper .fieldset-legend,
.tool-inspection-hdr .fieldset-wrapper .fieldset-legend {
    font-size: 14px;
    font-weight: bold;
    color:black;
}

.toc-table {
    width: 80%;
    font-size: 24px;
    overflow:hidden;
    white-space:nowrap;
 } 
/*
 .toc-table td:first-child:after {
    content:" - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - "; 
}
*/
 .toc-text {
    width: 70%;
    padding-bottom: 30px;
 }

 .toc-pageno {
    text-align: right;
 }


summary.card-header {
    font-weight: bold;
}

.report-title-header {
    text-align: center;
}

.report-title-table-header  {
    text-align: center;
}

.owner-details,.trailer-details, .acknowledgement-details,
.noise-details {
    border: 1px solid black;
    width: 60%;
    margin: 0 auto;
}

.owner-details tr, .trailer-details tr, .acknowledgement-details tr,
.noise-details tr {
    border: 2px solid black;
}


.owner-details-label, .trailer-details-label,
.noise-details-label {
    background-color: lightgray;
    border-right: solid 2px black;
    font-weight: bold;
    width: 35%;
}
.acknowledgement-details-label {
    background-color: lightgray;
    border-right: solid 2px black;
    font-weight: bold;
}

.acknowledgement-details-line { 
    height: 100px;

}
.acknowledgement-details-line td { 
    border-right: solid 2px black;
}

table.trailer-details,
table.trailer-details tr.first-row {
    border-top: none;
}

div.steersafe-ids {
    text-align: center;
    border: 3px solid black;
    width: 60%;
    margin: 30px auto;
}

img.customer-signature {
    width: auto;
    height: 100px !important;
    object-fit: scale-down;
}

.agreement-page,
.disclaimer-page {
    text-justify: inter-word;
    text-align: justify;
}

.hazards-table {
    width: 100%;
    border: 2px solid black;
}

.hazards-table-header {
 /*   background-color: lightgray; */
    text-align: center;
}

.hazards-table-category {
 /*   background: #888; */
    color: black;
    font-weight: 600;
}

.hazards-table-header th {
    border-right: 2px solid black;
}

.hazards-table-header-control-in-place {
    width: 80px;
}

.hazards-table tr,
.hazards-table td {
    border: 2px solid black;
}

.hazard-detail {
    max-width: 200px;
    display: inherit;
}

.hazard-column {
    text-align: left;
    width: 35%;
    vertical-align: top;
  }

  .hazard-column-30 {
    text-align: left;
    width: 30%;
    vertical-align: top;
  }

  .hazard-column-t1 {
    text-align: left;
    width: 65%;
    vertical-align: middle;
  }

table.t1-table tr,
table.t1-table td {
    height: 32px !important;
    min-height: 32px !important;

}


.control-column {
    text-align: left;
    vertical-align: top;
}

.risk-column {
    width: 50px;
    white-space: normal;
    text-orientation: upright;
    writing-mode: vertical-lr;
    font-weight: 700;
    letter-spacing: 14px;
    font-size: 70px;
}

.hazard-status {
    text-align: center;
}

.hazard-status-issues {
    text-align: left;
}

i.fa-file-pdf {
    color: darkred;
background-color: white;
}

.edit-customer, .edit-vehicle {
    cursor: pointer;
}

.email-reports:hover {
    background: yellow;
  
  }

  .email-reports:active {
    background: red;
  
  }

  /* Hide text format help text */
  .field--name-field-customer-notes a {
    display: none;
  }

  .cust-notes-input .text-format-wrapper {
   /* max-width: 500px; */
   max-width: 15vw;
  }
  
.customer-notes-name {
    max-width: 15vw;
}
.large-invoices-content {
    height: 100%;
}
 
/* .large-invoices-container {
    height: 1000px;
}
  */

 #recent_large_invoices_table .tabulator-group-level-0 {
    background-color:rgba(255,165,0,.6);

} 

#recent_large_invoices_table .tabulator-group-level-1 span,
#recent_large_invoices_table .tabulator-group-level-1 .tabulator-group-toggle .tabulator-arrow
 {
    color:black !important;

} 

.large-operator #block-steersafe-theme-local-tasks {
    display: none;
}

.sticker-form input {
    max-width: 300px;
}

.summary-desc-txt {
    padding: 0 5px;
    text-align: left;

}

.filter-div label {
  font-weight: bold;
}