.box-sizing { max-width: 0; } 
.form-group { display: flex; gap: 10px;
  margin-bottom: 20px; padding-bottom: 10px;
  border-bottom: 2px solid rgb(231, 231, 231);
} 
tfoot {background: #eafdeb;}    
thead { position: fixed; position: relative; background: #e3f2ff;}
.tbHead { font-weight: 700; background: rgb(238, 249, 255); }
.form-group { display: flex; margin-bottom: 0px; } 
.table>:not(caption)>*>* { padding: .2rem .5rem; }
.form-control { padding: .175rem; } 
tbody td:nth-child(1) { background: #fffee7;}
button{ border-radius:5px; font-weight: bold;}
@media screen and (min-width: 768px) {
  .container { max-width: 880px; }
  .form-control { padding: .175rem; }
}
.sm {
  width: 10%;
}
.md {
  width: 15%;
}
.lg {
  width: 60%;
}
select { text-align-last: right; }
option { direction: rtl; }