* p, * a, * body, * label {
  font-family: "Arial", sans-serif, serif;
  font-weight: 300;
  color: #000000;
}
* h1, * h2, * h3, * h4, * h5, * h6 {
  font-family: "Arial", sans-serif, serif;
  color: #000000;
}
* h1 a, * h2 a, * h3 a, * h4 a, * h5 a, * h6 a {
  font-family: "Arial", sans-serif, serif;
}
* h1 {
  font-size: 1.6rem;
}
* h2 {
  font-size: 1.2rem;
}
* h3 {
  font-size: 1.3rem;
}

.compImage {
  background-color: rgba(228, 217, 208, 0.2);
}

body a {
  text-decoration: underline;
}

body .readMoreDescription a:link {
  color: #0000EE;
}

body .readMoreDescription a:visited {
  color: #551A8B;
}

body #modalBody a:link {
  color: #0000EE;
}

body #modalBody a:visited {
  color: #551A8B;
}

body #winners {
  text-decoration: none;
}

body .winnerspage a {
  text-decoration: none;
}

body .cd-faq-group a {
  text-decoration: none;
}

.linkdec.puzzle {
  color: #2f2b2b;
}
.linkdec.puzzle:hover {
  color: #466c87;
}

#login-container #DMRI-nav {
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
}
@media only screen and (max-width: 600px) {
  #login-container #DMRI-nav {
    background-color: #000000;
  }
}
#login-container #DMRI-nav .container-fluid {
  max-width: 1200px;
  margin: auto;
}
#login-container #DMRI-nav .container-fluid .navbar-nav {
  padding-right: 0.6rem;
  padding-left: 0;
  width: 100%;
}
#login-container #DMRI-nav .container-fluid .navbar-nav li:first-child {
  padding-left: 0;
}
#login-container #DMRI-nav .container-fluid .menu-tab:hover {
  background-color: #ffffff;
}
#login-container #DMRI-nav .container-fluid .menuitems {
  color: #000000;
}
@media only screen and (max-width: 600px) {
  #login-container #DMRI-nav .container-fluid .menuitems {
    color: #ffffff;
  }
}
#login-container #DMRI-nav .container-fluid .loginModalButton {
  color: #000000;
}
@media only screen and (max-width: 600px) {
  #login-container #DMRI-nav .container-fluid .loginModalButton {
    color: #ffffff;
  }
}
#login-container #DMRI-nav .container-fluid .registerModalButton {
  color: #000000;
}
@media only screen and (max-width: 600px) {
  #login-container #DMRI-nav .container-fluid .registerModalButton {
    color: #ffffff;
  }
}
#login-container #DMRI-nav .container-fluid .logout a {
  color: #000000;
}
@media only screen and (max-width: 600px) {
  #login-container #DMRI-nav .container-fluid .logout a {
    color: #ffffff;
  }
}
#login-container #DMRI-nav .container-fluid .loginName a {
  color: #000000;
}
#login-container #DMRI-nav .container-fluid .loginName:hover {
  background-color: #ffffff;
  border-radius: 0px;
}
#login-container #DMRI-nav .container-fluid .logout:hover {
  background-color: #ffffff;
}

footer a {
  text-decoration: none;
}
footer #footerDMRI a:hover {
  color: #466c87;
  text-decoration: none;
}
footer #footerDMRI a {
  font-style: normal;
  color: #2f2b2b;
  text-decoration: none;
  font-weight: bold;
}

a {
  font-style: normal;
  color: #2f2b2b;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
  color: #466c87;
}

.compGrid a h5 {
  font-weight: 300;
  padding: 0.9rem;
}
.compGrid a .endDate {
  text-align: center;
}
.compGrid .compSection:hover a {
  font-style: unset;
}
.compGrid .compSection:hover a button {
  border: 1px solid #000000;
  transition: box-shadow 0.2s linear, background 0.2s linear;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
.compGrid .compSection:hover a button p, .compGrid .compSection:hover a button a, .compGrid .compSection:hover a button svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.compGrid .compSection {
  background-color: #fff;
  border: 1px solid #ccc9c6;
}
.compGrid .compSection a {
  font-style: unset;
}
.compGrid .compSection a .bottom {
  padding-left: 10px;
  padding-right: 10px;
}
.compGrid .compSection a button {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  font-weight: normal;
}
.compGrid .compSection a button p, .compGrid .compSection a button a, .compGrid .compSection a button svg, .compGrid .compSection a button i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.compGrid .compSection a button i {
  margin-left: 2px;
}
.compGrid .compSection a button p {
  margin: 0;
  font-size: 0.9rem;
}
.compGrid .compSection a button:hover {
  border: 1px solid #000000;
  transition: box-shadow 0.2s linear, background 0.2s linear;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
.compGrid .compSection a button:hover p, .compGrid .compSection a button:hover a, .compGrid .compSection a button:hover svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}

.btn {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  font-weight: normal;
}
.btn p, .btn a, .btn svg, .btn i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.btn i {
  margin-left: 2px;
}
.btn:hover {
  border: 1px solid #000000;
  transition: box-shadow 0.2s linear, background 0.2s linear;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
.btn:hover p, .btn:hover a, .btn:hover svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}

button strong {
  font-weight: 400;
}

.pagination {
  border-radius: 0px;
}
.pagination li:hover {
  background-color: #000000;
  border-color: #000000;
}
.pagination li {
  border: 2px solid white;
  background-color: #ffffff;
}
.pagination li:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination li:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination li a {
  font-style: unset;
  color: #000000;
}

#compMenuMobile, #gridTabs {
  background-color: white;
}
#compMenuMobile label, #gridTabs label {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 20px;
  font-weight: normal;
}
#compMenuMobile label p, #compMenuMobile label a, #compMenuMobile label svg, #compMenuMobile label i, #gridTabs label p, #gridTabs label a, #gridTabs label svg, #gridTabs label i {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
#compMenuMobile label i, #gridTabs label i {
  margin-left: 2px;
}

#gridTabs {
  padding: 0;
}
#gridTabs a {
  width: 33%;
}
#gridTabs .gridTab.active {
  border: thin solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
}
#gridTabs .gridTab.active p, #gridTabs .gridTab.active a, #gridTabs .gridTab.active svg, #gridTabs .gridTab.active i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
#gridTabs .gridTab.active i {
  margin-left: 2px;
}
#gridTabs .gridTab {
  padding: 0;
  border: thin solid #ffffff;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 0px;
  font-weight: normal;
}
#gridTabs .gridTab i {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
#gridTabs .gridTab p, #gridTabs .gridTab a, #gridTabs .gridTab svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
#gridTabs .gridTab i {
  margin-left: 2px;
}
#gridTabs .gridTab:hover {
  border: thin solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
}
#gridTabs .gridTab:hover p, #gridTabs .gridTab:hover a, #gridTabs .gridTab:hover svg, #gridTabs .gridTab:hover i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
#gridTabs .gridTab:hover i {
  margin-left: 2px;
}

.form-control:focus, .form-control:focus-visible {
  border-color: #000000;
}

.form-control {
  border-radius: 0px;
  border: 1px solid #ccc;
}
.form-control:focus {
  border-color: #000000;
  border-radius: 0px;
  border-width: 2px;
}

input[type=radio] {
  background-color: white;
  border-color: #000000;
}
input[type=radio]:hover {
  background-color: #000000;
  border-color: #000000;
}
input[type=radio]:checked {
  background-color: #000000;
  border-color: #000000;
}

#RegisterForm .custom-control-indicator, #AccountForm .custom-control-indicator, .newOptInOut .custom-control-indicator {
  border-color: #000000;
}
#RegisterForm .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator, #AccountForm .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator, .newOptInOut .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #000000;
}

#RegisterForm .custom-checkbox .custom-control-input-optout ~ label p::after, #AccountForm .custom-checkbox .custom-control-input-optout ~ label p::after {
  background-color: #000000;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator, #AccountForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator {
  background-color: #000000;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ label p::after, #AccountForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ label p::after {
  background-color: #000000;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ .custom-control-indicator, #AccountForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ .custom-control-indicator {
  background-color: #000000;
}

.newOptInOut .custom-checkbox .custom-control-input-optout ~ p::after {
  background-color: #000000;
}
.newOptInOut .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator {
  background-color: #000000;
}
.newOptInOut .custom-checkbox .custom-control-input-optout:checked ~ p::after {
  background-color: #ddd;
}
.newOptInOut .custom-checkbox .custom-control-input-optout:checked ~ .custom-control-indicator {
  background-color: #ddd;
}

#popup {
  border-color: #000000;
}
#popup #dobexit {
  width: 3rem;
}
#popup button {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  font-weight: normal;
}
#popup button p, #popup button a, #popup button svg, #popup button i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
#popup button i {
  margin-left: 2px;
}
#popup button:hover {
  border: 1px solid #000000;
  transition: box-shadow 0.2s linear, background 0.2s linear;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
#popup button:hover p, #popup button:hover a, #popup button:hover svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}

.instantwinwinnerbanner {
  background: #000000;
}
.instantwinwinnerbanner h1 {
  color: white;
}

.thankyoubanner {
  border-color: #000000;
}
.thankyoubanner .btn {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  font-weight: normal;
}
.thankyoubanner .btn p, .thankyoubanner .btn a, .thankyoubanner .btn svg, .thankyoubanner .btn i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.thankyoubanner .btn i {
  margin-left: 2px;
}
.thankyoubanner .btn:hover {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 20px;
  font-weight: normal;
}
.thankyoubanner .btn:hover p, .thankyoubanner .btn:hover a, .thankyoubanner .btn:hover svg, .thankyoubanner .btn:hover i {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.thankyoubanner .btn:hover i {
  margin-left: 2px;
}
.thankyoubanner .background {
  background: linear-gradient(155deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%) -50px 0, linear-gradient(205deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%) -50px 0, linear-gradient(335deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(25deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%);
  background-size: 100px 60px;
  background-color: rgba(255, 255, 255, 0.1);
}

.compOptIn #banner, .compOptIn #popup {
  border-color: #000000;
}
.compOptIn #banner h1, .compOptIn #popup h1 {
  background-color: #000000;
  color: white;
}
.compOptIn #banner #buttons button, .compOptIn #popup #buttons button {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  font-weight: normal;
}
.compOptIn #banner #buttons button p, .compOptIn #banner #buttons button a, .compOptIn #banner #buttons button svg, .compOptIn #banner #buttons button i, .compOptIn #popup #buttons button p, .compOptIn #popup #buttons button a, .compOptIn #popup #buttons button svg, .compOptIn #popup #buttons button i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.compOptIn #banner #buttons button i, .compOptIn #popup #buttons button i {
  margin-left: 2px;
}
.compOptIn #banner #buttons button:hover, .compOptIn #popup #buttons button:hover {
  border: 1px solid #000000;
  transition: box-shadow 0.2s linear, background 0.2s linear;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
.compOptIn #banner #buttons button:hover p, .compOptIn #banner #buttons button:hover a, .compOptIn #banner #buttons button:hover svg, .compOptIn #popup #buttons button:hover p, .compOptIn #popup #buttons button:hover a, .compOptIn #popup #buttons button:hover svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.compOptIn #banner button, .compOptIn #popup button {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  font-weight: normal;
}
.compOptIn #banner button p, .compOptIn #banner button a, .compOptIn #banner button svg, .compOptIn #banner button i, .compOptIn #popup button p, .compOptIn #popup button a, .compOptIn #popup button svg, .compOptIn #popup button i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.compOptIn #banner button i, .compOptIn #popup button i {
  margin-left: 2px;
}
.compOptIn #banner button:hover, .compOptIn #popup button:hover {
  border: 1px solid #000000;
  transition: box-shadow 0.2s linear, background 0.2s linear;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
.compOptIn #banner button:hover p, .compOptIn #banner button:hover a, .compOptIn #banner button:hover svg, .compOptIn #popup button:hover p, .compOptIn #popup button:hover a, .compOptIn #popup button:hover svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}

.competitionDisplay a {
  font-style: unset;
}

#compCountdown #timer > div div h2 {
  font-size: 1.3rem;
  border-width: 3px;
  border-color: #000000;
}

#compCountdown {
  border-color: #000000;
  border-width: 4px;
  border-style: solid;
  background-color: white;
  color: black;
  border-radius: 0px;
}
#compCountdown #timer {
  border-left-color: #000000;
  border-left-width: 3px;
  border-left-style: dashed;
}

.compstatsbanner {
  border-top: 2px solid #000000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: rgba(0, 0, 0, 0.1);
  color: black;
}
.compstatsbanner p {
  margin-bottom: 0;
}

.winnerspage > h1 {
  color: black;
}
.winnerspage .col-md-4 {
  border-color: #000000;
  border-width: 2px;
  border-style: solid;
}

.shareGainAll .steps > div .icon {
  background-color: white;
  color: #000000;
}
.shareGainAll .steps > div .icon i {
  color: #000000;
}
.shareGainAll li {
  border: thin solid #ffffff;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 0px;
  font-weight: normal;
}
.shareGainAll li i {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.shareGainAll li p, .shareGainAll li a, .shareGainAll li svg {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.shareGainAll li i {
  margin-left: 2px;
}
.shareGainAll li:hover {
  border: thin solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
}
.shareGainAll li:hover p, .shareGainAll li:hover a, .shareGainAll li:hover svg, .shareGainAll li:hover i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.shareGainAll li:hover i {
  margin-left: 2px;
}

.share-box {
  background: #ffffff;
}
.share-box .email-button, .share-box .link-button, .share-box .shareButton {
  text-decoration: none;
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 20px;
  font-weight: normal;
}
.share-box .email-button p, .share-box .email-button a, .share-box .email-button svg, .share-box .email-button i, .share-box .link-button p, .share-box .link-button a, .share-box .link-button svg, .share-box .link-button i, .share-box .shareButton p, .share-box .shareButton a, .share-box .shareButton svg, .share-box .shareButton i {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.share-box .email-button i, .share-box .link-button i, .share-box .shareButton i {
  margin-left: 2px;
}
.share-box .email-button:hover, .share-box .link-button:hover, .share-box .shareButton:hover {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 20px;
}
.share-box .email-button:hover p, .share-box .email-button:hover a, .share-box .email-button:hover svg, .share-box .email-button:hover i, .share-box .link-button:hover p, .share-box .link-button:hover a, .share-box .link-button:hover svg, .share-box .link-button:hover i, .share-box .shareButton:hover p, .share-box .shareButton:hover a, .share-box .shareButton:hover svg, .share-box .shareButton:hover i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.share-box .email-button:hover i, .share-box .link-button:hover i, .share-box .shareButton:hover i {
  margin-left: 2px;
}
.share-box a {
  border-radius: 0;
}
.share-box #emailMinus {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 20px;
  font-weight: normal;
}
.share-box #emailMinus p, .share-box #emailMinus a, .share-box #emailMinus svg, .share-box #emailMinus i {
  font-style: unset;
  fill: #ffffff;
  color: #ffffff;
}
.share-box #emailMinus i {
  margin-left: 2px;
}
.share-box #emailMinus:hover {
  border: 1px solid #000000;
  padding: 0.625rem 5px;
  font-family: "Arial", sans-serif, serif;
  background-color: #ffffff;
  color: #000000;
  border-radius: 20px;
}
.share-box #emailMinus:hover p, .share-box #emailMinus:hover a, .share-box #emailMinus:hover svg, .share-box #emailMinus:hover i {
  font-style: unset;
  fill: #000000;
  color: #000000;
}
.share-box #emailMinus:hover i {
  margin-left: 2px;
}
.share-box #emailText, .share-box p {
  color: black;
}

.puzzleExp .box {
  background-color: #000000;
  color: white;
}

.puzzleoptinbanner {
  background-color: #000000;
  border-color: #000000;
}
.puzzleoptinbanner .white .inner {
  background-color: #000000;
  color: white;
}

#RegisterForm #loginGuide .loginGuideActive {
  border-bottom-color: #ffffff;
}
#RegisterForm #loginGuide div {
  background-color: rgba(0, 0, 0, 0.15);
}
#RegisterForm #loginGuide div i {
  color: #000000;
}

.advert {
  text-align: center;
}

/*# sourceMappingURL=204.css.map */