body {
  padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
 will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px;
}

.jumbotron {
  background-image: url('../assets/FootballPitch.jpg');
  background-size: cover;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

@media(max-width:650px) {
  .no-mobile {
    display: none;
  }

  .tableNoLine {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .tableNoLine>thead>tr>th,
  .tableNoLine>tbody>tr>th,
  .tableNoLine>tfoot>tr>th,
  .tableNoLine>thead>tr>td,
  .tableNoLine>tbody>tr>td,
  .tableNoLine>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
  }

  .tableNoLine>thead>tr>th {
    vertical-align: bottom;

  }

  .tableNoLine>caption+thead>tr:first-child>th,
  .tableNoLine>colgroup+thead>tr:first-child>th,
  .tableNoLine>thead:first-child>tr:first-child>th,
  .tableNoLine>caption+thead>tr:first-child>td,
  .tableNoLine>colgroup+thead>tr:first-child>td,
  .tableNoLine>thead:first-child>tr:first-child>td {
    border-top: 0;
  }

  .tableNoLine>tbody+tbody {
    border-top: none;
  }

  .tableNoLine .table {
    background-color: #ffffff;
  }
}

.simulator-page input,
.simulator-page select,
.simulator-page textarea {
  max-width: none;
}

.simulator-shell {
  border-color: #d9dde5;
}

.simulator-panel {
  background: #f8fafc;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  padding: 16px;
}

.simulator-panel-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5f6f86;
  margin-bottom: 12px;
  font-weight: 700;
}

.simulator-toggle {
  border: 1px solid #dde3ec;
  background: #fbfcfe;
  border-radius: 8px;
  padding: 12px 14px;
}

.simulator-toggle .form-check-input {
  margin-top: 0.25rem;
}

.simulator-page .btn-primary {
  min-width: 190px;
}

@media (max-width: 767px) {
  .simulator-shell .card-body {
    padding: 16px;
  }

  .simulator-page .btn-primary {
    width: 100%;
    margin-top: 8px;
  }
}

.season-page input,
.season-page select,
.season-page textarea {
  max-width: none;
}

.season-shell {
  border-color: #d9dde5;
}

.season-status {
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  padding: 6px 10px;
}

.season-stat {
  background: #f8fafc;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  padding: 14px;
  min-height: 100%;
}

.season-stat-label {
  margin-bottom: 6px;
  color: #5f6f86;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.season-stat-value {
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #1d2a3b;
}