/* --------------------------------------------------------------------------- Three Filter Options Panel --------------------------------------------------------------------------- */
.filters.three { width: 100%; box-sizing: border-box; padding: 16px; background: #1c2d46; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.filters.three > div { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; font-size: 14px; }
.filters.three > div .optionDescription { color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; }
.filters.three > div .optionControl { max-width: 250px; height: 42px; }
.filters.three > div .optionControl select { font-weight: 600; font-size: 14px; color: #1C2D46; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #D6D6D6; padding: 6px; }
.filters.three > div .optionControl input { font-weight: 600; font-size: 14px; width: 80px; height: 100%; color: #1C2D46; box-sizing: border-box; border-radius: 5px; border: 1px solid #D6D6D6; padding: 6px; }
.filters.three .distanceSearch .btnFilter { background: #57B2B8; cursor: pointer; transition: background 0.2s linear; border: 1px solid #fff; color: #fff; text-transform: uppercase; width: 50px; height: 42px; text-transform: uppercase; box-sizing: border-box; border-radius: 5px; }
.filters.three .distanceSearch .btnFilter:hover { background: #F36F2B; transition: background 0.2s linear; }
.filters.three .btnHistoricalResults { display: flex; align-items: center; justify-content: center; width: fit-content; background: #006954; padding: 0; border: 1px solid #fff; border-radius: 5px; transition: background 0.2s linear; }
.filters.three .btnHistoricalResults:hover { background: #005241; transition: background 0.2s linear; }
.filters.three .btnHistoricalResults > a { display: block; text-decoration: none !important; text-align: center; font-weight: bold; color: #fff !important; text-transform: uppercase; padding: 8px; }

@media (max-width: 1150px) {
  .filters.three { flex-direction: column; flex: 1 1 0px; }
  .filters.three > div { gap: 20px; padding: 10px 0; width: 100%; }
  .filters.three > div .optionDescription { text-align: right; width: 110px; }
  .filters.three > div .optionControl { max-width: unset; flex: 1; }
  .filters.three > div .optionControl select { max-width: unset; width: 100% !important; }
  .filters.three > div .optionControl input { width: 100% !important; }
}

@media (max-width: 520px) {
  .filters.three > div { flex-direction: column; gap: 5px; }
  .filters.three > div .optionDescription { width: 100% !important; text-align: left; }
  .filters.three > div .optionControl { flex: unset; width: 100%; }
  .filters.three .distanceSearch .btnFilter { width: 100px; margin-top: 15px; }
}


/*--------------------------------------------------------------------------- Four Filter Options Panel ---------------------------------------------------------------------------*/
.filters.four { width: 100%; box-sizing: border-box; padding: 16px; background: #1c2d46; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.filters.four .filterGroup { width: 100%; padding: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
.filters.four .filterGroup > div { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; font-size: 14px; }
.filters.four .filterGroup > div .optionDescription { color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 110px; text-align: right; }
.filters.four .filterGroup > div .optionControl { width: calc(100% - 130px); height: 42px; }
.filters.four .filterGroup > div .optionControl select { font-weight: 600; font-size: 14px; color: #1C2D46; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #D6D6D6; padding: 6px; }
.filters.four .filterGroup > div .optionControl input { font-weight: 600; font-size: 14px; color: #1C2D46; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #D6D6D6; padding: 6px; }
.filters.four .filterGroup .distanceSearch .optionDescription { color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 110px; text-align: right; }
.filters.four .filterGroup .distanceSearch .controlsGroup { width: calc(100% - 130px); height: 42px; display: flex; align-items: center; justify-content: center; gap: 20px; }
.filters.four .filterGroup .distanceSearch .controlsGroup .optionControl { width: calc(50% - 45px); height: 42px; }
.filters.four .filterGroup .distanceSearch .controlsGroup .optionControl select { font-weight: 600; font-size: 14px; color: #1C2D46; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #D6D6D6; padding: 6px; }
.filters.four .filterGroup .distanceSearch .controlsGroup .optionControl input { font-weight: 600; font-size: 14px; color: #1C2D46; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #D6D6D6; padding: 6px; }
.filters.four .filterGroup .distanceSearch .controlsGroup .btnFilter { background: #57B2B8; cursor: pointer; transition: background 0.2s linear; border: 1px solid #fff; color: #fff; text-transform: uppercase; width: 50px; height: 42px; text-transform: uppercase; box-sizing: border-box; border-radius: 5px; }
.filters.four .filterGroup .distanceSearch .controlsGroup .btnFilter:hover { background: #F36F2B; transition: background 0.2s linear; }

@media (max-width: 1000px) {
  .filters.four .filterGroup { flex-direction: column; }
}

@media (max-width: 520px) {
  .filters.four .filterGroup > div { flex-direction: column; gap: 5px; }
  .filters.four .filterGroup > div .optionDescription { width: 100% !important; text-align: left; }
  .filters.four .filterGroup > div .optionControl { width: 100%; }
  .filters.four .filterGroup .distanceSearch .optionDescription { width: 100% !important; text-align: left; }
  .filters.four .filterGroup .distanceSearch .controlsGroup { flex-direction: column; height: unset; width: 100%; }
  .filters.four .filterGroup .distanceSearch .controlsGroup .optionControl { width: 100% !important; }
  .filters.four .filterGroup .distanceSearch .controlsGroup .btnFilter { width: 100px; margin-top: 15px; }
}




/* ----------------------------------------------- TABLE DEFAULTS - using the .tableData class ------------------------------------------------ */
table.tableData { width: 100%; border: 0; border-bottom: 1px solid #D6D6D6; border-collapse: collapse; table-layout: fixed; margin: 20px 0 100px 0; }
table.tableData tr:nth-of-type(1), table.tableData tr.header { background: #fff; padding: 0; box-sizing: border-box; text-transform: uppercase; color: #16355F; font-size: 16px; font-weight: 700; text-align: left; }
table.tableData tr:nth-of-type(1) td, table.tableData tr.header td { padding: 14px 10px; border: 0; font-size: 16px; font-weight: 700; color: #1c2d46; }

table.tableData tr.tableRow { background: #E6F4F4; border: 0; border-top: 1px solid #D6D6D6; padding: 0; box-sizing: border-box; }
table.tableData tr.alternateRow { background: #fff; border: 0; border-top: 1px solid #D6D6D6; padding: 0; box-sizing: border-box; }
table.tableData tr.yellowBg { background: #ffebaf; border: 0; border-top: 1px solid #D6D6D6; padding: 0; box-sizing: border-box; }
table.tableData tr.redBg { background: #FADCDC; border: 0; border-top: 1px solid #D6D6D6; padding: 0; box-sizing: border-box; }
table.tableData td .highlightWorkingTrainingDay { display: block; width: fit-content; background-color: #1C2D46; color: white; text-transform: uppercase; font-weight: bold; padding: 3px 6px; font-size: .65em; margin: 2px 0; }
table.tableData td.fixed { white-space: nowrap; }
table.tableData td.flex { width: auto; }
table.tableData tr.tableRow td, table.tableData tr.alternateRow td, table.tableData tr.yellowBg td, table.tableData tr.redBg td { padding: 5px 10px; border: 0; font-size: 14px; font-weight: 400; color: #1c2d46; vertical-align: text-top; }
table.tableData .EmptyDatagridMessage { border: 0; border-top: 1px solid #D6D6D6; background: #E6F4F4; padding: 12.5px 10px; font-size: 14px; font-weight: 400; color: #1c2d46; }

table.tableData td:has(img.warning) { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; font-weight: 400; gap: 8px; }
table.tableData td img.warning { width: 20px; height: 18px; padding: 5px 0; }

table.tableData tr td div.subtitle {font-size: .9em; color: #707070; font-weight: bold; margin-left: 10px; text-transform: uppercase;}

table.tableData tr td select { height: 25px; margin: 4.5px 0; }

.totalAmount { color: darkgreen; font-weight: bold; font-size: 1.2em; margin: 20px 0 40px 0; }

#enterShowMakePurchases { margin: 0 0 100px 0; }
#enterShowMakePurchases table.tableData { margin: 0 0 40px 0; }
#completedEntriesPage table.tableData { margin: 0 0 100px 0; }
#myPaymentHistoryViewPage { margin: 0 0 100px 0; }
#myPaymentHistoryViewPage table.tableData { margin: 20px 0 10px 0; }
#myPaymentHistoryViewPage h3 { text-align: left; text-transform: uppercase; color: #1C2D46; font-weight: bold; font-size: 1.4em; margin: 60px 0 10px 0; }


@media (max-width: 650px) {
  table.tableData tr:nth-of-type(1), table tr.header { display: none; }

  table.tableData,
  table.tableData tbody,
  table.tableData tr,
  table.tableData td { display: block; padding: 0; }

    table.tableData tr.tableRow, table.tableData tr.alternateRow, table.tableData tr.yellowBg, table.tableData tr.redBg { padding: 10px; border-top: 1px solid #D6D6D6; }
      table.tableData tr.tableRow td, table.tableData tr.alternateRow td, table.tableData tr.yellowBg td, table.tableData tr.redBg td { position: relative; text-align: left; padding: 5px 5px 5px 150px; border: 0 !important; min-height: 20px; }
        table.tableData tr.tableRow td::before, table.tableData tr.alternateRow td::before, table.tableData tr.yellowBg td::before, table.tableData tr.redBg td::before { content: attr(data-label); position: absolute; left: 10px; top: 5px; font-weight: bold; width: 125px; text-align: right; white-space: nowrap; }
  table.tableData tr:has(td.EmptyDatagridMessage) { padding: 0; background: #E6F4F4; }
  table.tableData tr td.EmptyDatagridMessage::before { content: "" !important; }
}


@media (max-width: 450px) {
  table.tableData tr.tableRow td, table.tableData tr.alternateRow td, table.tableData tr.yellowBg td, table.tableData tr.redBg td { padding: 25px 8px; }
    table.tableData tr.tableRow td::before, table.tableData tr.alternateRow td::before, table.tableData tr.yellowBg td::before, table.tableData tr.redBg td::before { left: 8px; top: 0; text-align: left; }
}


/* ---------------------------Shows Listing Pages - Shows To Enter, Closing Soon, Show Results..--------------------------- */


/* -------------------------------------- All show listing tables use this code ------------------------------------------- */
  #ctl00_ContentPlaceHolder_dgShows.shows { width: 100%; margin: 20px 0 80px 0; border: 0; border-bottom: 1px solid #D6D6D6; font-size: 1.05em }
  #ctl00_ContentPlaceHolder_dgShows.shows.noTopMargin { margin-top: 0; }
  #ctl00_ContentPlaceHolder_dgShows.shows .partOfHeader { border: 0; padding: 10px; box-sizing: border-box; font-weight: 700; xfont-size: 16px; text-transform: uppercase; color: #1c2d46; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showType { font-weight: 600; color: #1c2d46; }

  #ctl00_ContentPlaceHolder_dgShows.shows .showName { font-weight: 600; color: #1c2d46; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showDates { font-weight: 600; color: #1c2d46; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showPostalDates { display: flex; flex-direction: row; font-weight: 600; font-size: 14px; color: #1c2d46; gap: 8px; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showPostalDates.noWarning { margin: 0 0 0 28px; display: flex; flex-direction: row; font-weight: 600; font-size: 14px; color: #1c2d46; gap: 8px; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showPostalDates img.warning { width: 20px; height: 18px; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showOnlineDates { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-weight: 600; font-size: 14px; color: #1c2d46; gap: 8px; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showOnlineDates.noWarning { margin: 0 0 0 28px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-weight: 600; font-size: 14px; color: #1c2d46; gap: 8px; }
  #ctl00_ContentPlaceHolder_dgShows.shows .showOnlineDates img.warning { display: flex; flex-direction: row; font-weight: 600; width: 20px; height: 18px; font-size: 14px; color: #1c2d46; gap: 8px; }
  #ctl00_ContentPlaceHolder_dgShows.shows .tableRow td, #ctl00_ContentPlaceHolder_dgShows.shows .alternateRow td { border: 0; border-top: 1px solid #D6D6D6; padding: 5px 10px; box-sizing: border-box; }  
  #ctl00_ContentPlaceHolder_dgShows.shows .alternateRow { background: #fff }
  #ctl00_ContentPlaceHolder_dgShows.shows .tableRow { background: #E6F4F4; }

  @media (max-width: 850px) {
    #ctl00_ContentPlaceHolder_dgShows.shows > tbody td,
    #ctl00_ContentPlaceHolder_dgShows.shows > tbody th { display: block; }
    #ctl00_ContentPlaceHolder_dgShows.shows tr:nth-of-type(1) { display: none; }
    #ctl00_ContentPlaceHolder_dgShows.shows tr.tableRow { border-top: 1px solid #D6D6D6; }
    #ctl00_ContentPlaceHolder_dgShows.shows tr.tableRow td { border-top: 0; }
    #ctl00_ContentPlaceHolder_dgShows.shows tr.alternateRow { border-top: 1px solid #D6D6D6; }
    #ctl00_ContentPlaceHolder_dgShows.shows tr.alternateRow td { border-top: 0; }
    #ctl00_ContentPlaceHolder_dgShows.shows .nameOfShowGroup { display: flex; flex-direction: column; flex: 1; }
    #ctl00_ContentPlaceHolder_dgShows.shows .showName, #ctl00_ContentPlaceHolder_dgShows.shows .showDates { font-weight: 400; flex: 1; }
    #ctl00_ContentPlaceHolder_dgShows.shows .showExtended { flex: 1; padding: 0; }
    #ctl00_ContentPlaceHolder_dgShows.shows > tbody td { display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; }
    #ctl00_ContentPlaceHolder_dgShows.shows .showPostalDates.noWarning, #ctl00_ContentPlaceHolder_dgShows.shows .showOnlineDates.noWarning { margin: 0; }
  }


/* -------------------------------------- RFG To Check Lists -------------------------------------- */
#ctl00_ContentPlaceHolder_dgRFGList td:before { content: "" }

@media (max-width: 650px) {
  #ctl00_ContentPlaceHolder_dgRFGList td:nth-of-type(1):before { content: "#"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGList td:nth-of-type(2):before { content: "Uploaded"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGList td:nth-of-type(3):before { content: "Dog Name"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGList td:nth-of-type(4):before { content: ""; font-weight: 600; width: 30%; min-width: 110px; text-align: left; }
}

/* -------------------------------------- RFG Recently Checked Lists -------------------------------------- */
#ctl00_ContentPlaceHolder_dgRFGCheckedList td:before { content: "" }

@media (max-width: 650px) {
  #ctl00_ContentPlaceHolder_dgRFGCheckedList td:nth-of-type(1):before { content: "#"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGCheckedList td:nth-of-type(2):before { content: "Dog Name"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGCheckedList td:nth-of-type(3):before { content: "Status"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGCheckedList td:nth-of-type(4):before { content: "Checked"; font-weight: 600; min-width: 110px; text-align: right; }
  #ctl00_ContentPlaceHolder_dgRFGCheckedList td:nth-of-type(5):before { content: ""; font-weight: 600; width: 30%; min-width: 110px; text-align: left; }
}




/* -------------------------------------- The shows with the .closedUpcomingShows class use the following code (on page - 'Shows-Starting-Soon-2025.aspx') -------------------------------------- */
#ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(1):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(2):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(3):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(4):before { content: "" }


@media (max-width: 850px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(1):before { content: "Favourite"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(2):before { content: "Name of Show"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(3):before { content: "Show Date(s)"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(4):before { content: "More"; font-weight: 600; width: 45%; text-align: right; }
}

@media (max-width: 750px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(1):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(2):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(3):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(4):before { width: 40%; }
}

@media (max-width: 650px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(1):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(2):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(3):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.closedUpcomingShows td:nth-of-type(4):before { width: 30%; min-width: 110px; }
}



/* -------------------------------------- The shows with the .openUpcomingShows class use the following code (on page - 'Shows-To-Enter-2025.aspx') -------------------------------------- */
#ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(1):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(2):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(3):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(4):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(5):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(6):before { content: "" }

@media (max-width: 850px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(1):before { content: "Favourite"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(2):before { content: "Name of Show"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(3):before { content: "Show Date(s)"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(4):before { content: "Postal"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(5):before { content: "Online"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(6):before { content: "More"; font-weight: 600; width: 45%; text-align: right; }

}

@media (max-width: 750px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(1):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(2):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(3):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(4):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(5):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(6):before { width: 40%; }
}

@media (max-width: 650px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(1):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(2):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(3):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(4):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(5):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.openUpcomingShows td:nth-of-type(6):before { width: 30%; min-width: 110px; }
}


  table.shows tr.tableRow.cruftsBg td { background-color: #026A55 !important; }
  table.shows tr.tableRow.cruftsBg td div {color: white!important }

  table.shows tr.tableRow.yellowBg td { background-color: #f4ede6 !important; }
  table.shows tr.alternateRow.yellowBg td { background-color: #ede0d5 !important; }

  table.shows tr.tableRow.redBg td { background-color: #f4e6e9 !important; }
  table.shows tr.alternateRow.redBg td { background-color: #edd5da !important; }

  table.shows .showExtended { color: #F36F2B; font-weight: bold; padding-left: 15px; font-size: 14px; text-transform: uppercase; }




/* -------------------------------------- The shows with the .results class use the following code (on page - '/show-results/default-2025.aspx') -------------------------------------- */
#ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(1):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(2):before { content: "" }
#ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(3):before { content: "" }


@media (max-width: 850px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(1):before { content: "Favourite"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(2):before { content: "Name of Show"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(3):before { content: "Show Date(s)"; font-weight: 600; width: 45%; text-align: right; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(4):before { content: "More"; font-weight: 600; width: 45%; text-align: right; }
}

@media (max-width: 750px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(1):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(2):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(3):before { width: 40%; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(4):before { width: 40%; }
}

@media (max-width: 650px) {
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(1):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(2):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(3):before { width: 30%; min-width: 110px; }
  #ctl00_ContentPlaceHolder_dgShows.shows.results td:nth-of-type(4):before { width: 30%; min-width: 110px; }
}