
#currentDrawingsBox i,
#closedDrawingsBox i,
#redemptionArea i {
  margin-right: 5px;
}

.drawingEntriesContent {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
}

.drawingEntriesContent thead tr {
  background: #a7a9ac;
  color: #fff;
}

.btn.increment,
.btn.decrement {
  background: none;
  border: none;
  font-size: 1.3rem;
  color: #C0392B;
}

.btn.increment.disabled,
.btn.decrement.disabled,
.btn.increment:disabled,
.btn.decrement:disabled {
  color: #ccc;
}

.form-control {
  padding:  0.375rem 0.65rem;
}

hr {
  border-top: 3px solid #ccc;
}

.my-entries {
  text-align: right;
}

.tabNav {
  margin-bottom: 0;
}

#pointsPerEntry,
#totalPointsForTransaction {
  font-size: 1rem;
  font-weight: bold;
}

#numEntriesInput {
  font-size: 0.8rem;
  -moz-appearance: textfield;
  min-width: 35px;
}

#numEntriesInput::-webkit-outer-spin-button,
#numEntriesInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#pfdAllocationSelector i {
  margin: 0;
}

.content-box {
  background-color: #fff;
  margin-bottom: 1.5rem;
  border: 2px solid #002962;
  box-shadow: none;
}

.content-box-head {
  padding: .875rem 2rem .875rem 1rem;
  position: relative;
  background-color: #002962;
  color: #fff;
  font-size: 1.3125rem;
  text-align: center;
  text-transform: uppercase;
}

.content-box-body {
  padding: 1em;
}

#currentDrawings .card,
#closedDrawings .card
{
  box-shadow: 0 3px 6px rgba(0, 0, 0, .263);
  min-height: 375px; /* Enough for three lines of text in short description */
}

#currentDrawings .card-text,
#closedDrawings .card-text {
  margin-bottom: 1rem;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 4;
  -moz-box-orient: vertical;
  -ms-line-clamp: 4;
  -ms-box-orient: vertical;

}

.content-box .card-body {
  height: 160px;
}

.redemptionControls {
  border-top: 2px solid #ccc;
}

.availablePoints {
  text-align: right;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}

.column-label {
  align-self: center;
  font-weight: bold;
}

.theme-table-group-title {
  background-color: #002962;
  font-size: 1.2em;
  border: 0;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  padding: 0.75rem;
  margin: 5px 0;
}

.olderPfdEntriesBtn,
#olderPfdDrawings {
  background-color: #002962;
  border: 2px solid #1d3787;
  color: #fff;
  font-weight: bold;
  margin: 1rem 0;
  max-width: 200px;
  white-space: normal;
  word-break: break-word;
}

.olderPfdEntriesBtn:link,
.olderPfdEntriesBtn:visited
{
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 6px rgba(0, 0, 0, .502);
}

.redeem-btn {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.redeem-btn,
.redeem-btn:link,
.redeem-btn:visited,
.details-btn,
.details-btn:link,
.details-btn:visited,
.login-btn:link,
.login-btn:visited{
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  margin: 1rem 0;
}

.register-btn:link,
.register-btn:visited {
  color: #1B4075;
  border-radius: 10px;
  font-weight: bold;
}

.login-btn,
.details-btn.logged-in {
  background-color: #C0392B;
  border-color: #C0392B;
  box-shadow: 0 0 6px rgba(0, 0, 0, .502);
}

.details-btn.logged-out {
  background-color: #6B6B6B;
  border-color: #6B6B6B;
  box-shadow: 0 0 6px rgba(0, 0, 0, .502);
}

.draw-closed,
.overlay.draw-closed {
  color:  #F00;
}

/* Table Filters */
.filterRow {
  position: relative;
  margin-bottom: 0.5rem;
  top: 1px;
}

.filterRow label,
.filterRow a {
  color: #fff;
  font-weight: bold;
}

.filterRow label {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

.filterRow + table {
  margin: 0;
}

.filterRow form {
  width: 100%;
  padding: 0 1em;
}

.filterRow.transparent {
  background-color: transparent;
  height: 4em;
}

.tablesorter th,
.filterRow .filterBtn,
.ticketHistoryTable tbody tr {
  cursor: pointer;
}


.btn-primary.apply-filters-btn {
  border: 1px solid #000;
  background-color:  #efefef;
  color: #000;
}

input.hasDatepicker {
  background: #fff url('/v/3.7.4/d/i/calendar.png') no-repeat center right;
}

input.hasDatepicker:hover {
  cursor: pointer;
}

#rewardsTableHeader .form-select {
  max-width: 180px;
}

.tablesorter th.header.tablesorter-headerUnSorted,
th.tablesorter-header.tablesorter-headerUnSorted {
  background-image: url('/d/i/tablesorter/bg.gif');
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  cursor: pointer;
}

.tablesorter th.header.tablesorter-headerAsc,
th.tablesorter-header.tablesorter-headerAsc {
  background-image: url('/d/i/tablesorter/asc.gif');
  background-position: right center;
  background-repeat: no-repeat;
}

.tablesorter th.header.tablesorter-headerDesc,
th.tablesorter-header.tablesorter-headerDesc {
  background-image: url('/d/i/tablesorter/desc.gif');
  background-position: right center;
  background-repeat: no-repeat;
}

thead .tablesorter-header-inner {
  display: inline;
  margin-right: 1em;
}

/* Hide table headers (but not display: none;, for accessibility) */
.drawing-table.table-responsive,
.drawing-table.table-responsive tbody,
.drawing-table.table-responsive tfoot,
.drawing-table.table-responsive td,
.drawing-table.table-responsive tr {
  display: block;
}

.drawing-table.table-responsive {
  margin-bottom: 2rem;
}

.drawing-table.table-responsive thead {
  display: none;
}

.drawing-table.table-responsive tr {
  border-bottom: 1px solid #ccc;
}

.drawing-table.table-responsive tr:first-child {
  border-top: 1px solid #ccc;
}

.drawing-table.table-responsive tbody td {
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 50%;
}

.drawing-table.table-responsive tbody td:before {
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 12px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
  font-weight: bold;
}

#drawingEntryTable tfoot td {
  border-left: 0;
}

#drawingEntryTable tbody td:nth-of-type(1):before {
  content: "Draw Name";
}

#drawingEntryTable tbody td:nth-of-type(2):before {
  content: "Entry ID";
}
#drawingEntryTable tbody td:nth-of-type(3):before {
  content: "Date/Time";
}
#drawingEntryTable tbody td:nth-of-type(4):before {
  content: "Pts Each";
}
#drawingEntryTable tbody td:nth-of-type(5):before {
  content: "Entry";
}
#drawingEntryTable tbody td:nth-of-type(6):before {
  content: "Total Points";
}
#drawingEntryTable tbody td:nth-of-type(7):before {
  content: "Status";
}

/* For the PFD Details Entry Table, which has one less column */
#myEntriesTable #drawingEntryTable tbody td:nth-of-type(1):before {
  content: "Entry ID";
}
#myEntriesTable #drawingEntryTable tbody td:nth-of-type(2):before {
  content: "Date/Time";
}
#myEntriesTable #drawingEntryTable tbody td:nth-of-type(3):before {
  content: "Pts Each";
}
#myEntriesTable #drawingEntryTable tbody td:nth-of-type(4):before {
  content: "Entry";
}
#myEntriesTable #drawingEntryTable tbody td:nth-of-type(5):before {
  content: "Total Points";
}
#myEntriesTable #drawingEntryTable tbody td:nth-of-type(6):before {
  content: "Status";
}

#EnsemblePFD {
  margin-bottom: 3em;
}

#ensemblePfdWinners td:nth-of-type(1):before {
  content: "Drawing Name";
}

#ensemblePfdWinners td:nth-of-type(2):before {
  content: "Prizes";
}

#ensemblePfdWinners td:nth-of-type(3):before {
  content: "Entry Deadline";
}

#ensemblePfdWinners td:nth-of-type(4):before {
  content: "Drawing Date";
}

#ensemblePfdWinners td:nth-of-type(5):before {
  content: "Winners";
}


/* Icon Styles */
#circleCheckIcon {
  color: #27DB24;
  font-size: 2rem;
}

#receiptIcon,
#circleBoltIcon {
  color:  #C0392B;
}

.modal-backdrop {
  background-color: rgba( 0, 0, 0, 0.8);
}

#confirmationModel h2 {
  font-weight: bold;
  font-size: 1.6rem;
}

#confirmationModel p {
  margin: 0;
  font-size: 1rem;
}

#confirmationModel .confirmation-footer {
  border-top: 1px solid #E9ECEF;
  padding: 0.95rem;
}

#confirmationModel .confirmation-footer .btn {
  background-color:  #f2e0e3;
  padding: 1rem;
  box-shadow: 0 0 12px rgba(0, 0, 0, .502);
  color:  #C0392B;
  border-radius: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
}

#confirmationModel .confirmation-footer .btn i {
  font-size: 2rem;
  padding: 0.5rem;
}

.sweep-image-overlay {
  height: 220px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.sweep-image-overlay img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.overlay {
  background: #002962;
  width: 100%;
  transition: 0.5s ease;
  opacity: 1;
  color: #fff;
  padding: 0.5rem;
  margin: 0;
  text-align: center;
}

.winner {
  margin: 0.5rem 0;
}

.winner p {
  margin: 0;
  text-transform: uppercase;
}

@media (min-width: 768px) {

  i {
    padding-right: 0.5rem;
  }

  .btn.increment,
  .btn.decrement {
    font-size: 2rem;
  }

  .olderPfdEntriesBtn,
  #olderPfdDrawings {
    max-width: 100%;
  }

  /* Responsive Tables */
  #ensemblePfdWinners td:before {
    display: none;
  }

  .drawing-table.table-responsive {
    display: table;
  }

  .drawing-table.table-responsive thead {
    display: table-header-group;
  }

  .drawing-table.table-responsive thead tr,
  #drawCartTable thead tr {
    color: #ffffff;
  }

  .drawing-table.table-responsive tbody {
    display: table-row-group;
    vertical-align: middle;
  }

  .drawing-table.table-responsive tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-top: 2px solid #e7e4e8;
  }

  .drawing-table.table-responsive tr {
    border: 0;
    display: table-row;
  }

  .drawing-table.table-responsive tbody td {
    padding-left: 20px;
  }

  .drawing-table.table-responsive tr:first-child,
  #drawCartTable tr:first-child {
    border-top: 0 none;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .drawing-table.table-responsive thead tr {
    display: table-row;
    position: relative;
  }

  .drawing-table.table-responsive th,
  .drawing-table.table-responsive td {
    display: table-cell;
  }

  #TicketHistoryTable .table-responsive th,
  #TicketHistoryTable .table-responsive td {
    min-width: 190px;
  }

  .drawing-table.table-responsive td:before {
    display: none;
  }

}

