/* trucks/static/trucks/css is the precompiled version */
/* staticfilesglobal/~/css and staticfilesglobal/~/js and … are precompiled */
/* static/trucks/css is the compiled version after running collectstatic */

.col-header {
  margin-top: 10px;
}
#trucks-fleet-table .last-pm {
  min-width: 140px;
}
#trucks-fleet-table .pm-bundle-header {
  margin-top: 2px;
}
#trucks-fleet-table td[data-delta-pm-days='noentry'] {
  background: lightgrey;
}
/*#trucks-fleet-table .pm-bundle td[data-delta-pm-days='-1'] {*/
#trucks-fleet-table .pm-bundle [data-delta-pm-days='-1'], [data-delta-pm-mileage='-1'], [data-delta-pm-hours='-1'], [data-delta-pm-percentage='-1'] {
  background: lightgoldenrodyellow;
  border-radius: 10px;
  border: 3px solid red;
}
#trucks-fleet-table .pm-bundle [data-delta-pm-days='0'], [data-delta-pm-mileage='0'], [data-delta-pm-hours='0'], [data-delta-pm-percentage='0'] {
  background: rgba(255, 0, 0, .7);
  border-radius: 10px;
}
#trucks-fleet-table .pm-bundle [data-delta-pm-days='1'], [data-delta-pm-mileage='1'], [data-delta-pm-hours='1'], [data-delta-pm-percentage='1'] {
  background: rgba(232, 230, 41, 0.5);
  border-radius: 10px;
}
#trucks-fleet-table .pm-bundle [data-delta-pm-days='2'], [data-delta-pm-mileage='2'], [data-delta-pm-hours='2'], [data-delta-pm-percentage='2'] {
  background: rgba(255, 165, 0, .5);
  border-radius: 10px;
}
#trucks-fleet-table .pm-bundle [data-delta-pm-days='3'], [data-delta-pm-mileage='3'], [data-delta-pm-hours='3'] {
  /*background: rgba(255, 0, 0, .7);*/
  /*border: 1px dashed lightgreen;*/
  /*border-radius: 10px;*/
}
#trucks-fleet-table .pm-bundle [data-delta-pm-days='4'], [data-delta-pm-mileage='4'], [data-delta-pm-hours='4'] {
  /*background: rgba(255, 0, 0, .7);*/
  /*border: 1px dashed lightgreen;*/
  /*border-radius: 10px;*/
}

#trucks-fleet-table .weekly-inspection[data-delta-days='-1'] {
  background: lightgoldenrodyellow;
  border-radius: 10px;
  border: 3px solid red;
}
#trucks-fleet-table .weekly-inspection[data-delta-days='0'] {
  background: rgba(255, 0, 0, .7);
  border-radius: 10px;
}
#trucks-fleet-table .weekly-inspection[data-delta-days='1'] {
  background: rgba(255, 165, 0, .5);
  border-radius: 10px;
}
#trucks-fleet-table .weekly-inspection[data-delta-days='2'] {
  background: rgba(232, 230, 41, 0.5);
  border-radius: 10px;
}
#trucks-fleet-table .weekly-inspection[data-delta-days='3'] {
}
#trucks-fleet-table .weekly-inspection[data-delta-days='4'] {
  /*background: rgba(255, 0, 0, .7);*/
  border-radius: 10px;
  border: 1px solid green;
}

.container h1 { display:inline; }

.row-header {
  margin-top: 10px;
}
.pill-header {
  margin-top: 10px;
  margin-bottom: 15px;
}
.pill {
  border: 1px solid;
  border-color: #007bff;
  border-radius: 1rem;
  padding: 10px;
}
.pill-grey {
  border: 1px solid;
  border-color: lightgrey;
  color : lightgrey;
  border-radius: 1rem;
  padding: 10px;
}
.pill-grey a{
  color : lightgrey;
}
#trucks-fleet-table #tire-condition-section>div {
  min-width: 150px;
}
#trucks-fleet-table #tire-condition-section div div{
  display: inline-block;
  border-radius: 10px;
  padding: 4px;
  font-size: 10px;
}
/*#trucks-fleet-table, .jobs-table .no-border-th {
  border: none;
}
*//*#trucks-fleet-table #brake-condition-section>div {
  min-width: 150px;
}
*/
#tire-section-table-header div div, #brake-section-table-header div div, #weekly-inspection-section-table-header div div{
  display: inline-block;
  border-radius: 10px;
  min-height: 12px;
  min-width: 12px;
  padding: 2px;
  font-size: 10px;
}
#trucks-fleet-table #brake-condition-section div div{
  display: inline-block;
  border-radius: 10px;
  padding: 4px;
}
#trucks-fleet-table tr .fleet-location-td, #jobs-table tr .fleet-location-td {
  border: none;
}

#trucks-fleet-table th.tr-th-white-background,
#trucks-fleet-table .fleet-overview-year-make-model {
/*  background-color: white;*/
/*  border: none; */
}
.jobs-table td:nth-child(1), .jobs-table th:nth-child(1) {
/*  background-color: white;*/
/*  border: none; */
}
#trucks-fleet-table, .jobs-table {
  border: none;
}
.oval-section div div[data-ten-condition='noentry']{
  background: lightgrey;
}
.oval-section div div[data-ten-condition='-1']{
  background: grey;
  min-height: 13px;
}
.oval-section div div[data-ten-condition='0']{
  background: rgba(255, 0, 0, .7);
  /*background: lightgreen;*/
}
.oval-section div div[data-ten-condition='1']{
  background: rgba(255, 165, 0, .5);
}
.oval-section div div[data-ten-condition='2']{
  background: rgba(232, 230, 41, 0.5);
}
.oval-section div div[data-ten-condition='3']{
  background: lightgreen;
}
.oval-section div div[data-ten-condition='h']{
  background: lightgreen;
}
.oval-section div div[data-ten-condition='m']{
  background: rgba(232, 230, 41, 0.5);
}
.oval-section div div[data-ten-condition='l']{
  background: rgba(255, 165, 0, .5);
}
.oval-section div div[data-ten-condition='i']{
  background: rgba(255, 0, 0, .7);
}
#tire-condition-header, #brake-condition-header {
  font-size: 8pt;
}
#info-tire-condition div {
  display: inline-block;
}
#info-tire-condition div div, #info-brake-condition div div{
  display: inline-block;
  border-radius: 10px;
  padding: 4px;
}
.fleet-overview-year-make-model {
  font-size: 9px;
  color: darkgray;
}
.small-date {
  font-size: 14px;
  color: darkgray;
}
#trucks-fleet-table .fleet-location-td, #jobs-table .fleet-location-td{
  margin: 5px;
  border-radius: 40px;
  background: lightskyblue;
}
#trucks-fleet-table .spacer{
  height: 10px;
}
#trucks-fleet-table td {
  padding-bottom: .25rem;
  padding-top: .25rem;
}
#wi-tire-condition-fieldset fieldset .form-group {
  display: inline-block;
}
#wi-brake-condition-fieldset fieldset .form-group {
  display: inline-block;
}
.tire-vertical-line{
  border-left: 1px solid grey;
  min-height: 10px;
  border-radius: 0px!important;
  padding: 0px!important;
}
#wi-tire-condition-fieldset .form-group {
  /*width: 20%;*/
}
.hidden {
  display: none;
}
.weekly-inspection-fluid-form {
  border: 1px solid darkgrey;
  border-radius: 1em;
  padding: 10px;
}
.weekly-inspection-fluid-form, .coming-soon, .grey-text, .gray-text{
  color: darkgrey;
}
#weekly-inspection-form input::-webkit-outer-spin-button, #weekly-inspection-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.recent-ohr-fleet-overview {
  border: 5px solid yellowgreen;
  min-width: 5px;
  background: yellowgreen;
  border-radius: 5px;
  display: inline-block;
}
.recent-job-fleet-overview {
  border: 5px solid #007bff;
  min-width: 5px;
  background: #007bff;
  border-radius: 5px;
  display: inline-block;
}
.recent-issue-fleet-overview {
  border: 5px solid #8B0FCF;
  min-width: 5px;
  background: #8B0FCF;
  border-radius: 5px;
  display: inline-block;
}
/* Hide the browser's default checkbox */
.brake-checkbox-input input[type=checkbox] {
  display: none; /* I think its fine to display none without screen reader, since selection occurs on a different button*/
}
.tires input[type=checkbox] {
  display: none; /* I think its fine to display none without screen reader, since selection occurs on a different button*/
}
.disabled {
  color: grey;
}
.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.col-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#id_description {
  width: 100%;
  min-height: 100px;
}

@media print {
  .small-text-print{
    font-size: 25px
  }
  footer, .no-print {
    display: none !important;
  }
  div{
      page-break-inside: avoid;
  }
  #qrprint{
    padding-left: 25px;
    padding-right: 0px;
    min-width: 97%!important;
    margin: 5px;
  }
}
td[colspan]:not([colspan="1"]) {
    text-align: center;
}
.wi-tire-input {
  width: 40%;
  display: flex;
}
.right-side {
  border-right: 2px solid lightblue;
}
#trucks-fleet-table {
  align-items: flex-start;
}
tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: white;
  z-index: 11;
}
#trucks-fleet-table .fleet-location-td {
  position: -webkit-sticky;
  position: sticky;
  top: 88px;
  z-index: 10;
}
#trucks-fleet-table .spacer-first{
  height: 11px;
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  z-index: 9;
  background: white;
  border: none;
}
#jobs-table .spacer-first{
  height: 11px;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 9;
  background: white;
  border: none;
}
#jobs-table .fleet-location-td {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 10;
}
.red-text {
  color: red;
}
.invoice-ear {
  background: linear-gradient(45deg, white 85%, #a1f442 15%)
}
.upper-table-header-row {
  border-bottom: none!important;
}
.lower-table-header-row {
  border-top: none!important;
}
.left-table-border {
  border-left: 1px solid #dee2e6;
}
.pay ul {
  padding-left: 10px;
}
.pay li {
  padding-left: 5px;
}
.no-padding {
  padding: 0px;
}
.circle-round {
  font-size: 40px;
  border-radius: 15px;
  padding: 3px;
  border: 2px solid blue;
}
.wi-truck-new-issue:first-child .deleteForm{
  display: none;
}
.vin-background {
  margin-left: 10px;
  background-color: lightblue;
  border-radius: 5px;
  padding: 5px;
}
.calculated-tr {
  border:  2px solid black;
}

/*input button onInput*/
/*per https://stackoverflow.com/questions/35306801/why-does-my-input-not-work-on-mobile*/
input.btn {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.span-radio-select {
  margin-right: 30px;
}