/* Fuel Request History: remove wasted vertical space and keep a small footer visible. */
#customerFuelHistory{
  padding-top:0 !important;
  padding-bottom:0 !important;
  min-height:0 !important;
}
#customerFuelHistory.show{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height:auto !important;
}
#customerFuelHistory .details-toolbar{
  margin-top:0 !important;
  padding-top:0 !important;
  margin-bottom:14px !important;
}
#customerFuelHistory .fuel-history-head{
  margin-top:0 !important;
  margin-bottom:14px !important;
}
#customerFuelHistory .fuel-history-tools{
  margin-top:0 !important;
  margin-bottom:8px !important;
}
#customerFuelHistory .fuel-history-results-meta{
  margin-bottom:8px !important;
}
#customerFuelHistory .fuel-history-list{
  flex:0 1 auto !important;
  min-height:0 !important;
  padding-bottom:14px !important;
}
#customerFuelHistory .fuel-history-panel-footer{
  flex:0 0 auto !important;
  margin-top:auto !important;
  min-height:34px !important;
  border-top:1px solid #e3e8ed !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  color:#8a96a1 !important;
  font-size:.76rem !important;
  background:#fff !important;
}
/* Reduce the large empty area at the very top of the customer portal when history is open. */
.customer-account-card:has(#customerFuelHistory.show){
  padding-top:28px !important;
  padding-bottom:0 !important;
}
.customer-account-card:has(#customerFuelHistory.show) .portal-card-brand{
  margin-bottom:18px !important;
}
@media(max-width:700px){
  .customer-account-card:has(#customerFuelHistory.show){
    padding-top:20px !important;
  }
  #customerFuelHistory .details-toolbar{
    margin-bottom:10px !important;
  }
  #customerFuelHistory .fuel-history-panel-footer{
    min-height:30px !important;
    padding:7px 10px !important;
  }
}