body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}


@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
    flex:none !important;
  }
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
    flex:none !important;
  }
}


.card-header{margin: 0;font-size: 14px !important;}



.weekTableDiv {
  max-width: 100%;
  max-height: 200em;
  overflow: scroll !important;
  position: relative;
}

table.weekTable {
  position: relative;
  border-collapse: collapse;
}

.weekTable td,
.weekTable th {
  padding: 0.25em;
}

.weekTable thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background: #000;
  color: #FFF;
  z-index: 900;
}
.weekTable thead td {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 30px;
  background: #000;
  color: #FFF;
  z-index: 900;
}

.weekTable thead th:first-child {
  right: 0;
  z-index: 950;
}
.weekTable tbody td:first-child{
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  right: 0;
  background: white;
  z-index: 800;
}
.weekTable tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
  border-right: 1px solid #CCC;
}