@media (max-width: 991px) {
    .mobile-block {
        display: block;
    }
    .mobile-none {
        display: none;
    }
    table.timesheet > thead {
        display: none;
      }
      table.timesheet > tbody > tr > td {
        display: flex;
      }
      
      table.timesheet > tbody > tr > td::before {
        content: attr(label);
        font-weight: bold;
        width: 120px;
        min-width: 120px;
      }
      table.timesheet > tbody > tr {
        border-bottom: 1px solid #444;
        margin: 25px 0px;
      }
    .pt-22 {
        padding-bottom: 22px;
    }
}
@media (min-width: 992px) {
    .desktop-block {
        display: block;
    }
    .desktop-none {
        display: none;
    }
}
.mt-20 {
    margin-top: 20px;
}
.pt-22 {
    padding-top: 22px;
    padding-bottom: 22px;
}
.pb-10 {
    padding-bottom: 10px;
 }