/* CUSTOM STYLES - BOOTSTRAP */
html {
  font-size: 10.5pt;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: 'Work Sans', sans-serif;
  color: #666;
}

i {
  padding-right: 5px;
}

.ticketImage img {
  width: 80px;
}

.welcomeLink,
.deleteLink,
a:not([href]):not([tabindex]),
a {
  color: #d2476e;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus,
.welcomeLink:hover,
.deleteLink:hover,
a:hover {
  color: #1a9d9c;
  text-decoration: none;
  cursor: pointer;
}

h3 {
  font-size: 1.5rem;
  color: #1a9d9c;
}

.link {
  font-family: 'Shrikhand';
  font-weight: normal;
  text-decoration: underline;
  color: #dd006c;
}

.link:hover {
  color: #1a9d9c;
  text-decoration: none;
  cursor: pointer;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba( 229, 229, 229, 1 );
  color: #000000;
}

/* jQuery UI */
.ui-dialog .ui-dialog-titlebar-close {
  font-size: 0;
}

.ui-dialog .ui-dialog-titlebar-close span + * {
  display: none !important; /* override jquery ui.css */
}

ul.banner-list {
  list-style-type: none;
  padding-left: 0;
}

/* Add bottom padding to the container if in the mobile app since footer is removed */

.alert-message-text {
  width: 100%;
  word-break: break-word;
}

.display-3 {
  color: #1a9d9c;
  font-family: 'Shrikhand', serif;
  font-size: 1.4rem;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}

#Confirm > .display-3,
.container > .display-3,
h1.display-3 {
  margin-top: 2rem;
}

p.ql-indent-2 {
  margin-left: 40px;
  margin-bottom: 0;
}

p.ql-indent-2:last-of-type {
  margin-bottom: 1rem
}

.display-4 {
  color: #1a9d9c;
  font-size: 1.4rem;
  font-weight: bold;
}

.lead {
  line-height: 1.5rem;
  font-weight: normal;
}

.required {
  font-weight: bold;
}

#drawCartTable tr.hidden,
.table-responsive tr.hidden,
.hidden {
  display: none;
}

.error {
  color: #dc3545;
}

#Recaptcha.Error iframe,
.Error input,
.Error input.form-control,
.Input select.Error,
.Error select,
.form-control-sm.error,
.form-control.error,
.form-control.error:focus,
.form-control-sm.error:focus,
.Error .input-group-text,
.Error + .input-group-append > .input-group-text,
.error + .input-group-append > .input-group-text {
  color: #cf2727;
  border-color: #F62828;
}

#Recaptcha.Error iframe {
  border-style: solid;
  border-width: 5px;
  border-radius: 0;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1)
}

#faqItems .card {
  border: none;
}

#faqItems .card-header {
  padding-left: 0;
  font-size: 2rem;
  background-color: #FFF;
  border: none;
}

#faqItems .card-body {
  background-color: #ebebeb;
}

#faqItems .card-header .btn {
  color: #000;
}

.card-header .btn.collapsed::before {
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-size: 1rem;
  content: "\f0da";
  color: #c72e5b;
  float: left;
  margin-right: .5em;
}

.card-header .btn::before {
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-size: 1rem;
  content: "\f0d7";
  color: #c72e5b;
  float: left;
  margin-right: .5em;
}

.text-wrap {
  white-space: normal;
}

.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group a:hover,
.list-group a:focus {
  color: #dd006c;
}

.list-group-item {
  border-left: none;
  border-right: none;
}

.badge {
  font-size: inherit;
}

.badge-green {
  color: #fbcb42;
  background-color: #338382;
}

.badge-green[href]:hover,
.badge-green[href]:focus {
  text-decoration: none;
  background-color: #46b5b3;
  color: #feeb5a;
}

.badge-pink {
  color: #fff;
  background-color: #b33c5c;
}

.badge-pink[href]:hover,
.badge-pink[href]:focus {
  text-decoration: none;
  background-color: #ef829f;
}

.badge-yellow {
  color: #338382;
  background-color: #fbcb42;
}

.badge-yellow[href]:hover,
.badge-yellow[href]:focus {
  text-decoration: none;
  background-color: #ffe495;
  color: #338382;
}

.badge-maroon {
  background-color: #9a193d;
  color: #fff;
}

.badge-maroon[href]:hover,
.badge-maroon[href]:focus {
  text-decoration: none;
  background-color: #da4b73;
  color: #fff;
}

.btn-primary,
.btn-secondary,
.button,
#entryDetails .btn {
  border: 0 none;
  border-radius: 20px;
  font-family: 'Shrikhand', cursive;
  font-size: 1rem;
  padding: 0.4rem 2rem 0.2rem;
}

.btn-primary,
.button {
  color: #1a9d9c;
  background-color: #fbcb42;
}

.btn-secondary {
  color: #dedede;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background: #d9d9d9;
  color: #777;
}

.btn-primary:hover {
  color: #338382;
  background-color: #ffe495;
}

.btn-secondary:hover {
  color: #efefef;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  color: #fbcb42;
  background-color: #158484;
  border: 0 none;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  color: #158484;
  background-color: #fbcb42;
  border: 0 none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:focus,
.btn-primary.focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 157, 156, 0.5);
}

button:focus {
  outline: none;
}

.fullScreenModal,
.fullScreenModal .modalDialog,
.fullScreenModal .modal-dialog-centered {
  margin: 0 auto;
  max-width: 100vh;
}

.tutorialModal,
.tutorialModal .modalDialog,
.tutorialModal .modal-dialog-centered {
  margin: 0 auto;
  max-width: 75vh;
}

.modal-open .fullScreenModal.modal,
.modal-open .tutorialModal.modal{
  overflow: hidden;
}

.tutorialModal .embed-responsive-1by1,
.fullScreenModal .embed-responsive-1by1 {
  width: 85%;
  margin: 0 auto;
}

.embed-responsive .embed-responsive-item {
  width: 100%;
  height: 100%;
  overflow: scroll;
 }

#drawingsModal {
  overflow-y: auto;
}

.modal {
  overflow-y: auto;
}

.modal-open {
  height: 100%;
}

#drawingsModal.show .modal-dialog {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

/* HEADER */
.bg-header {
  background: #d2476e linear-gradient(to top, #b53054 0%, #d2476e 100%);
}

#logoContainer {
  height: 87px;
}

.bg-header .logo,
.bg-header .logo > img {
  min-height: 100%;
}

.bg-header .mlr-logo {
  border-right: 1px solid #fff;
}

#dashboard .item {
  text-align: center;
}

#playerDashboard {
  position: absolute;
  top: 0;
  right: 0;
}

.dashboardTitle {
  display: block;
  font-size: 0.8rem;
}

.dashboardAccountLink > * {
  display: inline-block;
  vertical-align: middle;
}

.dashboardAccountLink > .fa {
  font-size: 1.8rem;
}

.dashboardAccountLink:hover {
  color: #1a9d9c;
}

.dashboardLogout {
  background-color: #9a193d;
}

/* NAVIGATION */
.bg-nav {
  background-color: #fff;
}

.navbar {
  border-bottom: 5px solid #dfdddf;
}

.navbar .container {
  min-height: 35px;
}

.navbar-toggler {
  background-color: #d2476e;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar .nav-link,
.navbar .dropdown-item {
  color: #d2476e;
  font-family: 'Shrikhand', cursive;
  font-weight: normal;
}

.navbar .nav-link:hover,
.dropdown-item:hover {
  color: #1a9d9c;
}

.dropdown:hover {
  cursor: pointer;
}

.navbar .navbar-nav .nav-link {
  font-size: 0.9rem;
  padding: 0.8rem 0.7rem;
}

.navbar .dropdown-item {
  padding: 0.5rem 2rem;
}

.nav-item.active .nav-link,
.nav-tabs .nav-link.active,
.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
  color: #1a9d9c;
}

.navbar-nav .dropdown-menu {
  background-color: #dfdddf;
  border: 0 none;
  border-bottom: 10px solid #a7a5a7;
  border-radius: 0;
  left: auto;
  right: 0;
  top: 46px;
}

.navbar-collapse.show + .navCircleWrap {
  top: 0.5rem;
}

.navCircleLink {
  position: relative;
  text-align: center;
  /* this creates a solid white stroke around text */
  text-shadow: 2px 0 0 #fff,
  -2px 0 0 #fff,
  0 2px 0 #fff,
  0 -2px 0 #fff,
  1px 1px #fff,
  -1px -1px 0 #fff,
  1px -1px 0 #fff,
  -1px 1px 0 #fff;
}

.navCircleLink > .icon,
.navCircleLink > .count {
  font-size: 1.1rem;
  position: relative;
  z-index: 10;
}

.nav-circle {
  border: 2px solid #d2476e;
  border-radius: 50%;
  display: block;
  height: 30px;
  position: absolute;
  left: 20px;
  top: -7px;
  width: 30px;
  z-index: 0;
}

/* FOOTER */
.nav-footer {
  text-align: center;
  flex-direction: column;
  margin-left: 0;
}

.nav-link {
  font-family: 'Shrikhand';
  font-weight: normal;
}

.bg-footer {
  background-color: #fbcb42;
}

.social-icons {
  width: 48px;
  height: 48px;
  margin: 0 5px;
}

#footerLogo img {
  width: 255px;
  height: 95px;
}

/* FORMS */

.form-control:not([type='checkbox']),
.form-control:active,
.form-control:focus,
.form-control-sm,
.form-control-sm:active,
.form-control-sm:focus {
  border: 5px solid #cbcbcb;
  border-radius: 0;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.input-group-text {
  border: 5px solid #cbcbcb;
  border-radius: 0;
  box-shadow: inset -2px 2px 5px rgba(0, 0, 0, 0.1);
}

input[type='checkbox'].form-control {
  background: none;
}

.form-control-sm,
.form-control-sm:active,
.form-control-sm:focus {
  border-width: 2px;
}

.form-control,
.form-control-sm {
  border-color: #cbcbcb;
}

.form-control:active,
.form-control-sm:active {
  border-color: #999;
}

.form-control:focus,
.form-control-sm:focus,
.Error input, .Error input.form-control:focus,
.form-control:focus + .input-group-append > .input-group-text,
.form-control:focus.error  {
  border-color: #00bd81;
}

.form-select-sm,
.form-select {
  position: relative;
}

.form-select-sm > select,
.form-select > select {
  padding-right: 2rem;
  width: 100%;
}

.form-select-sm::after,
.form-select::after {
  content: "";
  border-top: 1rem solid #dd006c;
  border-right: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
  pointer-events: none;
  position: absolute;
  top: 35%;
  right: 0.8rem;
}

.form-select-sm::after {
  border-top-width: 0.8rem;
  border-right-width: 0.5rem;
  border-left-width: 0.5rem;
  top: 30%;
  right: 0.4rem;
}

select.form-control-sm:not([size]):not([multiple]),
select.form-control:not([size]):not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  min-height: calc(2.25rem + 10px); /* Adjusted to match height of inputs */
}

select.form-control-sm:not([size]):not([multiple]) {
  min-height: auto;
}

select.form-control::-ms-expand {
  display: none;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #db0000;
}

.invalid-feedback {
  color: #db0000;
}

/* HOME PAGE */
#pfp .card-header {
  background-color: #d2476e;
  color: #fff;
  font-size: 1rem;
}

#pfp > h2,
#pfp .card-text {
  color: #666;
}

#pfp .card-body {
  background-color: #fff;
  border: 1px solid #ebebeb;
}

#myRewards {
  background-color: #59bdbe;
}

#secondChance {
  background-color: #fbcb42;
}

#secondChance > h3 {
  color: #d2476e;
}

#pfd > h3 {
  color: #6e5fb0;
}

.carousel img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.carousel-indicators {
  bottom: 0;
  margin: 0;
  padding: 0.2rem;
  width: 100%;
}

.carousel-indicators > li {
  cursor: pointer;
}

#pfp .carousel-control-next,
#pfp .carousel-control-prev {
  font-size: 2rem;
}

#pfp .carousel-control-prev {
  left: -25px;
}

#pfp .carousel-control-next {
  right: -25px;
}

.carousel-indicators li {
  border: 2px solid #fff;
  border-radius: 100%;
  height: 12px;
  width: 12px;
}

.carousel-indicators .active {
  background-color: #fccc2f;
}

#pfd .carousel-indicators li {
  border-color: #666;
}

#pfpCarousel .card {
  min-height: 20rem;
}

#mobileapp .icon.google {
  width: 300px;
}

#mobileapp .icon.apple {
  margin-top: 1.6em;
  width: 250px;
}

/* SURVEYS */
.surveyAnswerAlt,
.surveyQuestionAlt {
  background: #eee;
}

#survey .card-body h4 {
  color: #1a9d9c;
}

#surveyresults p {
  font-size: 1.5em;
}

#surveyresults .progress {
  height: 2rem;
  background: none;
}

#surveyresults .progress-bar {
  background-color: #1a9d9c;
  padding: 1rem;
}

.surveyQuestion .form-group:last-of-type {
  margin-bottom: 0;
}

/* MY ACCOUNT */
#myaccount .acctHeader {
  background-image: url('/v/4.9.5/b/i/acctHeader-bg.png');
  color: #fff;
  padding: 1rem 0;
  margin: 1rem 0
}

.acctHeader h5 {
  word-break: break-all;
}

.SweepsHolder .display-4 {
  word-break: break-word;
}

#myaccount h3 {
  color: #FFF;
}

#myaccount .acctHeader h2,
#myaccount .acctHeader h4 {
  font-family: 'Shrikhand', cursive;
}

.fa-angle-right,
.fa-chevron-right {
  color: #dc006c;
}

.detailsArrow {
  cursor: pointer;
}

/* PIA */
.WebcodeEntryForm .input-group {
  max-width: 40%;
  width: 40%;
}

/* HOW IT WORKS */
#howitworks > .display-3,
#Confirm > .display-3,
#mobileappandroid > .display-3,
#helpform .display-3,
#login .display-3 {
  margin-top: 2rem;
}

#howitworks .card-header,
#surveys .card-header {
  color: #1a9d9c;
}

#howitworks .card-body,
#surveys .card-body,
#mobileapp .card-body {
  background: none;
}

#howitworks .col {
  flex: auto;
}

#howitworks p span {
  color: #1a9d9c;
  font-weight: bold;
}

#howitworks h2 {
  forn-size: 2rem;
  color: #1a9d9c;
  font-weight: bold;
}

#howitworks a strong {
  font-family: 'Shrikhand';
  font-weight: normal;
  text-decoration: underline;
  color: #dd006c;
}

.circle {
  width: 50px;
  height: 50px;
  padding: 7px 17px;
  font-size: 2rem;
  border-radius: 25px;
  background-color: #fff;
  border: 1px solid #1a9d9c;
  color: #dd006c;
  font-family: 'Shrikhand Regular';
  font-weight: bold;
}

/* MOBILE APP INSTRUCTIONS */

#mobileappandroid h3 {
  color: #d2476e;
}

#mobileappandroid .card-body {
  background: none;
}

#mobileappandroid .card-deck {
  align-items: normal;
}

#promotions .carousel-inner {
  max-width: 720px;
}

#promotions .carousel-inner > div {
  margin-bottom: 10px;
}

/* FAQ */
#faqItems button {
  white-space: normal;
  text-align: left;
}

/* SUBSCRIPTIONS */
#drawNav ul.gameTabs li {
  background: none;
}

#drawNav ul.gameTabs li.active {
  background-color: #fff;
  background-image: none;
  border: 1px solid #aeaeae;
  border-bottom: none;
  display: inline-block;
  list-style-type: none;
  margin: 0 0 -0.1rem 0;
  padding: 0.5rem;
  position: relative;
  z-index: 100;
  zoom: 1;
}

.playSlipWrapper {
  border: 0 none;
  display: none;
}

.playSlipWrapper h2 {
  margin: 0;
}

.playSlipWrapper .panelgroup {
  float: none;
  margin-left: 0;
  width: auto;
}

.drawNumbers input {
  border: 1px solid #aeaeae;
  border-radius: 2px;
  color: #6a6a6a;
  margin: 0 0.1rem 0;
  padding: 0.5rem;
  transition: all 0.5s ease;
  width: 40px;
}

.drawPoolTab {
  border: 0 none;
  height: auto;
}

/* TODO: remove un-needed styles */
/* CART */
#drawCartTable th {
  background-color: transparent;
  border: 0 none;
  font-size: inherit;
  min-width: auto;
  padding: 1em;
}

#drawCartTable.HistoryTable th,
#drawCartTable.HistoryTable td {
  border: none;
  width: auto;
  padding: 0.5rem;
}

#drawCartTable.HistoryTable tbody td span.tableHeader {
  display: inline;
  position: initial;
  left: auto;
  width: auto;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}

#drawCartTable td.numbers input.terminalPick,
.drawCartMobileItem input.number.terminalPick {
  background: #ccc;
}

#newDrawBox .tabContent,
#newDrawBox .playSlipWrapper,
#newDrawBox .drawPoolTab {
  border: 0;
  border-top: 1px solid #aeaeae;
}

#drawNav ul.gameTabs li {
  background: none;
  opacity: 0.5;
}

#drawNav ul.gameTabs li.active {
  margin-bottom: 3px;
  border-color: #aeaeae;
  border-width: 1px;
  opacity: 1;
}

/* Fix images in subscription tabs */
#drawNav ul.gameTabs li img {
  height: 50px;
  width: auto;
  display: inline;
}

.drawJackpot {
  width: 50%;
  float: right;
  line-height: 1.2;
}

.drawJackpot p {
  margin: 0;
  padding: 0;
}

.drawJackpot .jackpotText {
  font-weight: bold;
  margin: 0 0 0.8em;
}

.drawJackpot .jackpotDescription p {
  font-size: 1rem;
  margin: 0 0 0.8em;
}

.drawPoolTabs .contentTab li {
  border: none;
  background: none;
  margin-bottom: -4px;
  line-height: 30px;
  width: 23%;
}

.drawPoolTabs .contentTab li span {
  color: #333333;
  font-weight: bold;
}

.drawPoolTabs .contentTab li.current {
  border: 1px solid #aeaeae;
  border-bottom: none;
  background-color: #ffffff;
}

#drawNav .contentTab {
  list-style: none;
}

.centerSlip .multiMatchGroup {
  padding: 0 0 1em 0;
}

.drawNumbers .drawPool:first-child {
  float: left;
}

.drawNumbers .drawPool[data-autopick-pool="1"] {
  float: right;
}

.multiMatchGroup .drawNumbers .drawPool[data-autopick-pool="1"],
.drawNumbers .autopickAddendum {
  display: none;
}

.autopickAddendum {
  position: absolute;
}

.drawNumbers .drawPool[data-autopick-pool="1"]:last-child {
  border-radius: 0 0 4px 4px;
  margin: 0.5em 0 0;
}

.drawNumbers .drawPool[data-autopick-pool="1"] .drawNumber {
  -webkit-text-fill-color: #cc8f00;
  -webkit-opacity: 1;
  background-color: #ffe8b3;
  border-color: #ffd980;
  color: #cc8f00;
  font-size: 0;
  height: 34px;
}

.drawNumbers .drawPool[data-autopick-pool="1"] label,
.numbers .drawPanel[data-autopick-panel="1"] label,
.autoPickNumberLabel {
  color: #ffc533;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  text-align: center;
}

.drawNumbers .drawPool[data-autopick-pool="1"] label {
  font-size: 1.2rem;
  min-height: 34px;
  padding: 0.4em 0;
  width: 40px;
}

.numbers .drawPanel[data-autopick-panel="1"] label,
.autoPickNumberLabel {
  font-size: 1rem;
  min-height: 24px;
  padding: 0.3em 0;
  width: 25px;
}

.drawNumbers .drawPool[data-autopick-pool="1"] .drawNumber:last-child {
  margin-right: 0;
}

#drawNav select,
.drawJackpot .jackpotDescription {
  width: auto;
}

/* Just for Subscriptions, NOT EbetSlip */
.centerSlip .drawNumbers input {
  margin: 0 2px 0 0;
  font-size: 0.9rem;
}

.drawPanel:not(.multiMatchGroup) .drawPool:nth-of-type(2) {
  margin-left: 0.2rem;
}

.drawNumbers input:focus {
  outline: none;
  border: 1px solid #333333;
}

.drawWrapper .inputBlock .tooltip {
  display: inline-block;
  vertical-align: middle;
  margin: 0.2em 0 0 0.2em;
}

/* LOTTO LANDING */
.gameBox {
  border: 2px solid #eee;
  border-radius: 10px;
  display: flex;
  min-height: 180px;
  padding: 1em;
  position: relative;
  text-align: center;
}

.gameBoxTop {
  display: flex;
  justify-content: space-between;
}

.gameBox .imageLink {
  padding-bottom: 10px;
  width: 85px;
}

#drawPlayBox .promotionAd img,
.promotionAd img,
.gameBox .img {
  max-width: 100%;
}

.gameBox h2 {
  color: #338382;
  font-size: 1rem;
  font-weight: bold;
  padding-top: 0.3em;
}

.gameBoxBody {
  line-height: 1.2;
  margin: 1rem 0;
}

.gameBoxBody .jackpotText {
  color: #dd006c;
}

.gameBoxBody .jackpotSmallText {
  font-size: 0.8rem;
}

/* CART */
#drawCartTable {
  border-bottom: 2px solid #d0d0d0;
  border-collapse: inherit;
}

.table-responsive th.numbers {
  min-width: 225px;
}

#drawCartTable td {
  border: 0 none;
}

#drawCartTable td input.button {
  color: #1a9d9c;
  width: auto;
}

.ticketHistoryData td {
  white-space: nowrap;
}

.drawNumber,
.ticketHistoryData td.numbers input,
#drawCartTable td.numbers input.disabled,
#drawCartTable td.numbers input {
  padding: 0.375rem 0.75rem;
}

.autopick .drawNumber {
  background-color: #ffe8b3;
  border-color: #ffd980;
  color: #cc8f00;
}

#drawCartTable td select {
  background-color: #fff;
}

#drawCartTable td.group select {
  max-width: none;
}

#drawCartTable tr:not(.EditActive) .form-select::after {
  border-top-color: #cbcbcb;
}

#drawCartTable .form-control:disabled {
  background-color: #eee;
}

#drawCartTable.HistoryTable td {
  display: block;
}

.drawNumber,
.ticketHistoryData td.numbers input,
#drawCartTable td.numbers input.disabled,
#drawCartTable td.numbers input {
  -webkit-text-fill-color: #333;
  -webkit-opacity: 1;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  box-shadow: none;
  color: #333;
  font-weight: bold;
  margin: 0;
  padding: 0.2em;
  text-align: center;
  width: 25px;
}

#drawCartTable td.numbers input:read-only {
  border: 1px solid #d0d0d0;
  box-shadow: none;
}

#drawCartTable td.numbers input {
  border: 1px solid #069d9d;
  box-shadow: 0 0 3px rgba(6, 157, 157, 1);
}

/* Old style from staticmain that is causing problems here */
.Group {
  float: none;
  margin: 0;
}

#drawCartTable td.numbers .drawPanel + .drawPanel {
  margin-top: 0.3em;
}

#drawCartTable td.numbers .drawPanel + .drawPanel input {
  -webkit-text-fill-color: #cc8f00;
  background-color: #ffe8b3;
  border-color: #ffd980;
  color: #cc8f00;
}

#checkoutSubmit.disabled,
#promoCodeButton.disabled,
#inputCartUpdatePost.disabled,
#inputCartSubmit.disabled,
#drawCartTable td input.button.disabled,
#cartSubmitButton.disabled {
  background: #d9d9d9;
  color: #777;
}

#drawCartTable tr.EditActive td.numbers .drawPanel:nth-of-type(1) input.disabled {
  color: #ccc;
}

#promoCodeButton.disabled:hover,
#inputCartUpdatePost.disabled:hover,
#inputCartSubmit.disabled:hover,
#drawCartTable td input.button.disabled:hover,
#cartSubmitButton.disabled:hover {
  cursor: not-allowed;
}

#cartHeader {
  display: none;
}

#drawCartBox {
  margin: 0;
  border: none;
}

#drawPlayBox {
  margin: 0;
  width: 100%;
}

#totalCartSummary {
  width: 270px;
  margin: 0 auto 2.4em;
}

#checkoutWrapper .tooltip img,
#drawCartBox .tooltip img {
  display: inline-block;
  margin: 0;
}

.cartButtons a {
  display: inline-block;
  margin-bottom: 10px;
}

#inputCartSubmit {
  display: block;
  margin: 0 auto;
}

#confirmPurchase {
  margin-right: 20px;
}

#drawCartTable tr.marked {
  background-color: rgba(253, 199, 61, 0.32);
}

#purchaseNameBlock {
  width: 270px;
  margin: 0 auto 20px auto;
  float: none;
}

#purchaseNameExtra {
  font-size: 10px;
}

#ticketModel .gameNumbers {
  margin: 0 auto;
}

#checkoutSubmit {
  width: auto;
}

#continueShopping {
  margin-top: 5px;
}

.drawButton {
  width: 30px;
  height: 30px;
  margin-right: 0px;
  margin-bottom: 3px;
  border-radius: 25px;
  border: 1px solid #bdbdbd;
  font-size: 11px;
  color: #757575;
  transition: all 0.3s ease;
  outline: none;
  padding-top: 5px;
}

.drawPool input.drawButton.picked {
  background-color: #585858;
}

input.drawButton.exclusive.Powerball.picked {
  background-color: #ff2127;
}

input.drawButton.exclusive.Megaball.picked {
  background-color: #ff2127;
}

input.drawButton.exclusive.Cashball.picked {
  background-color: #2a715b
}

#drawCartTable td.numbers input.Powerball,
.drawNumbers input.Powerball {
  color: #ff2127;
}

#drawCartTable td.numbers input.Megaball,
.drawNumbers input.Megaball {
  color: #ff2127;
}

#drawCartTable td.numbers input.Cashball,
.drawNumbers input.Cashball {
  color: #2a715b;
}

#drawCartTable tbody tr {
  padding-top: 2em;
}

.promotionMessage {
  top: -20px;
  width: 300px;
}

#drawCartTable tbody td.bet  {
  font-size: 0;
}

#totalTable,
#totalCostInput {
  font-size: 18px;
  text-align: right;
}

.drawButton:hover {
  cursor: pointer;
  border-color: #333333;
}

.drawNumber.Powerball.disabled {
  color: #ca2127;
}

.drawNumber.Megaball.disabled {
  color: #ca2127;
}

.drawNumber.Cash4Life.disabled {
  color: #047832;
}

#eBetSlips .drawNumbers input.Cashball {
  background-color: #2c8068;
  border-color: #3c4881;
  color: #ffffff;
}

#CashPop .drawNumbers .drawPool:first-child  {
  float: none;
  margin: 1rem auto;
}

#CashPop .drawNumberButtons {
  width: 70px;
}


#CashPop .drawNumberButtons.disabled {
  opacity: 1;
  background: #fff;
  border: 1px solid #000;
}

#CashPop .drawNumberButtons.play_all {
  background: #ffcc00;
  color: #000;
  opacity: 1;
  border: 1px solid #ffcc00;
}

#CashPop .drawNumberButtons.quickpick {
  opacity: 0.65;
  background: #ccc;
  border: 0;
}

#CashPop .TerminalQuickPickWrap {
  display: inline;
}

/* SWEEPSTAKES TABLES */
#sweepstakes .sweeptable td:after {
  display: none;
}

#sweepstakes .sweeptable td:nth-of-type(1):after {
  content: "Prizes";
}

#sweepstakes .sweeptable td:nth-of-type(2):after {
  content: "Entry Deadline";
}

#sweepstakes .sweeptable td:nth-of-type(3):after {
  content: "Drawing Date";
}

#sweepstakes .sweeptable td:nth-of-type(4):after {
  content: "Your Entries";
}

#sweepstakes .sweeptable td:nth-of-type(5):after {
  content: "Winners";
}

/* MY GROUPS */
#groupListTable td:before {
  font-weight: bold;
}

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

#groupListTable td:nth-of-type(2):before {
  content: "Date Created";
}

#groupListTable tr:hover {
  cursor: pointer;
}

/* MY SUBSCRIPTIONS */
.accordionHeader {
  border-top: 1px solid #e1e1e1;
  cursor: pointer;
}

.accordionHeader > h3 {
  margin: 0;
}

.accordionHeader .accordionIconClosed::before,
.accordionHeader .accordionIconOpen::before {
  font-size: 1.25rem;
  padding: 0.1em 0.8em 0.2em 0.4em;
}

.accordionHeader .accordionIconClosed::before {
  color: #1b3e6f;
  content: "+";
}

.accordionHeader .accordionIconOpen::before {
  color: #454545;
  content: "-";
}

.accordionHeader .accordionIconOpen + h3 {
  color: #454545;
}

/* EXTEND SUBSCRIPTIONS */
.subscriptionsExpiringLabel {
  max-width: 200px;
}

/*  PAGINATION */
table .Pagination > a + a {
  margin-left: 2rem;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}

.dataTables_paginate {
  float: right;
  margin: 1em 0;
}

.paginate_disabled_previous,
.paginate_disabled_next,
.paginate_enabled_previous,
.paginate_enabled_next {
  background: none;
  font-weight: bold;
  margin: 0 0 0 1em;
}

.paginate_enabled_previous,
.paginate_enabled_next {
  color: #d2476e;
  cursor: pointer;
}

.paginate_enabled_previous:hover,
.paginate_enabled_next:hover {
  color: #1a9d9c;
}

.paginate_disabled_previous,
.paginate_disabled_next {
  color: #999;
  pointer-events: none;
}


.pagination-nolink {
  /* overrides */
  cursor: not-allowed !important;
  color: lightgray !important;
  text-decoration: line-through !important;
}

.dataTables_processing {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #999;
  font-size: 1rem;
  left: 50%;
  margin-left: -8.5rem;
  margin-top: -2rem;
  padding: 3rem;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 250px;
  z-index: 9;
}

/* Responsive Tables */
.table-responsive,
.table-responsive tbody,
.table-responsive tfoot,
.table-responsive td,
.table-responsive tr {
  display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.table-responsive {
  margin-bottom: 2rem;
}

.table-responsive thead {
  display: none;
}

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

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

.table-responsive td.error-row,
#pointsData td.error-row {
  padding-left: 0.3em;
}

.table-responsive td {
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding: 0.3em;
}

#groupListTable td,
.table-responsive.scTable td,
.PointsForDrawings td,
.piaTable td,
.table-responsive.drawingsTable td,
#transactionData td,
#pointsData td
{
  padding-left: 50%;
}

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

#drawCartTable.HistoryTable tbody td span.tableHeader,
.tableHeader {
  font-weight: bold;
}

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

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

.filterRow label {
  display: block;
  width: 100%;
}

.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;
}

.ticketHistoryData td.numbers input.Powerball,
.ticketHistoryData td.numbers input.Megaball {
  -webkit-text-fill-color: #fff;
  -webkit-opacity: 1;
  background-color: #e33d3d;
  border-color: #e33d3d;
  color: #fff;
}

.ticketHistoryData td.numbers .winningBall {
  background-color: transparent;
  padding: 0 0.2em;
}

.ticketHistoryData td.numbers .winningBall.Powerball,
.ticketHistoryData td.numbers .winningBall.Megaball {
  color: #e33d3d;
}

#TicketHistoryTable th:nth-child(3) {
  cursor: inherit;
}

.filterRow.transparent .filterBtn {
  color: #1a9d9c;
}

.filterRow.transparent .filterBtn:hover {
  color: #177a77;
}

.filterBtn {
  background: transparent;
  border: 0;
  color: #fff;
  padding: 0;
}

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

input.hasDatepicker:hover {
  cursor: pointer;
}

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

/* Retail Locator */
#mapContainer {
  min-height: 400px;
}

#resultslist {
  background-color: #eee;
  max-height: 500px;
  overflow-y: scroll;
}

#resultslist .MarkerListItem:first-child {
  padding-bottom: 0.5rem;
}

#resultslist .MarkerListItem + .MarkerListItem {
  border-top: 1px solid #ddd;
  padding: 0.5rem 0;
}

#Zipcode {
  max-width: 100px;
}

/* Drawings and Winners */
.drawing-table.table-responsive thead tr,
#drawCartTable thead tr {
  background-color: #1a9d9c;
}

.sweepDetailCell ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.sweeptable td:before {
  font-weight: bold;
}

.table-responsive tr.AllocatableRow {
  border: 2px solid #900;
  border-bottom: none;
}

.table-responsive tr.AllocateRow {
  border: 2px solid #900;
  border-top: none;
}

.table-responsive .AllocateRow .sweepDetailCell {
  display: none;
}

.table-responsive tr.AllocateRow td.AllocationWarning {
  color: #900;
}

/* Racetrax */
.places {
  clear: both;
  padding-top: 10px;
  margin-top: 1em;
  text-align: center;
  position: relative;
  border-radius: 10px;
  background-color: #efeeee;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#Racetrax .places p {
  margin-top: 1em;
  padding: 5px 0;
  background-color: #c7c7c7;
  border-radius: 0 0 9px 9px;
  color: #000000;
}

.placeLabel {
  font-size: 24px;
  float: left;
  width: 35px;
  height: 35px;
  line-height: 27px;
  position: absolute;
  top: -8px;
  left: -8px;
  border-radius: 35px;
  border: 1px solid #860e20;
  background-color: #d2476e;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: bold;
}

.placeLabel span {
  vertical-align: super;
  font-size: 10px;
}

#drawPlayBox .inputBlock .places input {
  display: none;
}

#drawPlayBox .inputBlock .places label {
  display: inline-block;
  border: 1px solid #333333;
  background-color: #ffffff;
  border-radius: 6px;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 0.2em;
}

#drawPlayBox .inputBlock .places label:hover {
  cursor: pointer;
}

#drawPlayBox .inputBlock .places label.checked {
  background-color: #d2476e;
  border: 1px solid #860e20;
  color: #fff;
}

#drawPlayBox .inputBlock.barn {
  border-bottom: none;
}

.barn .TerminalQuickPickWrap {
  margin-top: 10px;
}

/* NOT the ideal solution, for mobile tables-  but its quick and dirty */
.sweeptable td:nth-of-type(1):before {
  content: "Prizes:";
}

.sweeptable td:nth-of-type(2):before {
  content: "Entry Deadline:";
}

.sweeptable td:nth-of-type(3):before {
  content: "Drawing Date:";
}

.sweeptable td:nth-of-type(4):before {
  content: "Your Entries:";
}

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

/* Transactions History Table */
#transactionData td:before {
  font-weight: bold;
}

#transactionData td:nth-of-type(1):before {
  content: "Transaction Date:";
}

#transactionData td:nth-of-type(2):before {
  content: "Purchase ID:";
}

#transactionData td:nth-of-type(3):before {
  content: "Purchase Name:";
}

#transactionData td:nth-of-type(4):before {
  content: "Purchase State:";
}

#transactionData td:nth-of-type(5):before {
  content: "Transaction Cost:";
}

#transactionData td:nth-of-type(6):before {
  content: "Transaction Type:";
}

#transactionData td:nth-of-type(7):before {
  content: "Game Name:";
}

#transactionData td:nth-of-type(8):before {
  content: "Numbers Played:";
}

#transactionData td:nth-of-type(9):before {
  content: "Number of Draws:";
}

/* For when we have error conditions */
#transactionData td[colspan]:not([colspan="1"]) {
  padding-left: 0.5rem;
}

#transactionData  td[colspan]:not([colspan="1"]):before {
  content: "";

}

/* Special rules for Allocation Warning columns */
.table-responsive.drawingsTable td.AllocationWarning {
  padding-left: 6px;
}

.sweeptable td.AllocationWarning:before {
  content: none;
}

/* New Points History Table */
#pointsData td:before {
  font-weight: bold;
}

#pointsData td:nth-of-type(1):before {
  content: "Date:";
}

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

#pointsData td:nth-of-type(3):before {
  content: "Details:";
}

#pointsData td:nth-of-type(4):before {
  content: "Points:";
}

#pointsData td[colspan]:not([colspan="1"]):before {
  content: "";
}


/* Second Chance Allocatable Entries Modal */
.PrizeAllocate ul {
  list-style: none;
  padding-left: 0;
}

.AllocateCountWarning {
  color: #ff0002;
  border: 1px dashed #ff0002;
  padding: .5rem .5rem 0;
  margin-bottom: 1rem;
}

/* Specialized Game Buttons */
#playDasherBtn {
  background: repeating-linear-gradient(45deg, #ffe1e2, #ffe1e2 10px, #ff4e4d 10px, #ff4e4d 20px);
  border: 1px solid #b80000;
  color: #fff;
  font-weight: bold;
  text-shadow: 3px 0 0 #225b43, -3px 0 0 #225b43, 0 3px 0 #225b43, 0 -3px 0 #225b43, 2px 2px #225b43, -2px -2px 0 #225b43, 2px -2px 0 #225b43, -2px 2px 0 #225b43;
  width: auto;
}

/* Post Claim */
#entryDetails th,
#entryDetails td {
  border: none;
}

.bonusAwardTitle,
p.Results {
  color: #1a9d9c;
}

.playGameTease {
  font-weight: bold;
  color: #84130f;
  display: block;
}

.promotionalMessageContainer {
  text-align: center;
  background: #eee;
  padding: .5em;
  border: 2px dashed #666;
}

/* Errors */
.Error,
.Error + label,
label.error {
  color: #dc3545;
}

.form-control.Error,
.form-control.error,
.form-control-sm.error {
  color: #cf2727;
  border-color: #F62828;
}

/* TERMS OF SERVICE ACCEPT */

/* Customize the label (the container) */
#tosLabel {
    display: block;
    padding-left: 1.3rem;
    margin-bottom: 1.5rem;
    margin-top: 2.3rem;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: bold;
    text-decoration: underline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
#tosLabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.7rem;
    width: 1.7rem;
    background-color: #eee;
    border: 2px solid black;
}

/* On mouse-over, add a grey background color */
#tosLabel:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#tosLabel input:checked ~ .checkmark {
    background-color: #d2476e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#tosLabel input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#tosLabel .checkmark:after {
    left: 0.5rem;
    top: 0.2rem;
    width: 0.5rem;
    height: 0.8rem;
    border: solid white;
    border-width: 0 0.23rem 0.23rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



::-ms-reveal {
  display: none;
}

/* PFD Buyer Style Overrides -  override /default/css/pfdsweepstyles.css.php */
.pageTitle {
  background: transparent;
  width: 100%;
  padding: 0;
}

.pageTitle h1 {
  font-size: 2.6rem;
  color: #1a9d9c;
  margin-bottom: 2rem;
  margin-top: 2rem;
  text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: 'Shrikhand', serif;
  text-align: center;
}

.content-box {
  border: 2px solid #dc006c;
  box-shadow: none;
}

.content-box-head {
  background-color: #dc006c;
  font-weight: bold;
}

.overlay {
  background:  #dc006c;
}

.overlay.draw-closed {
  color: #fff;
}


h3.card-title  {
  font-weight: bold;
  color: #000;
}

.details-btn.logged-out {
  background-color: transparent;
  color: #04a29d;
  border-color: #04a29d;
}

.redeem-btn,
.login-btn,
.details-btn.logged-in {
  background-color: #04a29d;
  border-color: #04a29d;
}

.redeem-btn:hover,
.login-btn:hover,
.details-btn.logged-in:hover {
  text-decoration: none;
  background-color: #46b5b3;
  color: #feeb5a;
}

.register-btn {
  color: #338382;
  border-color: #fbcb42;
  background-color: #fbcb42;
}

.register-btn:hover,
.register-btn:focus {
  text-decoration: none;
  background-color: #ffe495;
  color: #338382;
}

.btn.increment,
.btn.decrement {
  color: #338382;
}

#receiptIcon,
#circleBoltIcon {
  color: #0AA5A0;
}

#confirmationModel .confirmation-footer .btn {
  color: #0AA5A0;
  background: #e1f4f3;
}

#redemptionArea h1 {
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
}

h3.prize_title {
  color: #000;
}

.olderPfdEntriesBtn:link,
.olderPfdEntriesBtn:visited {
  background: #338382;
  border-color: #338382;
  border-radius: 20px;
}

.productImage {
  max-width: 100%;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 320px) {
  .navbar {
    min-height: 56px;
    padding: 1rem;
  }

  .bg-header .logo {
    text-align: center;
  }

  #dashboard {
    color: #fff;
    padding: 1.4em 1em 1em;
  }

  #drawCartTable tbody td.bet  {
      display: none;
  }

  /* MULTIMATCH */
  .drawNumbers .autopickAddendum {
    left: 275px;
    bottom: 90px;
  }

  .numbers .autopickAddendum {
    left: -7px;
    bottom: 25px;
  }

  #lottoHistory .numbers .autopickAddendum {
    bottom: 20px;
    left: unset;
    right: 20px;
  }

  .multiMatchGroup.active .drawNumbers .drawPool[data-autopick-pool="1"] {
    clear: both;
    display: block;
    float: none;
  }

  .multiMatchGroup .picks,
  .drawPanel.active .drawNumbers[data-multipanel-active="1"] + .inputBlock {
    margin: 1em 0 0;
    float: left;
  }

  .centerSlip {
    width: 100%;
  }

  .drawJackpot {
    border-bottom: 1px solid #d0d0d0;
    float: none;
    margin: 0 0 1em;
    padding: 0 0 1em;
    text-align: center;
    vertical-align: top;
    width: 100%;
  }

  .drawJackpot.notMobile {
    margin-left: 25%;
  }

  .drawInfoText {
    border-top: 1px solid #d0d0d0;
    padding-top: 1rem;
  }

  .form-select-sm,
  .form-select {
    width: 100%;
  }

  /* CART */
  #drawCartTable tbody tr,
  #drawCartTable tbody tr:last-child {
    border-color: #d0d0d0;
  }

  #drawCartTable td.numbers input,
  #drawCartTable td.numbers input.disabled,
  #drawCartTable td.numbers input:read-only {
    font-size: 0.8rem;
    padding: 0.2rem 0.1rem;
  }

  #drawCartTable tbody td.group {
    padding: 0 0.3rem;
  }

  #drawCartTable tbody td.multiplier {
    margin-bottom: 0.5em;
  }

  #drawCartTable tbody td.group select {
    max-width: none;
  }


  #drawCartTable tbody td.draws .tableHeader {
    font-size: 0.7rem;
    padding: 0;
  }

  #drawCartTable tbody td.draws .form-select {
    display: inline-block;
    width: 55px;
  }

  #drawCartTable th.delete,
  #drawCartTable tbody td.delete {
    padding: 0.5em;
  }

  #drawCartTable tbody td.delete label {
    margin: 0 0.2em 0 0;
  }

  #drawCartTable tbody td.delete input {
    margin: 0;
  }

  #drawCartTable .form-control {
    font-size: 0.8rem;
    padding: 0.375rem 1.6rem 0.375rem 0.4rem;
  }

  /* MOBILE APP ANDROID INSTRUCTIONS */
  #mobileappandroid .circle {
    width: 25px;
    height: 25px;
    padding: 3px 12px 3px 9px;
    font-size: 1rem;
  }

  #mobileappandroid h5 {
    font-size: .85rem;
  }

  #mobileappandroid .card-body {
    padding: 1rem .5rem .5rem;
  }

  .modal-header {
    background-color: #CCC;
    text-align: center;
  }

  .modal-header h5.display-4 {
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 1rem;
    font-size: 2rem;
  }

  .modal-body {
    background-color: #EEE;
  }

  .modal-body,
  .modal-body .embed-responsive {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal-content {
    border-width: 0;
  }

  .modal-footer {
    background-color: #EEE;
    border-width: 0;
    border-bottom: 7px solid #666;
  }

  .modal-header .close {
    margin-left: 0;
    padding-left: 0;
  }

  /* PIA */
  #WebcodeTabs .nav-link {
    font-size: 0.9rem;
    padding: 0.5em;
  }
}

@media (min-width: 576px) {

  #mobileappandroid .card {
    min-width: 30%;
  }

  .tutorialModal .embed-responsive-1by1,
  .fullScreenModal .embed-responsive-1by1 {
    width: 100%;
    margin: 0 auto;
  }

  .WebcodeEntryForm .input-group {
    max-width: 100%;
    width: auto;
  }


  /* PIA */
  #WebcodeTabs .nav-link {
    font-size: 1rem;
    padding: 0.5em 1em;
  }

}

@media (min-width: 768px) {

  #drawCartTable.HistoryTable td {
    display: table-cell;
  }

  .centerSlip {
    width: 70%;
  }

  .bg-header .logo {
    text-align: left;
  }

  .display-3 {
    font-size: 2.6rem;
  }

  .display-4 {
    font-size: 2rem;
  }

  .form-select-sm,
  .form-select {
    width: auto;
  }

  /* Home page */
  #mobileapp .icon.apple {
    width: 250px;
  }

  /* Carousel */
  .carousel-indicators {
    padding: 1rem;
  }

  .carousel-indicators li {
    height: 15px;
    width: 15px;
  }

  /* show 3 items */
  #pfpCarousel .carousel-inner .active,
  #pfpCarousel .carousel-inner .active + .carousel-item,
  #pfpCarousel .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  #pfpCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #pfpCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #pfpCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  #pfpCarousel .carousel-inner .carousel-item-next,
  #pfpCarousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  #pfpCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  #pfpCarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #pfpCarousel .carousel-item-next.carousel-item-left + .carousel-item,
  #pfpCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  #pfpCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  #pfpCarousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  #pfpCarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #pfpCarousel .carousel-item-prev.carousel-item-right + .carousel-item,
  #pfpCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  #pfpCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }

  /* Responsive Tables */
  .table-responsive {
    display: table;
  }

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

  .table-responsive thead tr,
  #drawCartTable thead tr {
    background-color: #1a9d9c;
    color: #ffffff;
  }

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

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

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

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

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

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

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

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

  #pointsData td,
  #groupListTable td,
  #transactionData td,
  .table-responsive.scTable td,
  .table-responsive.drawingsTable td {
    padding-left: 1em;
  }

  .transactionDate {
    width: 16%;
  }

  .numbersPlayed {
    width: 15%;
  }

  #PointsData td{
    display: table-cell;
    padding: 0.75rem;
  }

  .PointsForDrawings td {
    padding-left: 0;
  }

  /* Table Filters */
  .filterRow {
    padding: 0;
  }

  .tableHeader {
    display: none;
  }

  /* Table sorter arrows */
  thead .sorting_desc::after,
  thead .sorting_asc::after,
  thead .tablesorter-headerDesc::after,
  thead .tablesorter-headerAsc::after {
    content: "";
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  }

  thead .sorting_desc::after,
  thead .tablesorter-headerDesc::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  thead .sorting_asc::after,
  thead .tablesorter-headerAsc::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  thead .sorting_asc::after,
  thead .sorting_desc::after {
    margin-left: 1em;
  }

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

  /* EXTEND SUBSCRIPTIONS */
  .subscriptionsExpiringLabel {
    max-width: none;
  }
}

/* Fix the nav breakpoint */
@media (min-width: 768px) and (max-width: 992px) {
  .container {
    max-width: 860px; /* changing to fit overall design better */
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: static;
  }

  .navbar-collapse {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding: 0;
  }

  .navbar-expand-md .navbar-toggler {
    align-self: flex-start;
    display: block;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: column;
  }

  .navbar-expand-md .navbar-collapse {
    display: none !important; /* to override bootstrap nav breakpoint */
  }

  .navbar-expand-md .navbar-collapse.show {
    display: block !important; /* to override bootstrap nav breakpoint */
  }

  #mobileappandroid .card {
    max-width: 0;
    min-width: 35%;
    margin: 0 auto;
  }

  #mobileappandroid h5 {
    font-size: 1rem;
  }

  #howitworks .col {
    flex: none;
  }



}

@media (min-width: 993px) {
  .display-3 {
    margin-bottom: 2rem;
  }

  .navbar {
    padding: 0.5rem 1rem;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important; /* to override bootstrap nav breakpoint */
  }

  .navbar .nav-item:first-child .nav-link {
    padding-left: 0;
  }

  .navCircleWrap {
    right: 1rem;
  }

  .bg-header .logo {
    margin: 0;
    text-align: left;
  }

  .drawPanel.active .drawNumbers[data-multipanel-active="1"] + .inputBlock {
    margin: -3em 0 0;
  }

  .multiMatchGroup.active .drawNumbers .drawPool[data-autopick-pool="1"] {
    clear: none;
    display: block;
    float: right;
  }

  #drawCartTable tbody td.bet  {
      display: inherit;
  }

  #drawCartTable tbody td.status {
    text-align: left;
  }

  .promotionMessage {
      top: 2px;
  }

  /* MULTIMATCH */
  .drawNumbers .autopickAddendum {
    left: 355px;
    top: 30px;
  }

  .numbers .autopickAddendum {
    bottom: 30px;
  }

  #lottoHistory .numbers .autopickAddendum {
    bottom: 30px;
    left: -7px;
    right: unset;
  }

  /* Tables  */
  .table-responsive {
    display: table;
  }

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

  .table-responsive tbody {
    display: table-row-group;
  }

  .table-responsive tr {
    display: table-row;
  }

  .table-responsive td,
  .table-responsive.scTable td,
  .table-responsive.drawingsTable td,
  #transactionData td,
  #PointsData td{
    display: table-cell;
    padding: 0.75rem;
  }

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

  .nav-footer {
    flex-direction: row;
    padding: 0 4rem;
    margin-left: 3rem;
  }

  .FindTicket {
    width: 420px;
  }

  .filterRow label {
    width: auto;
  }

  #mobileappandroid .card {
    min-width: 0;
  }

  #mobileappandroid .card img {
    max-height: 428px;
    max-width: 225px;
  }

  #howitworks .col {
    flex: none;
    flex-basis: 0;
    flex-grow: 1;

  }

}

@media (min-width: 1200px) {
  /* MULTIMATCH */
  .drawNumbers .autopickAddendum {
    left: 480px;
  }
}


/**
 * Conditional CSS for Edge 11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* Conditional Edge styles */
  .tutorialModal,
  .tutorialModal .modalDialog,
  .tutorialModal .modal-dialog-centered,
  .fullScreenModal,
  .fullScreenModal .modalDialog,
  .fullScreenModal .modal-dialog-centered {
    max-width: 500px;
    width: 500px;
    margin: 0 auto;
  }

}