/* MFW style overrides */

/* resize logo to fill space available
 first for typical mobile */

header .logo {
  margin: 1px 0 !important;
}

header .logo img {
  max-height: 40px !important;
}

.wpthemeFooter .cnt {
  display: none;
}

@media (max-width: 500px) {

  .small-text-on-mobile {
    font-size: 0.6rem !important;
  }
}

/* adjust mobile nav menu dropdown buttons */

.mainNav ul a .navLabel {
  z-index: 5;
}

.mainNav .dspSubs > a > .navBtn {
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.mainNav li a .navBtn {
  top: 50%;
  right: 0;
  margin-top: -25px;
  width: 292px;
  height: 50px;
  line-height: 50px;
  z-index: 2;
  text-align: right;
  margin-right: 8px;
}

.mainNav li li a .navBtn {
  width: 292px;
  height: 37px;
  margin-top: -20px;
  line-height: 37px;
  border: none;
  z-index: 2;
  text-align: right;
  margin-right: 8px;
}

/* for 375 px to 380 px adjust some margins */
@media screen and (min-width: 375px) and (max-width: 380px) {

  .searchToggle i {
    padding-right: 5px;
  }
}

/* then for screens 374px to 360px) */
@media screen and (max-width: 374px) and (min-width: 360px) {

  header .logo img {
    max-height: 35px !important;
  }

  .navBarMenuButton {
    margin: 0 5px 0 0;
  }
}

/* then for screens under 360px) */
@media screen and (max-width: 359px) {

  header .logo img {
    max-height: 30px !important;
  }

  .navBarMenuButton {
    margin: 0 5px 0 0;
  }

  .searchToggle i {
    font-size: 14px;
    padding-right: 1px;
  }

  .shoppingCartInfo .shoppingCart {
    font-size: 16px;
  }
}

/* then for larger screens */
@media screen and (min-width: 42em) {

  header .logo {
    margin: 4px 0 !important;
  }

  header .logo img {
    max-height: 54px !important;
  }
}

.logo img {
  height: auto !important;
}

/* change shopping cart appearance */
#bannerCart {
  order: 6;
  margin: auto -10px auto 0;
  height: 40px;
}

/* .authoringBar {
  float: left;
} */

.bannerCart .shoppingCartButton .shoppingCartBar .shoppingCartInfo .shoppingCart .cartItems > a > span {
  align-items: center;
  justify-content: center;
  background: #13659f;
  border-radius: 100%;
  color: #fff;
  /* content: attr(data-count); */
  /* display: flex; */
  font-size: 12px;
  position: relative;
  height: 0;
  width: 0;
  padding: 1px 6px;
  top: -9px;
  left: -10px;
  margin: -5px;
}

.bannerCart i.fas,
.topNavBar a.fas {
  font-size: 24px;
  font-weight: 400;
}



/* overide margin-top for cart and search for mobile */
@media screen and (max-width: 600px) {

  #bannerCart,
  #searchToggle {
    margin-top: 1px !important;
  }
}

/* turn off the portal username display */

#wpthemeUserName {
  display: none !important;
}

/* fix opacity of checkboxes */

.dijitCheckBoxInput {
  opacity: 0.75;
}

.cartItems a,
.cartItems a:active,
.topNavBar a,
.topNavBar a:active {
  color: #555;
}

a,
a:active,
a:hover,
a:focus {
  color: #0091d5;
  text-decoration: none;
  transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
}

.lightBoxLink a::before {
  content: none !important;
}

.itemDetailLightbox .lbContent {
  justify-content: center;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  max-height: 650px;
}

.itemDetailLightbox .lbContent .itemImage {
  justify-content: center;
  display: flex;
  align-items: flex-start;
  height: 100%;
}

.itemDetailLightbox .lbContent .image {
  align-self: center;
}

.itemDetailLightbox .lbContent .imageThumbs {
  width: 194px;
  float: right;
  order: 2;
}

.itemDetailLightbox .lbContent button.close {
  margin-left: auto;
  color: white;
}

.lbContent button.close::before {
  color: #676767;
}

.itemDetailLightbox .lbContent button.close::after {
  margin-left: -5px;
  color: #676767;
}

#itemDetailLeft {
  position: relative;
  max-height: 415px;
  min-height: 350px;
  margin: auto;
  max-width: 100%;
  min-width: 30%;
  float: initial;
}

#itemDetailLeft .itemImage .image {
  height: 350px;
}

#itemDetailLeft .itemImage .image img {
  max-height: 350px !important;
  max-width: 350px !important;
}

.itemDetailLayout4 .itemDetailLeft .imageThumbs ul li {
  width: 40px !important;
  height: 40px !important;
}

.itemQuantity .dijitInputInner,
.qtyBox .qty .dijitInputInner {
  text-align: center;
}

.itemQuantity input[type="text"].dijitInputInner {
  padding: 6px 0;
}

.addInfoRow.manufacturer {
  display: none;
}

@media screen and (max-width: 480px) {

  .itemDetailLightbox .lbContent .image {
    width: 400px;
  }

  .itemDetailLightbox .lbContent .image img {
    max-width: 415px;
    max-height: 415px;
  }
}

@media screen and (max-width: 603px) {

  .itemDetailLightbox .lbContent .image img {
    max-width: 415px;
    max-height: 415px;
  }
}

/* 30em */
@media screen and (max-width: 768px) {

  .flyBox .fbContent,
  .flyBoxAlert .fbContent {
    max-height: 500px;
  }

  .itemDetailLightbox .lbContent {
    max-height: 545px;
  }

  .itemDetailLightbox .lbContent .imageThumbs {
    width: 100% !important;
  }

  .itemDetailLayout4 .itemImage .imageThumbs ul {
    display: flex;
  }

  .itemDetailLightbox .lbContent .itemImage {
    flex-direction: column;
  }

  #itemDetailLeft {
    width: 100vw;
  }

  .appContainer.itemDetail .itemDetailLayout4,
  .appContainer.itemDetail .itemDetailLayout4 .itemDetailContainer,
  .backLink.itemDetailback,
  .itemDetailLayout4 .itemDetailFull,
  .itemDetailLayout4 .rightColumn {
    width: 100vw !important;
  }

  .itemDetailLayout4 .itemDetailContainer .itemDetailRight {
    width: 100vw;
    float: none;
    margin: 0 5px;
  }
}

@media (min-width: 75em) {
  /* for larger screen give more space for upsell items */

  .appContainer.itemDetail .itemDetailLayout4 {
    width: 1140px !important; /* default was 1080px */
    margin: auto;
  }
}

#itemPriceBox {
  text-align: center;
  float: right;
  padding: 2px 0 25px 20px;
  font-size: 16px;
  margin: 0 auto;
  width: 248px;
}

div#cartBox {
  background: #ededed;
  border-radius: 5px;
  border-color: #ddd;
  border-top: solid 5px #0091d5;
  float: none;
  padding: 1em;
  width: 100%;
  min-height: 40px;
}

.itemDetailLayout4 .priceBox .quantity {
  margin: 0 auto;
  width: auto;
}

.itemDetailLayout4 .priceBox .addToCart .label {
  background: inherit;
  color: inherit;
  cursor: inherit;
  font-weight: 700;
  margin: 0;
}

.dijitReset.dijitInputField.dijitInputContainer {
  padding: 5px !important;
}

.mainCol.itemDetailLayout4 .detailRow .detailField .field .dijitTextBox,
.dijitReset.dijitInputField.dijitInputContainer {
  border-radius: 5px !important;
}

.mainCol.itemDetailLayout4 .detailRow .detailField {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

.mainCol.itemDetailLayout4 .detailRow .detailField .itemQuantity {
  max-height: 40px;
  width: 40px;
}

input#itemDetailQty {
  font-size: 16px;
  padding: 3.5px 0;
}

div#suggestedPrice {
  color: #aaa;
}

span#UMprice2 {
  font-size: inherit;
}

.itemDetailLayout4 .priceBox * {
  box-sizing: border-box;
  font-size: inherit;
  line-height: 1.2;
}

.itemDetailLayout4 .priceBox div#UMprice {
  color: #0091d5;
  font-size: 32px;
  margin: 3px 0;
}

.pdp_savings {
  border-bottom: 1px solid #bbb;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
  display: block;
  color: #0091d5;
  margin: 20px 0 10px;
}

.priceBox span.dijit.dijitReset.dijitInline.dijitButton {
  width: 100%;
  margin: 5px 0;
}

.itemDetailLayout4 .priceBox .addToCartButton .bText,
.itemResults .addToCart .dijitButton .bText,
span#addToCartButton_label {
  line-height: normal;
  float: none;
  display: block;
  font-size: 21px;
}

.itemDetailLayout4 .priceBox a.new_individual_items {
  bottom: 0;
  display: inline-block;
  position: static;
  margin-top: 20px;
  text-decoration: underline;
}

.itemDetailLayout4 .priceBox a.new_individual_items_btn {
  padding: 8px;
  display: inline-block;
  background: #0091d5dd;
  border-radius: 5px;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

#OverViewTab { overflow: hidden; }

.itemDetailLayout4 .itemDescription h1 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
}

.itemDetailLayout4 .shortDescription {
  color: #232323;
  font-size: 16px;
  font-style: initial;
}

#itemNumber {
  color: #777;
  font-size: 14px;
}

#itemImage {
  top: 52%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  position: absolute;
}

.s2k-dojo .dijitTabContainerTop-tabs .dijitTab .tabLabel {
  min-height: 16px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.s2k-dojo .dijitTabContainerTop-tabs .dijitTab {
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
  vertical-align: middle;
  min-height: 43px;
  padding-left: 25px;
  padding-right: 25px;
}

/*
@media (min-width:1200px) {
.s2k-dojo .dijitTabContainerTop-tabs .dijitTab {
}
}
*/

/* Add to wishlist styles */

.itemQuantity .dijitTextBox .dijitInputField {
  padding: 0 !important;
}

.boxes .ogButton .dijitDropDownButton .dijitButtonNode {
  margin-top: 0 !important;
  background-color: inherit !important;
}

/* End add to wishlist styles */

/* Cross Sell items */

/* below 770 pixel do not show itemNumber */
@media (max-width: 770px) {

  .crossSellItems .addInfoRow.itemNumber {
    display: none !important;
  }
}

/* do not show add to wishlist on checkout */

.crossSellItems .orderGuide {
  display: none !important;
}

/* Related items */

.relatedItems .listView .detailRow .itemImage {
  float: left;
  margin-right: 10px;
  min-width: 127px;
}

.listView .detailRow .itemImage img {
  width: auto !important;
  height: auto !important;
  max-width: 160px;
}

.itemDetailLayout4 .relatedItems .detailRow {
  display: inline-block !important;
}

.noLeftContent .listView .detailRow .itemDetails {
  max-width: 660px;
}

.relatedItems .itemResults.gridContainer {
  text-align: center;
}

.relatedItems .itemResults.gridContainer .detailRow {
  text-align: left;
  display: inline-block;
}

/* .listView .detailRow .itemDetails {
  width: 100% !important;
  max-width: 440px;
} */

.smartphone .listView .detailRow .imgComp,
.tablet .listView .detailRow .imgComp {
  width: 55% !important;
}

.smartphone .detailRow .itemImage.imgLazy.inView img,
.tablet .detailRow .itemImage.imgLazy.inView img {
  width: auto;
}

/* the floating header was set to z-index 2001 - which put it above the popup tooltip when items are added to cart.
 changing it to be 999 since the popup is set to 1000 and this one is easier to change. */

.headerBanner .logoNavContainer {
  z-index: 999 !important;
}

.upsellProducts .groundShipping,
.upsellProducts .heavy,
.upsellProducts .hazardSurcharge,
.upsellProducts .overSized,
.upsellProducts .refrigerated {
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin: 2px;
}

/* Search results page */

/* rearrange page controls and selectors at top of page */

.mainCol .topControls .buttonBar .right .layoutButtons {
  margin: -10px 5px 0 0;
}

.mainCol .topControls .buttonBar .right .listSize {
  position: initial;
}

.mainCol .topControls .buttonBar {
  margin-top: -27px;
  padding: 0 0 10px 0;
  float: right;
  width: 45%;
}

.topControls .gridPaging {
  padding: 0;
}

/* end rearrange controls */

.outerContainer .innerContainer .wpthemeMainContent {
  /* max-width: 1000px; */
  max-width: 1280px;
  margin: auto;
}

.itemDetailLayout4 .priceBox .addToCart {
  margin-top: 0;
}

.itemDetailLayout4 .priceBox .addToCartButton {
  margin-top: 0;
  margin-bottom: 0;
}

.shippingIcon {
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 18px;
  height: 16px; /* formerly 18, but it fits better on the line this way */
  display: inline-block;
}

/*.boxes .iconGroup .groundShipping,
.boxes .iconGroup .heavy,
.boxes .iconGroup .overSized {
  background-image: url(/images/graphics/icons/warning.gif);
  width: 18px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 4px;
  float: left;
  padding-bottom: 18px;
}*/

[id^="groundShipping"]:not([id$="Icon"]):not([id^="groundShippingTT"])::before,
[id^="heavy"]:not([id$="Icon"]):not([id^="heavyTT"])::before,
[id^="overSized"]:not([id$="Icon"]):not([id^="overSizedTT"])::before {
   content: '\00000A';
   white-space: pre;
}

.boxes .iconGroup .groundShipping,
.boxes .iconGroup .heavy,
.boxes .iconGroup .overSized,
.boxes .iconGroup .oversized,
.listView .iconGroup .groundShipping,
.listView .iconGroup .heavy,
.listView .iconGroup .overSized {
  background-image: url(/images/graphics/icons/warning.gif);
  width: 18px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 4px;
  display: inline;
  padding-right: 18px;
  padding-top: 3px;
}

.boxes .iconGroup .shippingIcons div {
  display: inline;
}

.boxes .iconGroup .output {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.boxes .iconGroup .dijitTooltipData {
  display: inline;
  width: 84%;
}

.listView .iconGroup .dijitTooltipData {
  display: inline;
}

#pkgOptions a:hover,
#pkgOptions a:focus {
  text-decoration: none;
}

#pkgOptions {
  padding-top: 10px;
}

.boxes .itemResults .itemDescription {
  height: 28px;
}

.boxes .additionalInfo {
  height: auto;
  margin: 5px;
}

.boxes .itemResults .itemDescription,
.boxes .itemResults .itemDescription h3 {
  margin: 0;
  font-size: 1em;
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
  text-align: center;
}

/* add to cart button styles */

.s2k-dojo .addToCart .dijitButton .dijitButtonNode {
  border: none;
  border-radius: 5px;
  font-size: inherit;
  /* padding: 0.5em; */
  max-width: none !important;
  width: 95% !important;
  line-height: normal;
  background-color: #0091d5 !important;
}

.s2k-dojo .orderGuide .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .quickView .dijitButton .dijitButtonNode {
  border: none;
  border-radius: 5px;
  font-size: 1.1em;
  max-width: none !important;
  width: 90% !important;
  line-height: normal;
  background-color: #0091d5 !important;
}

.listView .detailRow .orderGuide .dijitDropDownButton .dijitButtonNode {
  background: 0 0 !important;
}

.boxes .orderGuide .ogButton .dijitDropDownButton .dijitButtonNode {
  background-color: inherit !important;
}

.items .item .itemCartOptions .bText {
  margin-left: -3px;
  margin-right: 10px;
}

/* end search results page */

/* end of overrides */

/* used to hide components in various places */

.dspNone {
  display: none !important;
}

/* used on view cart page */

.inCartMessage {
  color: slategray;
  margin-left: 2em;
  font-size: 1em;
}

.inCartWarning {
  color: #a11c3f;
}

.mfwOrangebutton {
  background: linear-gradient(to bottom, #faa61a 25%, #f15922 100%) !important;
  color: #fff !important;
}

.mfwBluebutton {
  background: linear-gradient(to bottom, #00a5e5 25%, #2c486b 100%) !important;
  color: #fff !important;
}

.mfwGreenbutton {
  background: linear-gradient(to bottom, #8dc63f 25%, #0c5c32 100%) !important;
  color: #fff !important;
}

.mfwPurplebutton {
  background: linear-gradient(to bottom, #b35fa5 25%, #690a66 100%) !important;
  color: #fff !important;
}

.mfwOrangebackground,
.mfwOrange:hover {
  background: #f5821f45 !important;
}

.mfwBluebackground,
.mfwBlue:hover {
  background: #0091d545 !important;
}

.mfwGreenbackground,
.mfwGreen:hover {
  background: #6fb34445 !important;
}

.mfwPurplebackground,
.mfwPurple:hover {
  background: #b35fa545 !important;
}

/* Generic ToolTip CSS */

.tool {
  cursor: help;
  position: relative;
}

.tool::before,
.tool::after {
  position: absolute;
  left: 50%;
  opacity: 0;
  z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
  opacity: 1;
  z-index: 100;
}

.tool::before {
  border-style: solid;
  border-width: 1em 0.75em 0 0.75em;
  border-color: #3e474f transparent transparent transparent;
  bottom: 100%;
  margin-left: -0.5em;
  content: " ";
}

.tool::after {
  background: #3e474f;
  border-radius: 0.25em;
  bottom: 180%;
  color: white;
  width: 17.5em;
  padding: 1em;
  margin-left: -8.75em;
  content: attr(data-tip);
}

/* end generic tooltip css */

/* MFW tooltip styles for coupon box */

.mfwTooltip {
  border-bottom: 1px dotted black;
}

/* Show the tooltip text when you mouse over the tooltip container */

.mfwTooltip:hover .mfwTooltipText {
  visibility: visible;
}

.mfwTooltipText {
  visibility: hidden;
  position: absolute;
  background: white;
  width: 70%;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 10px 10px grey;
  border: 4px;
  border-style: solid;
  border-color: black;
  left: 60px;
}

/* table as DIV */

.divTable {
  display: table;
  width: 100%;
}

.divTableRow {
  display: table-row;
}

.divTableHeading {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}

.divTableCell,
.divTableHead {
  border: 1px solid #999;
  padding: 3px 10px;
}

@media screen and (min-width: 40.0625em) {

  .divTableCell,
  .divTableHead {
    display: table-cell;
  }
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}

.divTableBody {
  display: table-row-group;
}

/* used on WORLD magazine page */

.linkButton {
  display: inline-block;
  color: #fff;
  padding: 4px 12px;
  margin-top: 8px;
  border-top: 1px solid rgba(250, 250, 250, 0.4);
  border-left: 1px solid rgba(250, 250, 250, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  background: linear-gradient(to bottom, #646462 0%, #0b0b0b 100%);
}

.linkButton:hover,
.linkButton:focus {
  text-decoration: none;
  color: white;
}

.linkButton img {
  margin: -2px 5px 2px 0;
}

.itemDetailLayout4 .itemDetailContainer {
  float: none;
  width: auto;
  display: flex;
  justify-content: space-between;
  column-gap: 25px;
  flex-wrap: wrap;
}

.itemDetailLayout4 .itemDetailContainer .itemDetailRight {
  min-width: 66%;
  max-width: 100%;
  padding-top: 7px;
}

.tablet .listView .detailRow .detailBorder,
.desktop .listView .detailRow .detailBorder {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.boxes .detailRow .itemImage.imgLazy.imageLoaded {
  display: flex;
  align-items: center;
  justify-content: center;
}

.detailRow .itemDetails .additionalInfo {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
}

.detailRow .itemDetails .additionalInfo .addInfoRow.iconGroup .output {
  margin: 5px 0;
}

.boxes .additionalInfo .addInfoRow.iconGroup {
  display: none;
}

.listView .priceCart .addInfoRow.iconGroup {
  display: none;
}

.smartphone .listView .priceCart,
.tablet .listView .priceCart,
.listView .priceCart {
  width: unset;
  min-width: 200px;
  margin: auto;
}

.listView .detailRow .itemCartOptions {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 420px) {

  .smartphone #searchResultsContainer .itemDetails {
    width: 80%;
  }
}

#upsellResultsContainer .itemDetails {
  display: flex;
  width: 90%;
  margin-left: 15px;
  gap: 5px;
}

.smartphone #searchResultsContainer .detailBorder,
.smartphone #relatedResultsContainer .detailBorder,
.smartphone #upsellResultsContainer .detailBorder,
.smartphone #upsellResultsContainer .itemDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 604px) {

  .smartphone #searchResultsContainer .detailBorder,
  .smartphone #relatedResultsContainer .detailBorder,
  .smartphone #upsellResultsContainer .detailBorder,
  .smartphone #upsellResultsContainer .itemDetails {
    flex-direction: row;
  }
}

.detailRow .priceCart .price {
  height: auto;
}

.detailRow .priceCart .price .priceContainer {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.detailRow .priceCart .price .priceContainer .theSuggestedPrice {
  margin-right: 5px;
}

.detailRow .priceCart .price .priceContainer .priceLabel {
  margin-right: 5px;
  order: -1;
  font-weight: 400;
}

.cartListItems .resultItem .qpBox .qtyBox .stock {
  display: none;
}

@media screen and (min-width: 981px) and (max-width: 1100px) {

  .itemDetailLayout4 .itemDetailContainer .itemDetailRight {
    min-width: 62%;
  }
}

.itemDetailLayout4 .itemDetailContainer .itemDetailFull {
  width: 100%;
}

.itemCartOptions div.orderGuide,
.cartBox div.orderGuide,
#umContainer,
#UMmultiplier {
  display: none;
}

.boxes .detailRow .itemCartOptions {
  height: auto;
}

#upsellResultsContainer .upsellProducts .detailRow .itemImage {
  float: left;
}

@media (max-width: 980px) {

  #shortDescription {
    text-align: justify;
    margin: 0 10px;
  }

  #itemPriceBox {
    float: unset;
    order: 3;
    padding: 5px !important;
  }

  #itemDetailFull {
    text-align: left;
  }

  #itemDetailRight {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
  }

  .itemDetailLayout4 .itemDetailContainer {
    text-align: center;
  }

  #itemDescription {
    margin-top: 10px;
  }

  .itemDetailLayout4 .itemNumber {
    margin: 0;
  }

  #shippingIcons {
    width: 75%;
    margin: auto;
  }

  #itemCustomization {
    display: none;
  }
}

.pageLink {
  display: inline;
  margin: 0 5px;
}

.itemSuccessContainer {
  cursor: pointer;
}

.itemSuccessContainer .addedMessage,
.itemSuccessContainer .description {
  color: #0091d5;
  font-size: 20px;
  font-weight: bold;
}

.itemSuccessContainer .infoCol, 
.itemSuccessContainer .image {
  text-align: center;
}

.itemSuccessContainer ol {
  list-style-type: none;
  padding: 0;
}

.itemSuccessContainer li {
  align-items: center;
  color: #333;
  display: flex;
}

.itemSuccessContainer li:not(:last-child) {
  margin-bottom: 20px;
}

.itemSuccessContainer li img {
  margin-right: 10px;
  width: 40px;
}

.itemSuccessContainer .addOns {
  margin: 10px;
}

.itemSuccessContainer .addOns a {
    display: inline-block;
    background: #0091d5dd;
    border-radius: 5px;
    color: #fff!important;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5rem;
    padding: 4px;
}

.itemSuccessContainer .close {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(45deg) translate(10px, 10px);
  height: 0;
  width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  padding: 15px;
  color: #333;
  border-radius: 100%;
  cursor: pointer;
  opacity: 0.9;
}

.itemSuccessContainer .close::after {
  content: "+";
}

.logoNavContainer .wpthemeInner .wpthemeLogo .searchToggle .fa-search {
  filter: drop-shadow(3px 3px 1px darkgrey);
  font-weight: 700;
  color: #0091d5;
  padding-right: 10px;
  font-size: 22px;
}

.custReferral {
  margin: 20px;
  overflow: hidden;
}

.custReferral .label {
  margin: 7px 2px;
  font-weight: 700;
}

.custReferral .label,
.custReferral .field {
  float: left;
}

.custReferral .field {
  margin: 4px 2px;
}

.custReferral .field .dijitTextBox {
  width: 140px;
}

.label {
  cursor: initial;
}