/* Set to true to show price and set to any other value to hide price text. Price is currently hidden by default. */
@font-face {
  font-family: 'ITC Franklin Gothic Std Bk Cp', sans-serif;
  src: url('ITCFranklinGothicStd-BkCp.otf') format('opentype'), url('ITCFranklinGothicStd-DmCp.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
#body {
  font-family: 'ITC Franklin Gothic Std Bk Cp', 'Franklin Gothic', Arial, sans-serif !important;
}
#body .btn {
  font-family: 'ITC Franklin Gothic', 'Franklin Gothic', Arial, sans-serif !important;
}
#body .btn-primary:active,
#body .btn-primary .active {
  background-color: #002266;
}
#body .pin-button {
  margin-top: 5px !important;
}
#body .sitewideNotification {
  background-color: red;
  color: white;
  font-size: 16px;
  text-align: center;
}
#body #culture-selection {
  color: #333333 !important;
}
#body .check-balance-btn {
  color: #333333 !important;
}
#body .nav-list a {
  color: #003366 !important;
  text-shadow: none !important;
}
#body .nav-list a:hover {
  text-shadow: none !important;
  color: white !important;
}
#body .nav-list li {
  text-shadow: none !important;
  padding: 5px !important;
}
#body .nav-list li:hover {
  text-shadow: none !important;
  color: white !important;
}
#body .nav-list li span a {
  color: #003366 !important;
}
#body .nav-list li span a:hover {
  text-shadow: none !important;
  color: white !important;
}
#body .nav-list li:hover {
  color: white !important;
  text-shadow: none !important;
}
#body #pin-reveal .pin-header {
  background: black !important;
}
#body #pin-reveal .box-div {
  border-color: black !important;
}
#body .portal-name {
  font-size: 36px;
  vertical-align: middle;
}
#body {
  overflow-y: auto;
}
#body #culture-container {
  background-color: white;
}
#body .margin-left-fix {
  margin-left: -20px;
}
#body .adidas-menu {
  background-color: black;
  width: 100%;
  height: 40px;
}
#body .cards-container table tr:nth-child(even) {
  background-color: #cccccc !important;
  background-image: none !important;
}
#body .nav-collapse {
  background-color: black;
}
#body .well .nav li:hover {
  background-color: black;
  color: white !important;
}
#body .well .nav li:hover a {
  color: white !important;
}
#body .well .nav li:hover a:hover {
  background-color: transparent;
  color: white !important;
}
#body .menu-container {
  background-color: black !important;
}
#body .footer-logo {
  text-align: center;
}
#body #footer a {
  color: inherit !important;
}
#body #wizardModalContainer {
  overflow: visible;
}
#body #wizardModalContainer #WizardModal {
  padding-right: 0px !important;
  top: 0;
  line-height: 3em !important;
}
#body #wizardModalContainer #WizardModal .modal-dialog {
  margin: 0 !important;
}
#body #wizardModalContainer #WizardModal .modal-dialog .modal-content .modal-header {
  border: none !important;
  border-radius: 0 !important;
}
#body #wizardModalContainer #WizardModal .modal-dialog .modal-content .modal-header.error,
#body #wizardModalContainer #WizardModal .modal-dialog .modal-content .modal-header.error h3 {
  background-color: white !important;
}
#body #wizardModalContainer #WizardModal .modal-dialog .modal-content .modal-body {
  max-height: none !important;
  border: none !important;
}
#body #wizardModalContainer #WizardModal .modal-dialog .modal-content .modal-footer {
  display: block;
  border: none !important;
  border-radius: 0 !important;
}
/*IPad in Portait*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #body #wizardModalContainer #WizardModal .modal-dialog .modal-content .modal-body {
    max-height: 370px !important;
  }
  #body #wizardModalContainer #WizardModal .modal-dialog .modal-content .loader-body {
    min-height: 370px !important;
  }
}
@media only screen and (min-width: 768px) {
  .card-image-margin {
    margin-left: 55px;
  }
}
@media only screen and (max-width: 480px) {
  #body .banner {
    max-width: 72px;
    margin-bottom: 15px;
  }
  #body #culture-selection {
    display: absolute;
    margin-right: 15px;
  }
  #body .margin-left-fix {
    margin-left: 0;
  }
  #body .portal-name {
    font-size: 20px;
    vertical-align: middle;
  }
}
#pin-reveal .box-div {
  border-radius: 4px;
  border: 2px solid #2f9fdf !important;
  padding: 5px;
}
#pin-reveal .box-div-header {
  background: linear-gradient(90.03deg, black -4.54%, #000509 0.63%, #0074de 116.48%);
  color: white !important;
  margin: 0;
}
#pin-reveal .pin-container {
  padding: 0;
}
#pin-reveal .pin-header {
  min-height: 3em;
  padding-left: 1em;
}
#pin-reveal .pin-display {
  text-align: center;
  margin: 1em 0 1em 0;
}
#pin-reveal .pin-text {
  font-size: 40px;
  font-weight: bold;
  padding: 5px;
}
#pin-reveal .print-btn img {
  float: right;
  width: 2em;
}