#meetingTitle h1 {
  font-size: 36px;
  font-weight: bolder;
  margin-bottom: 24px;
}

.table thead th {
  padding: 14px 10px;
}

.nav-item .nav-link.active {
  color: #42a742;
  font-weight: bolder;
}

.nav-item .nav-link {
  background-color: #f4f4f4;
  color: #333732;
  font-weight: bolder;
  border: 1px solid #dee2e6;
  padding: 0.5rem 1.5rem;
}

.nav-tabs .nav-item {
  padding-right: 5px;
}

#raceNumbers {
  padding: 10px 0;
  display: flex;
  margin-bottom: 20px;
}

#breadCrumbs,
#meetingTitle,
#raceNumbers {
  grid-column: 1 / 11;
}

.breadCrumbs {
  display: inline-block;
  margin-left: 10px;
}

#formButtons {
  float: left;
  display: inline-block;
  margin: 0 0 0 20px;
}

#raceNumbers a {
  background: #eee;
  padding: 12px 15px;
  text-decoration: none;
  border: 1px solid #ccc;
  margin: 0;
  border-radius: 3px;
  font-size: 14px;
  line-height: normal;
  color: #000;
  display: inline-block;
  flex: 1 1 auto;
  text-align: center;
  margin-right: 10px;
}

#raceNumbers a:hover,
#raceNumbers .active {
  background: #4bb748;
  color: #fff;
  border: 1px solid #4bb748;
}

#formButtons a {
  background: #eee;
  padding: 6px 10px;
  text-decoration: none;
  border: 1px solid #ccc;
  margin-right: 3px;
  border-radius: 3px;
  font-size: 15px;
  line-height: normal;
  color: #000;
  display: inline-block;
}

#formButtons a i.fa {
  margin-right: 3px;
}

#formButtons a:hover,
#formButtons .active {
  background: #4bb748;
  color: #fff;
  border: 1px solid #4bb748;
}

#formContainer {
  grid-column: 1 / 11;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

#meetingTitle h1 {
  font-size: 34px;
}

select.form {
  padding: 2px 8px;
  font-size: 15px;
  border-radius: 3px;
}

.longFormFullSpan {
  grid-column: 1 / 13;
  margin-bottom: 20px;
}

.longFormFullSpan.runners td.bookmaker {
  max-width: 50px;
  width: 50px;
  padding: 0;
  background-repeat: no-repeat;
  color: transparent;
  background-position: center;
  background-size: 32px;
  border: 0;
}

.longFormFullSpan.runners thead th.bookmaker--bet365 {
  background-image: url(https://puntcdn.com/Logos/bet365/bet365_44x44.svg);
  background-color: #07805d;
}

.longFormFullSpan.runners thead th.bookmaker--tab {
  background-image: url(https://puntcdn.com/Logos/tab/tab_44x44.svg);
  background-color: #008952;
}

.longFormFullSpan.runners thead th.bookmaker--ladbrokes {
  background-image: url(https://puntcdn.com/Logos/ladbrokes/ladbrokes_44x44.svg);
  background-color: #e92227;
}

.longFormFullSpan.runners thead th.bookmaker--sportsbetting {
  background-image: url(https://puntcdn.com/Logos/sportsbetting/sportsbetting_44x44.svg);
  background-color: #f16a21;
}

.longFormFullSpan.runners thead th.bookmaker--sportsbet {
  background-image: url(https://puntcdn.com/Logos/sportsbet/sportsbet_44x44.svg);
  background-color: #30a5dd;
}

.longFormFullSpan.runners thead th.bookmaker--neds {
  background-image: url(https://puntcdn.com/Logos/neds/neds_44x44.svg);
  background-color: #ff7800;
}

.longFormFullSpan.runners thead th.bookmaker--topsport {
  background-image: url(https://puntcdn.com/Logos/topsport/topsport_44x44.svg);
  background-color: #25356f;
}

.longFormFullSpan.runners thead th.bookmaker--realbookie {
  background-image: url(https://puntcdn.com/Logos/realbookie/realbookie_44x44.svg);
  background-color: #158c93;
}

.longFormFullSpan.runners thead th.bookmaker--bluebet {
  background-image: url(https://puntcdn.com/Logos/bluebet/bluebet_44x44.svg);
  background-color: #385eb2;
}

.longFormFullSpan.runners thead th.bookmaker {
  max-width: 50px;
  width: 50px;
  padding: 0;
  background-repeat: no-repeat;
  color: transparent;
  background-position: center;
  background-size: 36px;
}

.bookmaker-link {
  transition: background-color 0.3s ease;
  position: relative;
  text-align: center;
}

.bookmaker-link::before {
  content: 'BET NOW';
  font-size: 9px;
  color: #ffffff;
  position: absolute;
  top: 8px;
  width: 100%;
  text-align: center;
  left: 0;
  transform: translateY(-7px);
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

.bookmaker-link--ladbrokes.valid:hover {
  background-color: #e92227;
}

.bookmaker-link--tab.valid:hover {
  background-color: #008952;
}

.bookmaker-link--sportsbetting.valid:hover {
  background-color: #f36a23;
}

.bookmaker-link--bet365.valid:hover {
  background-color: #07805d;
}

.bookmaker-link--sportsbet.valid:hover {
  background-color: #30a5dd;
}

.bookmaker-link--neds.valid:hover {
  background-color: #ff7800;
}

.bookmaker-link--topsport.valid:hover {
  background-color: #25356f;
}

.bookmaker-link--realbookie.valid:hover {
  background-color: #158c93;
}

.bookmaker-link--bluebet.valid:hover {
  background-color: #385eb2;
}

.bookmaker-link a {
  color: #212529;
  transition: all 0.3s ease;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  cursor: auto;
}

.bookmaker-link.valid a {
  pointer-events: auto;
  cursor: pointer;
}

.bookie {
  display: flex;
  border-radius: 3px;
  overflow: hidden;
  align-items: center;
}

.bookie-icon {
  height: 30px;
  width: 34px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bookie--ubet .bookie-icon {
  background-image: url(https://puntcdn.com/Logos/tab/tab_44x44.svg);
  background-color: #008952;
}

.bookie--ubet a.bet-button {
  background-color: #008952;
}

.bookie--bet365 .bookie-icon {
  background-color: #07805d;
  background-image: url(https://puntcdn.com/Logos/bet365/bet365_44x44.svg);
}

.bookie--sportsbet .bookie-icon {
  background-color: #30a5dd;
  background-image: url(https://puntcdn.com/Logos/sportsbet/sportsbet_44x44.svg);
}

.bookie--sportsbetting .bookie-icon {
  background-color: #f16a21;
  background-image: url(https://puntcdn.com/Logos/sportsbetting/sportsbetting_44x44.svg);
}

.bookie--neds .bookie-icon {
  background-color: #ff7800;
  background-image: url(https://puntcdn.com/Logos/neds/neds_44x44.svg);
}

.bookie--topsport .bookie-icon {
  background-color: #25356f;
  background-image: url(https://puntcdn.com/Logos/topsport/topsport_44x44.svg);
}

.bookie--realbookie .bookie-icon {
  background-color: #158c93;
  background-image: url(https://puntcdn.com/Logos/realbookie/realbookie_44x44.svg);
}

.bookie--bluebet .bookie-icon {
  background-color: #385eb2;
  background-image: url(https://puntcdn.com/Logos/bluebet/bluebet_44x44.svg);
}

a.bet-button {
  background-color: #4bb748;
  height: 30px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 0 !important;
}

a.bet-button.invalid {
  opacity: 0;
  pointer-events: none;
}

.bookie-bet-btn {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  padding: 4px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 14px;
}

.bookie--bet365 a.bet-button {
  background-color: #07805d;
}

.bookie--sportsbet a.bet-button {
  background-color: #30a5dd;
}

.bookie--neds a.bet-button {
  background-color: #ff7800;
}

.bookie--sportsbetting a.bet-button {
  background-color: #f16a21;
}

.bookie--topsport a.bet-button {
  background-color: #25356f;
}

.bookie--realbookie a.bet-button {
  background-color: #158c93;
}

.bookie--bluebet a.bet-button {
  background-color: #385eb2;
}

a.bet-button:hover {
  color: white;
}

.bookmaker-link:hover a {
  color: #ffffff;
  text-decoration: none;
  transform: translateY(7px);
}

.bookmaker-link:hover::before {
  transform: translateY(0);
  opacity: 1;
}

.one {
  background-image: url(../images/rugs/greyhound-rug-1.png);
  background-size: 50%;
}
.two {
  background-image: url(../images/rugs/greyhound-rug-2.png);
  background-size: 50%;
}
.three {
  background-image: url(../images/rugs/greyhound-rug-3.png);
  background-size: 50%;
}
.four {
  background-image: url(../images/rugs/greyhound-rug-4.png);
  background-size: 50%;
}
.five {
  background-image: url(../images/rugs/greyhound-rug-5.png);
  background-size: 50%;
}
.six {
  background-image: url(../images/rugs/greyhound-rug-6.png);
  background-size: 50%;
}
.seven {
  background-image: url(../images/rugs/greyhound-rug-7.png);
  background-size: 50%;
}
.eight {
  background-image: url(../images/rugs/greyhound-rug-8.png);
  background-size: 50%;
}
.nine {
  background-image: url(../images/rugs/greyhound-rug-9.png);
  background-size: 50%;
}
.ten {
  background-image: url(../images/rugs/greyhound-rug-10.png);
  background-size: 50%;
}

#tableHeader tr th {
  padding: 22px;
  font-size: 18px;
  line-height: normal;
  font-weight: 400;
}

.title {
  float: left;
}

.longFormSummary {
  margin-bottom: 0px;
}

.longFormSummary th {
  text-align: left !important;
  padding: 5px 5px;
  font-weight: normal;
  color: #555;
  font-size: 14px;
  line-height: normal;
  border-bottom: 0 !important;
}

.longFormSummary th:first-child {
  padding-left: 7px;
}

.longFormSummary tr,
.longFormSummary td {
  font-size: 15px;
  line-height: normal;
}

.longFormSummary tr:last-child {
  background: #f4f4f4;
}

.longFormSummary tr:last-child td {
  font-size: 18px !important;
  vertical-align: middle;
}

.longFormSummary tr:last-child td:first-child {
  width: 40px;
  padding: 10px 0 10px 5px;
}

.longFormSummary td:nth-child(1) {
  width: 200px;
  min-width: 200px;
  background-position-x: 10px;
  position: relative;
}

.longFormSummary td:nth-child(1) strong {
  color: #333732;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  height: 15px;
  margin-left: 30px;
}

.longFormSummary td {
  border-top: 0 !important;
}

.longFormSummary td:nth-child(2) {
  width: 40px;
}

.longFormSummary td:nth-child(3) {
  width: 190px;
}

.longFormSummary td:nth-child(4) {
  width: 140px;
}

.longFormSummary td:nth-child(5) {
  width: 60px;
  vertical-align: middle;
}

.longFormSummary td:nth-child(6) {
  width: 60px;
}

.longFormHeader {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.longFormHeader th {
  text-align: left !important;
}

.longFormHeader td {
  padding: 10px 5px;
}

.longFormHeader tr:nth-child(1) td:nth-child(1) {
  width: 30px;
  vertical-align: middle;
  text-align: center;
  background-size: 56px;
}

.longFormHeader tr:nth-child(1) td:nth-child(2) {
  width: 200px;
  font-size: 24px;
  font-weight: bold;
  border-right: 1px solid #ccc;
  padding: 0px 2px;
  vertical-align: middle;
}

.longFormHeader tr:nth-child(1) td:nth-child(3) {
  width: 170px;
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding: 2px;
  vertical-align: middle;
}

.longFormHeader tr:nth-child(1) td:nth-child(4) {
  width: 250px;
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding: 0px 2px;
  vertical-align: middle;
}

.longFormHeader tr:nth-child(2) td:nth-child(1) {
  width: 170px;
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding: 2px;
}

.longFormHeader tr:nth-child(3) td:nth-child(1) {
  width: 200px;
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding: 0px 2px;
}

.longFormHeader tr:nth-child(3) td:nth-child(2) {
  width: 170px;
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding: 2px;
}

.longFormHeader .rating {
  width: 40px;
  text-align: center;
  border-right: 1px solid #ccc;
  padding: 0px 2px;
}

.longFormHeader .odds {
  width: 40px;
  text-align: center;
  padding: 0px 2px;
}

.longFormHeader thead {
  background-color: #cecece;
  color: #000;
}

.longFormHeader .one,
.longFormHeader .two,
.longFormHeader .three,
.longFormHeader .four,
.longFormHeader .five,
.longFormHeader .six,
.longFormHeader .seven,
.longFormHeader .eight,
.longFormHeader .nine,
.longFormHeader .ten {
  background-size: 40px 40px;
}

.longForm td {
  padding: 5px 2px;
  font-size: 14px;
  line-height: normal;
  border-bottom: 1px dotted #ccc;
  white-space: nowrap;
  padding: 12px 9px;
}

.longForm th:nth-child(1) {
  width: 35px;
}

.longForm th:nth-child(2) {
  width: 60px;
}

.longForm th:nth-child(3),
.longForm th:nth-child(4) {
  width: 30px;
}

.longForm th:nth-child(7),
.longForm th:nth-child(13) {
  width: 35px;
}

.longForm th:nth-child(5),
.longForm th:nth-child(6),
.longForm th:nth-child(8),
.longForm th:nth-child(9),
.longForm th:nth-child(10),
.longForm th:nth-child(11),
.longForm th:nth-child(12),
.longForm th:nth-child(14) {
  width: 40px;
}

.longForm td:nth-child(1) {
  width: 35px;
  color: #777;
}

.longForm td:nth-child(2) {
  width: 60px;
  color: #777;
}

.longForm td:nth-child(3),
.longForm td:nth-child(4) {
  width: 30px;
}

.longForm td:nth-child(7),
.longForm td:nth-child(13) {
  width: 35px;
}

.longForm td:nth-child(5),
.longForm td:nth-child(6),
.longForm td:nth-child(8),
.longForm td:nth-child(9),
.longForm td:nth-child(10),
.longForm td:nth-child(11),
.longForm td:nth-child(12),
.longForm td:nth-child(14) {
  width: 40px;
}

#longFormBreeding {
  font-size: 10px;
  font-weight: bold;
}

.longFormLabels th {
  font-size: 14px;
  line-height: normal;
  background-color: #eeeeee;
  text-align: left !important;
  padding: 4px 2px;
  font-weight: normal;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  white-space: nowrap;
}

.longFormRuns {
  font-size: 12px;
}

#tableHeader {
  background-color: #333732;
  color: #fff;
  text-align: left;
}

.longFormStatsBox {
  font-size: 10px;
  border-bottom: 1px solid #ccc;
}

.longFormOverallStats td,
.longFormTrainerStats td {
  padding: 4px 0px;
}

.longFormStatsBoxHeader th {
  background-color: #eeeeee;
  color: #000;
  font-size: 14px;
  padding: 14px 3px;
  line-height: normal;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  text-align: center;
}

.longFormStatsBox td {
  text-align: center;
}

.longFormStatsBoxBoxes {
  font-size: 14px;
}

.longFormStatsBoxBoxes td:nth-child(1) {
  width: 40px;
  text-align: left;
  vertical-align: middle;
}

.longFormStatsBoxBoxes td:nth-child(n + 2) {
  height: 20px;
  vertical-align: middle;
}

.box {
  background-position-y: center;
  background-repeat: no-repeat;
  color: transparent;
  background-size: 21px 21px;
}

.longFormStatsBoxBoxes tr:nth-child(1) td:nth-child(n + 2) {
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  width: 22px;
}

.longFormTrainerStats td:nth-child(1) {
  width: 45px;
}

.longFormTrainerStats td:nth-child(2) {
  width: 136px;
}

.dogComment {
  color: #000 !important;
}

#runnerWrapper {
  margin-bottom: 40px;
  grid-column: 1 / 13;
}

.bon {
  color: red;
  font-weight: bold;
}

.trial {
  font-style: italic;
  color: #848484;
}

.bold {
  font-weight: bold;
}

.raceSummary {
  font-size: 16px;
  color: #333732 !important;
}

.tipsBox {
  width: 21px;
  height: 21px;
  display: block;
  float: left;
  margin-right: 10px;
}

.printRug {
  display: none;
}

.highlightRun {
  background-color: #dcf5da;
}

a {
  color: #4bb748;
  text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #meetingTitle h1 {
    font-size: 20px;
  }
  #formButtons a {
    padding: 4px 6px;
    font-size: 14px;
  }
  #tableHeader tr th {
    font-size: 14px;
  }
  .longFormSummary th,
  .longFormSummary td {
    font-size: 12px;
  }
  .longFormSummary td:nth-child(4) {
    white-space: nowrap;
  }
  .longFormSummary td:nth-child(3) {
    width: 110px;
  }
  table.tblRaf td .trainer,
  table.tblRaf td .owner,
  table.tblRaf td .prizemoney,
  table.tblRaf td .bestwins,
  table.tblRaf td .ratings,
  table.tblRaf td .odds {
    font-size: 12px !important;
  }
  .dogName {
    font-size: 18px !important;
  }
  .longFormLabels th {
    font-size: 12px;
  }
  .longForm td {
    font-size: 12px;
    white-space: nowrap;
  }
  .longFormStatsBoxHeader th {
    font-size: 12px;
  }
  .longFormStatsBoxBoxes {
    font-size: 12px;
  }
  .longFormOverallStats {
    font-size: 12px;
  }
  .longFormTrainerStats {
    font-size: 12px;
  }
  .longFormTrainerStats td:nth-child(2) {
    width: 70px;
  }
}