/* TABLE OF CONTENTS */
/* ----------------------------------------- */
/* GLOBAL VARIABLES AND SETTINGS */
/* GLOBAL HELPERS AND POSITIONING */
/* GLOBAL STAHLS' ATTRIBUTES */
/* ==========================================================================
   GLOBAL VARIABLES AND SETTINGS
   ========================================================================== */
/* ==========================================================================
   GLOBAL HELPERS AND POSITIONING
   ========================================================================== */
/* ==========================================================================
   GLOBAL STAHLS' ATTRIBUTES
   ========================================================================== */
/* ==========================================================================
   GLOBAL STAHLS' MOBILE
   ========================================================================== */
/* 1280px */
/* 768px */
/* ==========================================================================
   GLOBAL WIZARDS CORE STYLES
   ========================================================================== */
#wizard-container {
  position: relative;
  line-height: 1.375em;
}
#wizard-container h1,
#wizard-container h2,
#wizard-container h3 {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}
#wizard-container h1 {
  display: table;
  color: #0065BD;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: 10px 0 0;
}
#wizard-container h1 .wizard-step {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background-color: #0065BD;
  color: #FFFFFF;
  margin-right: 10px;
  width: 1.5rem;
}
#wizard-container h1 .wizard-step + .wizard-text {
  display: table-cell;
}
#wizard-container h1 .wizard-text {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
#wizard-container h1.pattern-step {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 18px;
  padding-bottom: 10px;
}
#wizard-container h1.pattern-step .wizard-text {
  text-transform: uppercase;
}
#wizard-container h2 {
  font-size: 1rem;
  line-height: 1.125rem;
  padding-bottom: 10px;
}
#wizard-container .unbold-label {
  padding-bottom: 10px;
}
#wizard-container hr {
  background: none;
  /* legacy */
  border-top: 1px solid #DDDDDD;
  box-shadow: none;
  /* legacy */
  height: 0;
  margin: 10px 0;
  width: auto;
  /* legacy */
}
#wizard-container p {
  line-height: 1.4em;
  padding-bottom: 10px;
}
#wizard-container .field-item.has-announcement {
  position: relative;
}
#wizard-container .field-item.has-announcement > .wizard-info,
#wizard-container .field-item.has-announcement > .wizard-info-inverse {
  max-width: calc(100% - 370px);
}
#wizard-container .field-item.has-announcement .announcement {
  position: absolute;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  background-color: #FF5555;
  color: #FFFFFF;
  max-width: 330px;
  padding: 10px;
  right: 0;
  top: 0;
}
#wizard-container .field-item.has-announcement .announcement > span {
  display: table-cell;
  vertical-align: middle;
}
#wizard-container .field-item.has-announcement .announcement > span.icon-announcement {
  font-size: 32px;
}
#wizard-container .field-item.has-announcement .announcement > span ~ span {
  padding-left: 10px;
}
#wizard-container .field-item.input,
#wizard-container .field-item.textarea,
#wizard-container .field-item.dropdown,
#wizard-container .field-item.radio {
  padding-bottom: 20px;
}
#wizard-container .field-item textarea {
  margin-top: 10px;
  height: 160px;
  width: 100%;
}
#wizard-container .field-item.radio > .wiz-table {
  width: 100%;
}
#wizard-container .field-item.radio label {
  cursor: pointer;
  font-weight: 700;
}
#wizard-container .field-item.radio .wiz-table .wiz-row .wiz-col {
  vertical-align: top;
}
#wizard-container .field-item.radio .wiz-table .wiz-row .wiz-col input[type=radio] {
  margin-top: 4px;
}
#wizard-container .wizard-options {
  position: relative;
}
#wizard-container .wizard-options .wizard-sections-container {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 35px;
  width: auto;
}
#wizard-container .wizard-options .wizard-sections-container .wizard-header {
  display: none;
  position: relative;
}
#wizard-container .wizard-options .wizard-sections-container .wizard-header .mobile-only {
  position: absolute;
  margin-top: -0.6rem;
  right: 3%;
  top: 50%;
}
#wizard-container .wizard-options .wizard-sections-container .mobile-reset-link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: right;
  padding: 0 3% 10px;
}
#wizard-container .wizard-options .wizard-sections-container .back-to-top {
  bottom: 0;
}
#wizard-container .back-to-top {
  position: absolute;
  text-align: right;
  font-size: 16px;
  left: 0;
  right: 0;
}
#wizard-container .wizard-section {
  background: #FFFFFF;
  margin-bottom: 10px;
  padding: 0 3% 10px;
}
#wizard-container .wizard-section.disabled {
  opacity: 0.6;
}
#wizard-container .wizard-section:last-child {
  margin-bottom: 0;
}
#wizard-container .wizard-section.wizard-shadow {
  border: 1px solid #DDDDDD;
}
#wizard-container .wizard-section.open .step-content {
  overflow: hidden;
  border-top: 1px solid #DDDDDD;
  margin-top: 10px;
  padding-top: 10px;
}
#wizard-container .promo-masonry {
  text-align: left;
  margin-top: 0;
}
#wizard-container .wizard-selection {
  padding: 0 0 5px;
}
#wizard-container .txtSelect .wizard-option.promos.disabled-btn:after {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#wizard-container .wizard-option {
  text-align: center;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  margin-bottom: 10px;
  padding: 0;
}
#wizard-container .wizard-option.disabled {
  cursor: default;
  opacity: 0.3;
}
#wizard-container .wizard-option.disabled-btn {
  position: relative;
  cursor: default;
}
#wizard-container .wizard-option.disabled-btn:after,
#wizard-container .wizard-option.disabled-btn:before {
  position: absolute;
  bottom: 0;
  content: '';
  left: 0;
  right: 0;
  top: 0;
}
#wizard-container .wizard-option.disabled-btn:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width: 100%25; height: 100%25;'%3E%3Cline x1='0' y1='100%25' x2='100%25' y2='0' style='stroke:rgb(213,43,30);stroke-width:1'/%3E%3C/svg%3E");
  z-index: 2;
}
#wizard-container .wizard-option.disabled-btn:before {
  background-color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  z-index: 1;
}
#wizard-container .wizard-option.disabled-btn.disabled.option-tooltip:before {
  opacity: 0;
}
#wizard-container .wizard-option.active .holds-check .fa-check,
#wizard-container .wizard-option.active .holds-check .icon-checkmark-heavy {
  position: absolute;
  display: inline-block;
  color: #FFFFFF;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#wizard-container .wizard-option.active .main-section.holds-check,
#wizard-container .wizard-option.active .caption-container {
  background: #FF6D22;
  color: #FFFFFF;
}
#wizard-container .wizard-option.material-option.disabled {
  cursor: default;
  opacity: 1;
}
#wizard-container .wizard-option.material-option.disabled .wiz-opt-container {
  opacity: 0.3;
}
#wizard-container .wizard-option.font-option .main-section img {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  left: 50%;
  max-width: 90%;
  top: 50%;
  width: auto;
}
#wizard-container .wizard-option.new-option {
  position: relative;
}
#wizard-container .wizard-option.new-option:after {
  position: absolute;
  color: #666666;
  content: '\e90e';
  bottom: 32px;
  font-family: 'StahlsGlyphs';
  font-size: 36px;
  left: 0;
  line-height: 36px;
  top: 0;
  z-index: 2;
}
#wizard-container .wizard-option.new-option:before {
  position: absolute;
  display: block;
  content: '';
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #FFFFFF transparent transparent transparent;
  bottom: 33px;
  height: 0;
  left: 2px;
  top: 0;
  width: 0;
  z-index: 1;
}
#wizard-container .wizard-option.has-note .main-section {
  overflow: visible;
}
#wizard-container .wizard-option.has-note .opt-note {
  position: absolute;
  display: block;
  text-align: center;
  color: #333333;
  font-size: 12px;
  left: 0;
  line-height: 1.2em;
  right: 0;
  top: 100%;
}
#wizard-container .wizard-option .main-section {
  overflow: hidden;
  position: relative;
  border: 1px solid #DDDDDD;
  border-bottom: none;
  padding-bottom: 56.25%;
}
#wizard-container .wizard-option .main-section span.desc {
  display: block;
  margin: auto;
  max-width: 80%;
}
#wizard-container .wizard-option .main-section.holds-check {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #DDDDDD;
  border: none;
  font-size: 15px;
  height: 100%;
  padding: 10px 20px;
}
#wizard-container .wizard-option .main-section.holds-check > div {
  position: absolute;
  color: #333333;
  top: 100%;
}
#wizard-container .wizard-option .main-section img,
#wizard-container .wizard-option .main-section > div {
  position: absolute;
  display: block;
  height: 100%;
  margin: auto;
  object-fit: cover;
  top: 0;
  width: 100%;
}
#wizard-container .wizard-option .main-section a.enlarge-option-image {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FF6D22;
  padding: 5px 5px 1px;
  right: 5px;
  top: 5px;
  z-index: 1;
}
#wizard-container .wizard-option .main-section a.enlarge-option-image span.icon-search {
  color: #FFFFFF;
  font-size: 18px;
}
#wizard-container .wizard-option .caption-container {
  background: #DDDDDD;
  height: 100%;
}
#wizard-container .wizard-option .caption {
  position: relative;
  line-height: 1rem;
  min-height: 17px;
  padding: 4px 20px;
}
#wizard-container .wizard-option .caption > span {
  display: block;
}
#wizard-container .wizard-option input {
  display: inline-block;
  text-align: center;
  height: 20px;
  width: 60px;
}
#wizard-container .wizard-option .wiz-opt-container {
  width: 100%;
  position: relative;
  display: table;
  height: 100%;
  table-layout: fixed;
}
#wizard-container .wizard-option .wiz-opt-container > div {
  display: table-row;
}
#wizard-container .wizard-option .wiz-opt-container > div > div {
  display: table-cell;
  vertical-align: middle;
}
#wizard-container .main-section {
  -webkit-transition: background-color 0.12s ease-in;
  -moz-transition: background-color 0.12s ease-in;
  -ms-transition: background-color 0.12s ease-in;
  -o-transition: background-color 0.12s ease-in;
  transition: background-color 0.12s ease-in;
}
#wizard-container .holds-check .fa-check,
#wizard-container .holds-check .icon-checkmark-heavy {
  display: none;
  font-size: 10px;
}
#wizard-container .wizard-loading {
  overflow: hidden;
  position: relative;
  min-height: 250px;
}
#wizard-container .wizard-loading:before,
#wizard-container .wizard-loading:after {
  position: absolute;
}
#wizard-container .wizard-loading:before {
  background: #000000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.3;
  right: 0;
  top: 0;
  z-index: 11;
}
#wizard-container .wizard-loading:after {
  -webkit-animation-name: load-spin;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: load-spin;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: load-spin;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  -o-animation-fill-mode: forwards;
  -ms-animation-name: load-spin;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -ms-animation-fill-mode: forwards;
  animation-name: load-spin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  color: #fff;
  content: "\f110";
  font-family: FontAwesome;
  font-size: 3rem;
  left: 50%;
  margin: -1.5rem;
  top: 50%;
  z-index: 12;
}
#wizard-container .exclamation-icon {
  height: 19px;
  width: 19px;
}
@keyframes load-spin {
  from {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  to {
    -webkit-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
}
@-webkit-keyframes load-spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   PENDING STYLES FROM LIST VIEW
   ========================================================================== */
#wizard-container div.swatch-white {
  border: 2px solid #DDDDDD !important;
  background-color: #FFFFFF;
}
#wizard-container div.swatch-white span {
  background: #DDDDDD !important;
}
#wizard-container div.swatch-white:hover:before {
  position: absolute;
  color: #999999;
  content: "\f111";
  font-family: FontAwesome;
  font-size: 1.4rem;
  right: 3px;
  top: 2px;
}
#wizard-container div.swatch-gray {
  background-color: #666666;
}
#wizard-container div.swatch-green {
  background-color: #00AD83;
}
#wizard-container div.swatch-red {
  background-color: #D52B1E;
}
#wizard-container div.swatch-blue {
  background-color: #0065BD;
}
#wizard-container.digital-palette {
  position: relative;
}
#wizard-container.digital-palette .color-swatches {
  text-align: center;
  margin-left: 0;
  padding: 35px 20px 20px;
}
#wizard-container.digital-palette .fa-close {
  position: absolute;
  text-align: right;
  cursor: pointer;
  font-size: 28px;
  height: 30px;
  padding-right: 1px;
  right: 5px;
  top: 5px;
  width: 35px;
  z-index: 10;
}
#wizard-container .color-box .choose-color-swatch.none-selected .main-section {
  background: url("https://assets.stahls.com/stahls/wizards/letters-numbers/images/color-selector-button-icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 85%;
}
#wizard-container .color-box .choose-color-swatch.none-selected .caption:after {
  content: "Click to Select";
}
#wizard-container .color-box .choose-color-swatch .main-section {
  padding-bottom: 30%;
}
#wizard-container .color-box .choose-color-swatch .main-section .pattern-color {
  display: block;
  height: 100%;
  width: 100%;
}
#wizard-container .color-box .choose-color-swatch .plugin.land-tiles {
  padding: 0 0 5px;
}
#wizard-container .color-swatches {
  margin-left: -5px;
}
#wizard-container .upload-color {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: top;
  color: #fff;
  background-size: 100% 100%;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  cursor: pointer;
  height: 75px;
  margin: 5px;
  width: 75px;
}
#wizard-container .upload-color.swatch-new span:after,
#wizard-container .upload-color.swatch-updated span:after {
  position: absolute;
  color: #666666;
  bottom: 32px;
  font-family: 'StahlsGlyphs';
  font-size: 36px;
  left: 1px;
  line-height: 36px;
}
#wizard-container .upload-color.swatch-new span:before,
#wizard-container .upload-color.swatch-updated span:before {
  position: absolute;
  display: block;
  content: '';
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #FFFFFF transparent transparent transparent;
  bottom: 33px;
  height: 0;
  left: 2px;
  width: 0;
}
#wizard-container .upload-color.swatch-new span:after {
  content: '\e90e';
}
#wizard-container .upload-color.swatch-updated span:after {
  content: '\eab1';
}
#wizard-container .upload-color span {
  position: absolute;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  bottom: 2px;
  color: #333333;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.625rem;
  left: 2px;
  line-height: 1.15em;
  max-height: 23px;
  padding: 1px;
  right: 2px;
}
#wizard-container .upload-color.active:before,
#wizard-container .upload-color.active:after {
  position: absolute;
  -webkit-transform: translate(-50%, -80%);
  -moz-transform: translate(-50%, -80%);
  -o-transform: translate(-50%, -80%);
  -ms-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
  font-family: 'StahlsGlyphs';
  left: 50%;
  top: 50%;
}
#wizard-container .upload-color.active:before {
  color: #00AD83;
  content: "\e9c7";
  font-family: 'StahlsGlyphs';
  font-size: 40px;
  z-index: 1;
}
#wizard-container .upload-color.active:after {
  color: #fff;
  content: "\e952";
  font-family: 'StahlsGlyphs';
  font-size: 20px;
  z-index: 2;
}
#wizard-container .wiz-modal-content {
  display: none;
}
#wizard-container .warning-label,
#wizard-container .wizard-info,
#wizard-container .wizard-info-inverse {
  position: relative;
  padding-left: 1.7rem;
  margin-bottom: 10px;
}
#wizard-container .warning-label:before,
#wizard-container .wizard-info:before,
#wizard-container .wizard-info-inverse:before {
  position: absolute;
  color: #0065BD;
  content: '\e944';
  font-family: 'StahlsGlyphs';
  font-size: 20px;
  left: 0;
  top: 0;
}
#wizard-container .warning-label.StahlsTooltip,
#wizard-container .wizard-info.StahlsTooltip,
#wizard-container .wizard-info-inverse.StahlsTooltip {
  padding-left: 1.25rem;
}
#wizard-container .warning-label .content-main ul,
#wizard-container .wizard-info .content-main ul,
#wizard-container .wizard-info-inverse .content-main ul {
  margin-bottom: 0;
}
#wizard-container .wizard-info-inverse:before {
  content: '\e9d9';
}
#wizard-container .wizard-warning {
  position: relative;
  font-weight: 700;
  padding-left: 2.5rem;
  margin-bottom: 10px;
}
#wizard-container .wizard-warning:before {
  position: absolute;
  background: url(https://assets.stahls.com/stahls/wizards/letters-numbers/images/warn.svg) no-repeat;
  background-position: center;
  background-size: 100%;
  content: "";
  height: 2rem;
  left: 0;
  top: 4px;
  width: 2rem;
}
#wizard-container .wizard-warning .content-main ul {
  margin-bottom: 0;
}
#wizard-container .content-main ul li {
  background-position: 0 6px;
  line-height: 1.5em;
  padding-left: 12px;
}
#wizard-container .alter-msg {
  min-height: 28px;
}
#wizard-container .alter-msg.active {
  font-weight: 700;
}
#wizard-container .alter-msg.active img,
#wizard-container .alter-msg.active .verify {
  display: inline-block;
}
#wizard-container .alter-msg.active img,
#wizard-container .alter-msg.active .message {
  vertical-align: middle;
}
#wizard-container .alter-msg img,
#wizard-container .alter-msg .verify {
  display: none;
}
.wizardButton,
.wizUploadButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: background-color 0.12s ease-in;
  -moz-transition: background-color 0.12s ease-in;
  -ms-transition: background-color 0.12s ease-in;
  -o-transition: background-color 0.12s ease-in;
  transition: background-color 0.12s ease-in;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 10px 15px;
}
.wizardButton.disabled,
.wizUploadButton.disabled {
  cursor: default;
  opacity: 0.3;
}
.wizardButton {
  background: #FFFFFF;
  border: 1px solid #FF6D22;
  color: #FF6D22;
}
.wizardButton:not(.disabled):hover {
  background-color: #FF6D22;
  color: #FFFFFF;
}
.wizUploadButton {
  background: #FF6D22;
  border: none;
  color: #FFFFFF;
}
.wizUploadButton:not(.disabled):hover {
  background-color: #D44801;
}
.wiz-table {
  display: table;
}
.wiz-table .wiz-row {
  display: table-row;
}
.wiz-table .wiz-row .wiz-col {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px 5px 0;
}
.wiz-table .wiz-row .wiz-col.player-number input[type="text"] {
  min-width: 0;
  width: 60px;
}
.wiz-table .wiz-row .wiz-col.player-number input[type="text"].graphic {
  width: 65px;
}
.wiz-table .wiz-row .wiz-col.delete {
  cursor: pointer;
  padding-right: 0;
}
.wiz-table .wiz-row .wiz-col.delete .icon-trash-delete-solid {
  color: #FF6D22;
}
.wiz-table .wiz-row .wiz-col.delete .icon-trash-delete-solid:hover {
  color: #D44801;
}
.wiz-table .wiz-row .wiz-col.error-excl-msg {
  display: table-cell;
  color: #D52B1E;
  padding-left: 5px;
  padding-right: 0;
}
.wiz-table .wiz-row .wiz-col.error-excl-msg img.exclamation-icon {
  display: none;
}
.wiz-table .wiz-row .wiz-col.error-excl-msg ul.input-error {
  font-size: 13px;
  white-space: normal;
  width: 200px;
}
.wiz-table .wiz-row .wiz-col.error-excl-msg ul.input-error li {
  background: none;
  line-height: 13px;
  padding: 0;
}
.wiz-table .wiz-row .wiz-col.player-name {
  width: 100%;
}
.wiz-table .wiz-row .wiz-col input[type="text"] {
  width: 100%;
  min-width: 100px;
}
.wiz-table .wiz-row .wiz-col input[type="text"].numbers-only {
  width: 40px;
}
.special-characters-msg {
  font-style: italic;
  color: #999999;
  font-size: 15px;
}
.special-characters-msg.active .icon-warning {
  display: inline-block;
}
.special-characters-msg > span {
  vertical-align: middle;
}
.special-characters-msg .icon-warning {
  display: none;
  color: #D52B1E;
}
.preview-panel-selections .wiz-table {
  width: 100%;
}
.preview-panel-selections .wiz-table .wiz-row .wiz-col {
  vertical-align: top;
  padding: 5px 5px 5px 0;
}
.preview-panel-selections .wiz-table .wiz-row .wiz-col input,
.preview-panel-selections .wiz-table .wiz-row .wiz-col label {
  vertical-align: middle;
}
.preview-panel-selections .wiz-table.wiz-totals {
  border-top: 1px solid #DDDDDD;
}
.preview-panel-selections .wiz-table.wiz-totals .wiz-row .wiz-col {
  border-top: none;
  padding: 0 5px 0 0;
}
.preview-panel-selections .wiz-table.wiz-totals .wiz-row:first-child .wiz-col {
  padding-top: 5px;
}
.preview-panel-selections .wiz-table.wiz-totals .wiz-row:last-child .wiz-col {
  padding-bottom: 5px;
}
.grid-controls.wiz-table {
  margin-bottom: 2px;
}
.grid-controls.wiz-table .wiz-row .wiz-col input[type="text"] {
  width: auto;
}
.grid-controls.wiz-table .wiz-row .wiz-col input[type="text"].numbers-only {
  min-width: 60px;
  width: 60px;
}
.grid-controls.wiz-table .wiz-row .wiz-col button.wizardButton {
  margin-bottom: 0;
}
ul.wizard-inputs.letters-quantities {
  font-size: 16px;
  padding: 0;
}
ul.wizard-inputs.letters-quantities li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background: none;
  line-height: 1.2rem;
  padding: 0 2px 10px 0;
}
ul.wizard-inputs.letters-quantities li img {
  display: block;
  margin: auto;
}
ul.wizard-inputs.letters-quantities li input {
  text-align: center;
}
#player-quantity-manage {
  min-height: 400px;
}
#player-quantity-manage #teamnamesLists .wiz-row {
  padding: 0;
}
#player-quantity-manage #teamnamesLists .wiz-row .wiz-col {
  border-bottom: 1px dashed #DDDDDD;
  padding: 10px 5px 10px 0;
}
#player-quantity-manage #teamnamesLists .wiz-row .wiz-col.listname {
  width: 100%;
  cursor: pointer;
}
#player-quantity-manage #teamnamesLists .wiz-row .wiz-col.delete .fa-trash {
  color: #999999;
  font-size: 1rem;
}
#player-quantity-manage #teamnamesLists .wiz-row .wiz-col.delete .fa-trash:hover {
  color: #D52B1E;
}
#namesnumbersTable {
  overflow: hidden;
  padding-left: 10px;
}
#namesnumbersTable .addMore,
#namesnumbersTable #btnPlayerReset {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
}
#namesnumbersTable .addMore > span,
#namesnumbersTable #btnPlayerReset > span {
  vertical-align: middle;
}
#namesnumbersTable .addMore {
  margin-right: 40px;
}
.wizard-inputs input[type="number"],
.wizard-inputs input[type="text"],
.wizard-inputs select,
.wizard-inputs textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #CCCCCC;
  font-size: 0.875rem;
  padding: 0 5px;
}
.wizard-inputs input[type="number"]:focus,
.wizard-inputs input[type="text"]:focus,
.wizard-inputs select:focus,
.wizard-inputs textarea:focus {
  background: rgba(38, 166, 91, 0.1);
}
.wizard-inputs input[type="number"],
.wizard-inputs input[type="text"],
.wizard-inputs select {
  height: 32px;
}
.wizard-inputs textarea {
  height: 80px;
}
.wizard-inputs input[type="number"] {
  width: 60px;
}
.wizard-inputs ::-webkit-input-placeholder {
  color: #999999;
}
.wizard-inputs :-moz-placeholder {
  color: #999999;
}
.wizard-inputs ::-moz-placeholder {
  color: #999999;
}
.wizard-inputs ::-webkit-input-placeholder {
  color: #999999;
}
.wizard-inputs :-ms-input-placeholder {
  color: #999999 !important;
}
.wizard-inputs .name-order {
  margin-bottom: 10px;
}
.wizard-inputs .update-helper {
  margin-bottom: 2px;
}
.wizard-inputs .name-order input {
  width: 287px;
}
.wizard-inputs .update-helper .wizardButton {
  margin: 0 5px;
}
.wizard-inputs .update-helper .number-range input,
.wizard-inputs .update-helper .update-all-qtys input {
  width: 60px;
}
.wizard-inputs .update-helper .number-range {
  margin-bottom: 10px;
}
.wizard-inputs .saved-lists {
  margin-bottom: 15px;
}
.wizard-inputs .saved-lists select#teamnamesMyLists {
  max-width: 120px;
}
.wizard-inputs .saved-lists select,
.wizard-inputs .saved-lists .wizardButton {
  margin-bottom: 5px;
}
.wizard-inputs .unauth-msg a.loginlink {
  display: inline-block;
}
#player-quantity-list input[type=checkbox] {
  vertical-align: middle;
}
#player-quantity-list input[type=checkbox] ~ * {
  vertical-align: middle;
}
#player-quantity-list .player-quantity-rules {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
#player-quantity-list #saveListCheck {
  border-bottom: 1px solid #DDDDDD;
  padding: 10px 0 20px;
  margin-bottom: 20px;
}
#player-quantity-list #zippWeedUpgradeOption {
  margin-bottom: 20px;
}
#player-quantity-list #zippWeedUpgradeOption .icon-information-note {
  color: #0065BD;
  font-size: 20px;
  margin-left: 5px;
}
.saved-lists,
.unauth-msg {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
  margin-bottom: 10px;
  padding: 12px 30px 7px;
}
.saved-lists a,
.unauth-msg a,
.saved-lists button,
.unauth-msg button {
  margin-left: 10px;
}
.leading-zeros {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
}
.leading-zeros label,
.leading-zeros input {
  cursor: pointer;
}
.split-modal ul li {
  background-position: 0 9px;
  line-height: 1.5em;
  margin-bottom: 0;
  padding-left: 12px;
}
.split-modal #featuredVideo {
  text-align: center;
}
.split-modal #featuredVideo .video-container {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  height: 0;
}
.split-modal #featuredVideo .video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.split-modal #featuredVideo p {
  text-align: left;
  padding: 10px 0 0;
}
.split-modal .pagination {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.split-modal .pagination > div {
  display: inline-block;
}
#preview-option-modal {
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  max-width: 100%;
  top: 50%;
  width: 720px;
  z-index: 100001;
}
#preview-option-modal .preview-container > div {
  -webkit-box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 35px 20px 20px;
}
#preview-option-modal .preview-container > div .icon-close-button-light {
  position: absolute;
  cursor: pointer;
  font-size: 20px;
  right: 5px;
  top: 5px;
}
#preview-option-modal .preview-container > div img {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 100%;
}
#player-quantity-upload,
#player-quantity-manage,
#size-guidelines,
.split-modal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 1rem;
  max-width: 100%;
  padding: 3%;
  width: 768px;
}
#player-quantity-upload h2,
#player-quantity-manage h2,
#size-guidelines h2,
.split-modal h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  max-width: 90%;
  padding-bottom: 0;
}
#player-quantity-upload hr,
#player-quantity-manage hr,
#size-guidelines hr,
.split-modal hr {
  margin: 20px 0;
}
#player-quantity-upload p,
#player-quantity-manage p,
#size-guidelines p,
.split-modal p {
  line-height: 1.5rem;
}
#player-quantity-upload .wizCloseBtn,
#player-quantity-manage .wizCloseBtn,
#size-guidelines .wizCloseBtn,
.split-modal .wizCloseBtn {
  position: absolute;
  color: #999999;
  cursor: pointer;
  font-weight: 700;
  right: 3%;
}
#player-quantity-upload .wizCloseBtn:hover,
#player-quantity-manage .wizCloseBtn:hover,
#size-guidelines .wizCloseBtn:hover,
.split-modal .wizCloseBtn:hover {
  color: #333333;
}
#player-quantity-upload .wizCloseBtn span,
#player-quantity-manage .wizCloseBtn span,
#size-guidelines .wizCloseBtn span,
.split-modal .wizCloseBtn span {
  display: block;
  line-height: 1rem;
}
#player-quantity-upload #teamnamesUploadStep1Nav,
#player-quantity-manage #teamnamesUploadStep1Nav,
#size-guidelines #teamnamesUploadStep1Nav,
.split-modal #teamnamesUploadStep1Nav,
#player-quantity-upload #teamnamesUploadStep2Nav,
#player-quantity-manage #teamnamesUploadStep2Nav,
#size-guidelines #teamnamesUploadStep2Nav,
.split-modal #teamnamesUploadStep2Nav {
  text-align: right;
}
#player-quantity-upload #teamnamesUploadStep1Nav,
#player-quantity-manage #teamnamesUploadStep1Nav,
#size-guidelines #teamnamesUploadStep1Nav,
.split-modal #teamnamesUploadStep1Nav {
  padding-top: 1.5rem;
}
#player-quantity-upload .fileReplace,
#player-quantity-manage .fileReplace,
#size-guidelines .fileReplace,
.split-modal .fileReplace {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
#player-quantity-upload .fileReplace:hover .wizardButton,
#player-quantity-manage .fileReplace:hover .wizardButton,
#size-guidelines .fileReplace:hover .wizardButton,
.split-modal .fileReplace:hover .wizardButton {
  background-color: #FF6D22;
  color: #FFFFFF;
}
#player-quantity-upload .fileReplace #playersFile,
#player-quantity-manage .fileReplace #playersFile,
#size-guidelines .fileReplace #playersFile,
.split-modal .fileReplace #playersFile {
  position: absolute;
  width: 100%;
  font-size: 100px;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
#player-quantity-upload .wiz-modal-section,
#player-quantity-manage .wiz-modal-section,
#size-guidelines .wiz-modal-section,
.split-modal .wiz-modal-section {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 20px;
}
#player-quantity-upload .wiz-modal-section.no-border,
#player-quantity-manage .wiz-modal-section.no-border,
#size-guidelines .wiz-modal-section.no-border,
.split-modal .wiz-modal-section.no-border {
  border-bottom: none;
  padding-bottom: 0;
}
#player-quantity-upload .wiz-modal-section .error_msg,
#player-quantity-manage .wiz-modal-section .error_msg,
#size-guidelines .wiz-modal-section .error_msg,
.split-modal .wiz-modal-section .error_msg {
  min-height: 1.5rem;
}
#player-quantity-upload .wiz-modal-section .error_msg > label,
#player-quantity-manage .wiz-modal-section .error_msg > label,
#size-guidelines .wiz-modal-section .error_msg > label,
.split-modal .wiz-modal-section .error_msg > label {
  line-height: 1.5rem;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table,
#player-quantity-manage .wiz-modal-section .wiz-modal-table,
#size-guidelines .wiz-modal-section .wiz-modal-table,
.split-modal .wiz-modal-section .wiz-modal-table {
  width: 100%;
  display: table;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table > div,
#player-quantity-manage .wiz-modal-section .wiz-modal-table > div,
#size-guidelines .wiz-modal-section .wiz-modal-table > div,
.split-modal .wiz-modal-section .wiz-modal-table > div {
  display: table-cell;
  vertical-align: top;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table > div.left,
#player-quantity-manage .wiz-modal-section .wiz-modal-table > div.left,
#size-guidelines .wiz-modal-section .wiz-modal-table > div.left,
.split-modal .wiz-modal-section .wiz-modal-table > div.left {
  padding: 1.5rem 20px 0 0;
  width: 40%;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table > div textarea,
#player-quantity-manage .wiz-modal-section .wiz-modal-table > div textarea,
#size-guidelines .wiz-modal-section .wiz-modal-table > div textarea,
.split-modal .wiz-modal-section .wiz-modal-table > div textarea {
  width: 100%;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table .save-list-name,
#player-quantity-manage .wiz-modal-section .wiz-modal-table .save-list-name,
#size-guidelines .wiz-modal-section .wiz-modal-table .save-list-name,
.split-modal .wiz-modal-section .wiz-modal-table .save-list-name {
  display: table;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col,
#player-quantity-manage .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col,
#size-guidelines .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col,
.split-modal .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
#player-quantity-upload .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col ~ .save-list-name-col,
#player-quantity-manage .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col ~ .save-list-name-col,
#size-guidelines .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col ~ .save-list-name-col,
.split-modal .wiz-modal-section .wiz-modal-table .save-list-name > .save-list-name-col ~ .save-list-name-col {
  padding-right: 0;
}
#cmeSizeStep #proofEmailContainer,
#cmeTextStep #proofEmailContainer,
.selector-box.disk-format #proofEmailContainer,
.field-item.input.has-validation #proofEmailContainer,
#cmeSizeStep #sewDiskEmailContainer,
#cmeTextStep #sewDiskEmailContainer,
.selector-box.disk-format #sewDiskEmailContainer,
.field-item.input.has-validation #sewDiskEmailContainer {
  margin: -10px 0 10px;
}
#cmeSizeStep #proofEmailContainer .error_msg label,
#cmeTextStep #proofEmailContainer .error_msg label,
.selector-box.disk-format #proofEmailContainer .error_msg label,
.field-item.input.has-validation #proofEmailContainer .error_msg label,
#cmeSizeStep #sewDiskEmailContainer .error_msg label,
#cmeTextStep #sewDiskEmailContainer .error_msg label,
.selector-box.disk-format #sewDiskEmailContainer .error_msg label,
.field-item.input.has-validation #sewDiskEmailContainer .error_msg label {
  display: none;
}
#cmeSizeStep #sewDiskEmailContainer.disabled,
#cmeTextStep #sewDiskEmailContainer.disabled,
.selector-box.disk-format #sewDiskEmailContainer.disabled,
.field-item.input.has-validation #sewDiskEmailContainer.disabled {
  position: relative;
  opacity: 0.3;
}
#cmeSizeStep #sewDiskEmailContainer.disabled:before,
#cmeTextStep #sewDiskEmailContainer.disabled:before,
.selector-box.disk-format #sewDiskEmailContainer.disabled:before,
.field-item.input.has-validation #sewDiskEmailContainer.disabled:before {
  position: absolute;
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
#cmeSizeStep .sizing-link,
#cmeTextStep .sizing-link,
.selector-box.disk-format .sizing-link,
.field-item.input.has-validation .sizing-link {
  color: #0065BD;
  font-size: 1.1rem;
}
#cmeSizeStep .error_msg,
#cmeTextStep .error_msg,
.selector-box.disk-format .error_msg,
.field-item.input.has-validation .error_msg {
  min-height: 1.5rem;
}
#cmeSizeStep .cme-line,
#cmeTextStep .cme-line,
.selector-box.disk-format .cme-line,
.field-item.input.has-validation .cme-line {
  margin-bottom: 10px;
}
#cmeSizeStep .wiz-col.label,
#cmeTextStep .wiz-col.label,
.selector-box.disk-format .wiz-col.label,
.field-item.input.has-validation .wiz-col.label {
  padding-top: 1.5rem;
}
#cmeSizeStep .customsizing,
#cmeTextStep .customsizing,
.selector-box.disk-format .customsizing,
.field-item.input.has-validation .customsizing {
  margin-top: -10px;
}
#cmeSizeStep .customsizing .wiz-table,
#cmeTextStep .customsizing .wiz-table,
.selector-box.disk-format .customsizing .wiz-table,
.field-item.input.has-validation .customsizing .wiz-table {
  margin-bottom: 5px;
}
#cmeSizeStep .customsizing .wiz-table .wiz-col input,
#cmeTextStep .customsizing .wiz-table .wiz-col input,
.selector-box.disk-format .customsizing .wiz-table .wiz-col input,
.field-item.input.has-validation .customsizing .wiz-table .wiz-col input {
  width: 60px;
}
@supports (display: grid) {
  #wizard-container .color-swatches {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    grid-gap: 2%;
    grid-row-gap: 10px;
    margin-left: 0;
    padding-bottom: 2%;
  }
  #wizard-container .color-swatches .upload-color {
    margin: 0;
    width: auto;
  }
}
/* ==========================================================================
   GLOBAL WIZARDS CORE STYLES - RIGHT HAND SIDE
   ========================================================================== */
.bg-palette-container {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FF6D22;
  bottom: 7px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 30px;
  left: 5px;
  padding: 6px;
  z-index: 1;
}
.bg-palette {
  position: absolute;
  -webkit-box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #333333;
  bottom: 0;
  left: 0;
  margin-left: 0;
  height: 0;
  width: 0;
  z-index: 2;
}
.bg-palette .sp-replacer {
  display: none;
}
.bg-palette .sp-wiz-note {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background-color: #0065BD;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 16px / 2;
  line-height: 16px;
  margin: 8px 0;
  width: 16px;
}
.bg-palette .sp-container {
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  background: none;
  border: none;
  height: 100%;
  left: 50% !important;
  margin-left: -137.5px;
  opacity: 1;
  top: 0 !important;
  z-index: 1;
}
.bg-palette .sp-container.sp-hidden {
  display: block !important;
  opacity: 0;
}
.bg-palette .sp-container.sp-hidden.sp-palette-disabled {
  display: none !important;
}
.bg-palette .sp-container .sp-picker-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  border: none;
  color: #FFFFFF;
  height: 100%;
  margin-bottom: 0;
  padding: 20px;
  width: 275px;
}
.bg-palette .sp-container .sp-picker-container h2 {
  color: #FFFFFF;
  font-size: 15px;
}
.bg-palette .sp-container .sp-picker-container .sp-top {
  margin-bottom: 10px;
}
.bg-palette .sp-container .sp-picker-container .sp-fill {
  padding-top: 85%;
}
.bg-palette .sp-container .sp-picker-container .sp-color,
.bg-palette .sp-container .sp-picker-container .sp-hue,
.bg-palette .sp-container .sp-picker-container .sp-alpha,
.bg-palette .sp-container .sp-picker-container .sp-alpha-inner {
  border: none;
}
.bg-palette .sp-container .sp-picker-container .sp-hue,
.bg-palette .sp-container .sp-picker-container .sp-alpha,
.bg-palette .sp-container .sp-picker-container .sp-alpha-inner {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bg-palette .sp-container .sp-picker-container .sp-clear-display {
  display: none;
}
.bg-palette .sp-container .sp-picker-container .sp-clear-display + .sp-clear-display {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: none;
  height: 32px;
  width: 32px;
}
.bg-palette .sp-container .sp-picker-container .sp-color {
  right: 13%;
}
.bg-palette .sp-container .sp-picker-container .sp-color .sp-dragger {
  border: none;
  background: none;
  margin: 2.5px;
}
.bg-palette .sp-container .sp-picker-container .sp-color .sp-dragger:after {
  position: absolute;
  color: #FFFFFF;
  content: '\ea90';
  font-family: 'StahlsGlyphs';
  font-size: 16px;
  left: 50%;
  margin: -8px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  top: 50%;
  z-index: 1;
}
.bg-palette .sp-container .sp-picker-container .sp-hue {
  height: 100%;
  left: auto;
  top: 0;
  width: 12px;
}
.bg-palette .sp-container .sp-picker-container .sp-hue .sp-slider {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: none;
  display: block !important;
  height: 20px;
  left: 50%;
  margin: 10px -10px;
  opacity: 1;
  right: auto;
  top: -20px;
  width: 20px;
}
.bg-palette .sp-container .sp-picker-container .sp-alpha {
  position: absolute;
  height: 12px;
  right: 13%;
  top: 100%;
}
.bg-palette .sp-container .sp-picker-container .sp-alpha .sp-alpha-handle {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: none;
  display: block !important;
  height: 20px;
  margin: -10px 0;
  left: calc(100% - 10px);
  opacity: 1;
  right: auto;
  top: 50%;
  width: 20px;
}
.bg-palette .sp-container .sp-picker-container .sp-input-container {
  float: left;
  margin: 0 5px 0 0;
  width: auto;
}
.bg-palette .sp-container .sp-picker-container .sp-input-container input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FFFFFF;
  border: none;
  color: #666666;
  font-size: 14px !important;
  height: 32px;
  padding: 0 5px;
  width: 75px;
}
.bg-palette .sp-container .sp-thumb {
  border: none;
  margin-right: 15px;
}
.bg-palette .sp-container .sp-thumb .sp-thumb-el,
.bg-palette .sp-container .sp-thumb .sp-thumb-inner {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 32px;
  width: 32px;
}
.bg-palette .sp-container .sp-thumb .sp-thumb-el {
  display: none;
}
.bg-palette .sp-container .sp-thumb .sp-thumb-el + .sp-thumb-el {
  display: block;
}
.bg-palette .sp-container .sp-thumb .sp-clear-display + .sp-thumb-el {
  display: block;
}
.bg-palette .sp-container .sp-button-container button.sp-choose {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: none;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  padding: 7.5px 10px;
  text-shadow: none;
}
.bg-palette .sp-container .sp-button-container button.sp-choose:active,
.bg-palette .sp-container .sp-button-container button.sp-choose:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.bg-palette .sp-container .sp-cancel {
  position: absolute;
  color: #FFFFFF !important;
  font-size: 16px;
  margin: 0;
  padding: 0;
  right: 18px;
  top: 18px;
}
#sticky-container {
  float: right;
  position: relative;
  font-size: 16px;
  margin-left: 15px;
  min-height: 1px;
  width: 275px;
  z-index: 1;
}
#sticky-container .summary-quote {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 15px 10px;
}
#sticky-container .summary-quote .summary-item {
  display: table;
  border-bottom: 1px solid #DDDDDD;
  font-size: 0.875rem;
  margin-bottom: 8px;
  padding-bottom: 8px;
  text-transform: none;
}
#sticky-container .summary-quote .summary-item:last-child {
  border-bottom: 0;
}
#sticky-container .summary-quote .summary-item .col-selection {
  display: table-cell;
  font-weight: 700;
  padding-right: 10px;
  width: 90px;
}
#sticky-container .summary-quote .summary-item .col-item {
  width: 155px;
}
#sticky-container .wizard-section.wizard-shadow {
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #DDDDDD;
}
#sticky-container .wizard-section.wizard-shadow .wiz-desc strong {
  color: #0065BD;
  font-size: 18px;
}
#sticky-container .preview-container {
  position: relative;
  padding-bottom: 20px;
  width: 275px;
}
#sticky-container .preview-container.sticky {
  position: fixed;
}
#sticky-container .preview-container .toggle-summary {
  width: 100%;
  display: table;
  cursor: pointer;
}
#sticky-container .preview-container .toggle-summary > span {
  display: table-cell;
  vertical-align: middle;
}
#sticky-container .preview-container .toggle-summary span.wizard-name {
  display: inline-block;
}
#sticky-container .preview-container .toggle-summary span.fa {
  display: table-cell;
  text-align: right;
  font-family: 'StahlsGlyphs';
  font-size: 1rem;
  padding-left: 5px;
}
#sticky-container .preview-container .toggle-summary span.fa.fa-caret-down:before {
  content: '\e9ac';
}
#sticky-container .preview-container .toggle-summary span.fa.fa-caret-right:before {
  content: '\e9ab';
}
#sticky-container .preview-container .preview-panel-summary {
  display: none;
}
#sticky-container #preview-render {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #DDDDDD;
  margin: 0 auto 10px;
  max-width: 275px;
  min-height: 290px;
  padding-bottom: 50px;
  padding-top: 0;
}
#sticky-container #preview-render img {
  display: block;
  margin: 0 auto;
  max-height: 230px;
  max-width: 100%;
}
#sticky-container #preview-render .previewThumbnail {
  position: absolute;
  display: none;
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  bottom: 55px;
  padding: 5px;
  right: 5px;
  width: 35px;
}
#sticky-container #preview-render .preview-note {
  position: absolute;
  display: block;
  font-style: italic;
  text-align: left;
  bottom: 10px;
  color: #666666;
  font-size: 15px;
  left: 57px;
  line-height: 1.2em;
  max-width: 210px;
  right: 0;
}
#sticky-container #preview-render .prevImgContainer {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 5px;
}
#sticky-container #preview-render .prevImgContainer.rolloverImg {
  display: none;
}
#sticky-container #preview-render .prevImgContainer .prevImgTable {
  width: 100%;
  display: table;
  height: 250px;
}
#sticky-container #preview-render .prevImgContainer .prevImgTable .prevImg {
  display: table-cell;
  vertical-align: middle;
}
#sticky-container .preview-buttons {
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}
#sticky-container .preview-buttons:before {
  display: block;
  width: 100%;
  content: '';
  margin-bottom: -1.2em;
}
#sticky-container .preview-buttons:after {
  width: 100%;
  display: inline-block;
  content: '';
}
#sticky-container .preview-buttons > * {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle;
  top: 1.2em;
}
#sticky-container .preview-buttons .wizardButton {
  color: #FF6D22;
  margin-bottom: 10px;
}
#sticky-container .preview-buttons .wizardButton:hover {
  color: #FFFFFF;
}
#sticky-container .previewPanel p {
  padding-bottom: 5px;
}
#sticky-container .previewPanel .preview-color-swatch,
#sticky-container .previewPanel .colorName {
  display: inline-block;
  vertical-align: middle;
}
#sticky-container .previewPanel .colorName {
  width: 80%;
}
#sticky-container .previewPanel .preview-color-swatch {
  background-position: center center;
  background-size: 100%;
  border: 1px solid #DDDDDD;
  height: 18px;
  margin-right: 5px;
  width: 18px;
}
#sticky-container .previewPanel table {
  width: 100%;
}
#sticky-container .previewPanel table td {
  vertical-align: top;
  text-transform: none;
}
#sticky-container .orderTotal p {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  padding: 18px 10px 0;
  width: 210px;
}
#sticky-container .orderTotal .btn-tooltip {
  float: left;
  margin-top: 18px;
}
#sticky-container .wizard-shadow {
  position: relative;
  background: #FFFFFF;
  border-top: 1px solid #DDDDDD;
  margin-bottom: 10px;
}
#sticky-container .addCartBtn,
#sticky-container .resetBtn {
  width: 100%;
  display: table;
  margin: 10px 0;
}
#sticky-container a.shopAdd,
#sticky-container a.noShopAdd,
#sticky-container a.wizardBtn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: table-cell;
  text-align: center;
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -ms-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
  vertical-align: middle;
  color: #fff;
  background: #FF6D22;
  font-size: 1.25rem;
  height: 54px;
}
#sticky-container a.shopAdd .fa-check,
#sticky-container a.noShopAdd .fa-check,
#sticky-container a.wizardBtn .fa-check,
#sticky-container a.shopAdd .fa-close,
#sticky-container a.noShopAdd .fa-close,
#sticky-container a.wizardBtn .fa-close,
#sticky-container a.shopAdd .fa-shopping-cart,
#sticky-container a.noShopAdd .fa-shopping-cart,
#sticky-container a.wizardBtn .fa-shopping-cart,
#sticky-container a.shopAdd .fa-circle-o-notch,
#sticky-container a.noShopAdd .fa-circle-o-notch,
#sticky-container a.wizardBtn .fa-circle-o-notch,
#sticky-container a.shopAdd .icon-checkmark-heavy,
#sticky-container a.noShopAdd .icon-checkmark-heavy,
#sticky-container a.wizardBtn .icon-checkmark-heavy,
#sticky-container a.shopAdd .icon-loading-spinner,
#sticky-container a.noShopAdd .icon-loading-spinner,
#sticky-container a.wizardBtn .icon-loading-spinner {
  margin-right: 5px;
}
#sticky-container a.shopAdd .icon-loading-spinner,
#sticky-container a.noShopAdd .icon-loading-spinner,
#sticky-container a.wizardBtn .icon-loading-spinner {
  display: inline-block;
  font-size: 1.25rem;
  vertical-align: text-top;
}
#sticky-container a.shopAdd .icon-loading-spinner:before,
#sticky-container a.noShopAdd .icon-loading-spinner:before,
#sticky-container a.wizardBtn .icon-loading-spinner:before {
  -webkit-animation-name: load-spin;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: load-spin;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: load-spin;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  -o-animation-fill-mode: forwards;
  -ms-animation-name: load-spin;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -ms-animation-fill-mode: forwards;
  animation-name: load-spin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  display: block;
}
#sticky-container a.shopAdd:not(.disabled):hover,
#sticky-container a.noShopAdd:not(.disabled):hover,
#sticky-container a.wizardBtn:not(.disabled):hover {
  background: #D44801;
}
#sticky-container a.shopAdd.disabled,
#sticky-container a.noShopAdd.disabled,
#sticky-container a.wizardBtn.disabled {
  cursor: default;
  opacity: 0.3;
}
#sticky-container p.totals {
  font-size: 1.5rem;
}
#sticky-container p.totals span {
  float: right;
  font-weight: 700;
}
#sticky-container a.shopAdd .adding,
#sticky-container a.noShopAdd .adding,
#sticky-container a.shopAdd .added,
#sticky-container a.noShopAdd .added,
#sticky-container a.shopAdd .please-wait,
#sticky-container a.noShopAdd .please-wait,
#sticky-container a.shopAdd .no-add,
#sticky-container a.noShopAdd .no-add {
  display: none;
}
#sticky-container a.shopAdd.adding-to-cart,
#sticky-container a.noShopAdd.adding-to-cart,
#sticky-container a.shopAdd.added-to-cart,
#sticky-container a.noShopAdd.added-to-cart,
#sticky-container a.shopAdd.loading,
#sticky-container a.noShopAdd.loading {
  opacity: 1;
}
#sticky-container a.shopAdd.adding-to-cart .allow-add,
#sticky-container a.noShopAdd.adding-to-cart .allow-add,
#sticky-container a.shopAdd.added-to-cart .allow-add,
#sticky-container a.noShopAdd.added-to-cart .allow-add,
#sticky-container a.shopAdd.loading .allow-add,
#sticky-container a.noShopAdd.loading .allow-add {
  display: none;
}
#sticky-container a.shopAdd.disallow-add .allow-add,
#sticky-container a.noShopAdd.disallow-add .allow-add {
  display: none;
}
#sticky-container a.shopAdd.disallow-add .no-add,
#sticky-container a.noShopAdd.disallow-add .no-add {
  display: block;
}
#sticky-container a.shopAdd.loading .please-wait,
#sticky-container a.noShopAdd.loading .please-wait {
  display: block;
}
#sticky-container a.shopAdd.adding-to-cart .adding,
#sticky-container a.noShopAdd.adding-to-cart .adding {
  display: block;
}
#sticky-container a.shopAdd.added-to-cart .added,
#sticky-container a.noShopAdd.added-to-cart .added {
  display: block;
}
#sticky-container a.shopAdd.added-to-cart .added [class^="icon-"],
#sticky-container a.noShopAdd.added-to-cart .added [class^="icon-"],
#sticky-container a.shopAdd.added-to-cart .added [class*=" icon-"],
#sticky-container a.noShopAdd.added-to-cart .added [class*=" icon-"] {
  font-size: 16px;
}
#sticky-container a.shopAdd .update-cart,
#sticky-container a.noShopAdd .update-cart {
  display: none;
}
#sticky-container a.shopAdd.update-group .add-cart,
#sticky-container a.noShopAdd.update-group .add-cart {
  display: none;
}
#sticky-container a.shopAdd.update-group .update-cart,
#sticky-container a.noShopAdd.update-group .update-cart {
  display: block;
}
#sticky-container .preview-summary {
  position: relative;
  padding-bottom: 64px;
}
#sticky-container .preview-summary .back-to-top {
  top: calc(100% - 74px);
  padding-top: 20px;
}
#sticky-container .preview-summary .back-to-top .wiz-go-to-cart {
  display: none;
}
.btn-tooltip {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  display: inline-block;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background: #0065BD;
  cursor: help;
  font-size: 0.688rem;
  height: 18px;
  padding-top: 2px;
  width: 20px;
  z-index: 10;
}
.btn-tooltip span {
  position: absolute;
  -webkit-box-shadow: 1px 1px 2px 0.1 1px 6px #000000;
  -moz-box-shadow: 1px 1px 2px 0.1 1px 6px #000000;
  box-shadow: 1px 1px 2px 0.1 1px 6px #000000;
  text-align: left;
  -webkit-transition: all 0.24s ease-in-out;
  -moz-transition: all 0.24s ease-in-out;
  -o-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
  background: rgba(133, 214, 255, 0.97) none repeat scroll 0 0;
  border: 4px solid #528BCE;
  border-radius: 5px;
  color: #333333;
  font-size: 0.688rem;
  left: -88px;
  line-height: 0.813rem;
  margin-left: 32px;
  min-height: 20px;
  opacity: 0;
  padding: 8px 10px 10px;
  pointer-events: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: none;
  top: 57px;
  width: 100px;
}
.btn-tooltip span:before,
.btn-tooltip span:after {
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.1);
  content: '';
  top: -14px;
  left: -30%;
  margin-left: 90px;
  height: 0;
  width: 0;
}
.btn-tooltip span:after {
  border-bottom: 10px solid #528BCE;
  bottom: -14px;
  margin-left: 88px;
}
.btn-tooltip:hover span {
  opacity: 0.9;
  top: 32px;
}
.option-tooltip {
  position: relative;
}
.option-tooltip .tip {
  position: absolute;
  width: 100%;
  display: table;
  text-align: left;
  -webkit-transition: all 0.24s ease-in-out;
  -moz-transition: all 0.24s ease-in-out;
  -o-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  z-index: 1;
}
.option-tooltip .tip:hover {
  opacity: 1;
}
.option-tooltip .tip .tip-container {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.option-tooltip .tip .tip-container .tip-content {
  display: block;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 0.688rem;
  line-height: 0.813rem;
  padding: 8px 10px 10px;
}
.option-tooltip .tip .tip-container .tip-content .info-table {
  width: 100%;
  display: table;
}
.option-tooltip .tip .tip-container .tip-content .info-table .row {
  display: table-row;
}
.option-tooltip .tip .tip-container .tip-content .info-table .row .col {
  display: table-cell;
  vertical-align: top;
}
.option-tooltip:hover .tip {
  opacity: 1;
}
#cboxLoadedContent {
  margin-bottom: 0;
}
/* ==========================================================================
   WIZARDS NHL ONLY
   ========================================================================== */
#nhl-license {
  font-size: 0.875rem;
  margin-bottom: 20px;
  width: calc(100% - 60px);
}
#nhl-license a {
  text-decoration: underline;
  color: #0065BD;
}
#nhl-license p {
  display: inline-block;
  line-height: 1.25rem;
  width: 90%;
}
#nhl-license .license-logos {
  text-align: center;
}
#nhl-license .license-logos img {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}
#nhl-license .license-logos img ~ img {
  margin-left: 20px;
}
.name-number .name,
.name-number .number {
  position: relative;
  margin-bottom: 20px;
}
.name-number .fa-user,
.name-number .fa-hashtag {
  position: absolute;
  color: #999999;
  font-size: 0.875rem;
  left: 12px;
  top: 9px;
}
.name-number .optAc-options {
  position: absolute;
  left: 210px;
  top: -2px;
}
.name-number .optAc-options label {
  display: block;
  cursor: pointer;
}
.name-number .optAc-options label input {
  cursor: pointer;
}
.name-number input[type="text"] {
  font-size: 0.875rem;
  padding: 0 5px 0 32px;
  width: 160px;
}
.name-number input[type="text"]:focus + .fa-user,
.name-number input[type="text"]:focus + .fa-hashtag {
  color: #333333;
}
.name-number ::-webkit-input-placeholder {
  color: #999999;
}
.name-number :-moz-placeholder {
  color: #999999;
}
.name-number ::-moz-placeholder {
  color: #999999;
}
.name-number ::-webkit-input-placeholder {
  color: #999999;
}
.name-number :-ms-input-placeholder {
  color: #999999;
}
.optAc-options {
  font-size: 0.875rem;
}
.optAc-options div {
  display: inline-block;
}
.optAc-options div + span {
  display: inline-block;
  vertical-align: top;
  min-height: 40px;
  line-height: 1.16rem;
  padding: 0 15px 20px;
  width: 70%;
}
.optAc-options label {
  display: block;
}
@media only screen and (max-device-width : 48em), only screen and (min-device-width: 48em) and (max-device-width: 63.9375em) and (-webkit-min-device-pixel-ratio: 1) {
  #wizard-container .color-box .choose-color-swatch.none-selected .caption:after {
    content: "Tap to Select";
  }
  #wizard-container .field-item.has-announcement > .wizard-info,
  #wizard-container .field-item.has-announcement > .wizard-info-inverse {
    max-width: 100%;
  }
  #wizard-container .field-item.has-announcement .announcement {
    position: relative;
    margin-top: 20px;
  }
}