html {
    height: 100%;
}
  
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
  
.navandmain {
  flex: 1;
}

.timesheet .today {        
  font-weight: bold;
}

.row-bordered {
  position: relative;
}

.row-bordered:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ccc;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
}

.service-name {
  text-align: center;
}
.service-name1 {
  text-align: center;
  margin-bottom: 0;
}
.service-name2 {
  text-align: center;
  margin-top: 0;
}
.service-icon {
  text-align: center;
  height: 176px;
}
.service-icon img {
    display: inline-block;
    max-width: 180px;
    height: 176px;
    vertical-align: middle;
    padding: 20px 0;
}
@media (min-width: 978px) {
  .services-box {
    margin-right: 0;
    border: 1px solid #e5e5e5;
    border-left: 0;
  }
  .services-box.middle {
    background-color: #f2f2f2;
  }
  .services-box.last {
    border-right: 0;
  }
}
.month-header {
  background-color: #6c757d;
  color: white;
  font-weight: bold;
  text-align: center;
}
th, td {
  vertical-align: middle !important;
}