/**
 * Basic typography style for text
 * Warning: These styles overrides without the default .dw-mod class, as they all target the most basic required elements
 */

@font-face {
  font-family: "ArialNarrowBold";
  src: url("/Files/Templates/Designs/Rapido/css/fonts/ArialNarrow/ArialNarrowBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  color: inherit;
  top: -0.3em;
}
h1 {
  font-family: "ArialNarrowBold", Helvetica, sans-serif;
  font-size: 50px;
}
h2 {
  font-family: Arial-Narrow, Helvetica, sans-serif;
  font-size: 30px;
}
h3 {
  font-family: Arial-Narrow, Helvetica, sans-serif;
  font-size: 20px;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
dt {
  font-style: normal;
}
.u-font-size--0 {
  font-size: 0;
  line-height: 0;
}
.linkBlue {
  color: blue;
}
.dropdown__header,
.dropdown__item {
  color: black;
}
.panel.dw-mod {
  background-color: #6b6b6b;
}
.preloader-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10005;
}
.preloader-overlay__icon.dw-mod {
  width: 350px;
  height: 300px;
}
.preloader-overlay__icon.dw-mod::after {
  content: "";
  -webkit-animation: none;
  animation: none;
  background: url("/Files/Templates/Designs/Rapido/Images/ACI-GIF-3seconds.gif") no-repeat center center;
  width: 350px;
  height: 300px;
  opacity: 0.75;
}
@media (max-width: 768px) {
  
}
.footer.dw-mod #Block__MasterFooterColumnOne.dw-mod h3 {
  display: none;
}
.footer.dw-mod .top-container__center-container {
  padding: 0;
}
.footer__copyright.dw-mod p {
  color: #a6a8aa;
}
@media (max-width: 768px) {
  .footer__copyright.dw-mod p {
    margin-bottom: 0;
  }
}
.footer__copyright.dw-mod ul li {
  color: #a6a8aa;
}
@media (max-width: 768px) {
  .footer__copyright.dw-mod ul {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .footer__copyright.dw-mod {
    flex-direction: column;
  }
}
.footer__copyright.dw-mod ul li {
  margin-right: 0.5em;
}
.footer .footer__heading {
  color: #97999c;
  margin-bottom: 10px;
  line-height: 1.1;
}
.footer__content ul {
  padding-left: 0px;
}
.footer__content ul li {
  list-style-type: none;
  margin-bottom: 0px;
  line-height: 26px;
  text-indent: 20px;
}
@media (min-width: 768px) {
  .footer__content ul li {
    line-height: 24px;
    text-indent: 0px;
  }
}
@media (min-width: 992px) {
  .footer__content ul li {
    line-height: 26px;
  }
}
.footer__content a {
  color: white;
}
.footer__content a:hover {
  color: white;
}
.footer__content #phonenumber a {
  color: #e8e8ea;
}
@media (min-width: 768px) and (max-width: 991px) {
  #Block__MasterFooterColumnOne,
  #Block__MasterFooterColumnTwo,
  #Block__MasterFooterColumnThree,
  #Block__MasterFooterColumnFour {
    width: 25%;
  }
}
#Block__MasterFooterColumnOne div p {
  margin-left: 30px;
}
#Block__MasterFooterCopyright ul li a {
  color: #a6a8aa;
}
#Block__MasterFooterCopyright ul li a:hover {
  color: #c22821;
}
#Block__SocialMediaLinks a {
  color: #a8a8a8;
}
#Block__SocialMediaLinks a:hover {
  color: #c22821;
}
.main-navigation > .top-container__center-container {
  background: black url("/Files/Images/ACI/GradientUpperBars5.jpg") repeat-x left top;
  padding-left: 0px;
}
#Block__MasterDesktopMenu > div {
  align-self: flex-start;
}
.main-navigation .logo {
  margin: 0;
}
.main-navigation .logo__img.dw-mod:not(.logo__img--mobile) {
  height: 81px;
}
.main-navigation .header__menu-top-holder {
  padding: 0 0.5em;
}
.main-navigation .menu__link.dw-mod:not(.menu__link--mobile) {
  line-height: 32px;
  padding: 0px 0.5em;
}
.main-navigation .menu__item--top-level.menu__item:not(.menu__item--disabled) {
  border: 0px;
  height: 53px;
}
.header__menu-top {
  flex-direction: row;
}
.header__menu-top-right {
  flex-direction: row;
  justify-content: flex-end;
}
header.top-container--sticky {
  background-color: black;
}
@media (min-width: 768px) {
  header.top-container--sticky {
    max-height: 122px;
  }
}
@media (min-width: 768px) {
  header.top-container--sticky.browser-InternetExplorer {
    max-height: 153px;
  }
}
#Block__InternetExplorerBar {
  border-bottom: 1px solid white;
  line-height: 30px;
}
a,
.btn--link.dw-mod {
  color: white;
}
a:hover,
.btn--link.dw-mod:hover,
a:active,
.btn--link.dw-mod:active,
a:focus,
.btn--link.dw-mod:focus {
  background-color: transparent;
  color: #c22821;
}
@media print {
  .u-order-footer > div {
    width: 50% !important;
  }
  .u-order-footer > div h5 i {
    display: none;
  }
  #Block__CustomerOrderNotes h5 i {
    display: none;
  }
}
#ExperlogixSettingsForm .card,
#ExperlogixSearchForm .card,
#ExperlogixDiscountForm .card {
  background-color: #2a2a2a;
}
.logo--mobile.dw-mod {
  float: left;
  height: 70px;
}
#leftnav {
  background-color: #181818;
}
.menu-left.dw-mod {
  color: white;
}
.menu-left__link.dw-mod {
  color: white;
}
.menu-left__link.dw-mod.menu-left__link--open:before {
  color: white;
}
.menu-left__link.dw-mod:hover,
.menu-left__link--active.dw-mod {
  background-color: #353535;
}
#bottomNavigation {
  margin-left: -25px;
}
.menu-mobile__link.dw-mod {
  text-transform: uppercase;
}
#bottomMobileNavigation li,
.menu-mobile__item {
  background: url("/Files/Templates/Designs/Rapido/Images/Mobile-Nav-gradient-1.jpg") no-repeat center center;
  background-size: cover;
}
#bottomMobileNavigation li a:hover,
#bottomMobileNavigation li a:focus,
#bottomMobileNavigation li a:active,
.menu-mobile__link--active.dw-mod,
.menu-mobile__link.dw-mod:hover,
.menu-mobile__link.dw-mod:focus,
.menu-mobile__link.dw-mod:active,
.menu-mobile__link--highlighted.dw-mod {
  font-weight: bold;
  background-color: unset;
  color: white;
}
.main-navigation-mobile .mobile-nav-trigger-button.dw-mod {
  border: 1px solid white;
  border-radius: 4px;
  line-height: 0;
}
.main-navigation-mobile .menu__item--top-level.dw-mod.menu__item--active,
.main-navigation-mobile .menu__item--top-level.dw-mod:hover,
.main-navigation-mobile .menu__item--top-level.dw-mod:focus,
.main-navigation-mobile .menu__item--top-level.dw-mod:active {
  border-bottom-color: transparent;
}
.main-navigation-mobile .menu__item--top-level.dw-mod.menu__item--active,
.main-navigation-mobile .menu__item--top-level.dw-mod:hover,
.main-navigation-mobile .menu__item--top-level.dw-mod:focus,
.main-navigation-mobile .menu__item--top-level.dw-mod:active,
.main-navigation-mobile .menu__item--top-level.dw-mod.menu__item--active .menu__link,
.main-navigation-mobile .menu__item--top-level.dw-mod:hover .menu__link,
.main-navigation-mobile .menu__item--top-level.dw-mod:focus .menu__link,
.main-navigation-mobile .menu__item--top-level.dw-mod:active .menu__link {
  color: white;
}
@media (min-width: 768px) {
  .main-navigation-mobile,
  .mobile-navigation {
    display: none;
  }
}
@media (max-width: 767px) {
  .main-navigation {
    display: none;
  }
}
.main-navigation.dw-mod .top-container__center-container {
  justify-content: space-between;
}
.menu--dropdown.dw-mod,
.menu--dropleft.dw-mod {
  background-color: #353535;
}
#topnavigation .menu__link.dw-mod:not(.menu__link--icon) {
  color: white;
  font-family: "Arial Narrow", Arial, sans-serif;
}
#topnavigation .menu__link.dw-mod:not(.menu__link--icon):hover,
#topnavigation .menu__link.dw-mod:not(.menu__link--icon).menu__link--active {
  color: #c22821;
}
.menu .u-enablingchat {
  position: absolute;
}
.menu .u-enablingchat button {
  background-color: transparent;
}
.menu .u-enablingchat button:hover,
.menu .u-enablingchat button:active {
  background-color: transparent;
  color: #c22821;
}
.menu .u-enablingchat button:focus {
  background-color: transparent;
  text-decoration: none;
}
.menu--dropdown-right {
  margin-top: 0;
  top: 80%;
}
#bottomNavigation li {
  padding: 0 8px;
}
#bottomNavigation li.active a {
  color: #c22821;
}
#bottomNavigation li a {
  color: #a8a8a8;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#bottomNavigation li a:hover {
  color: #c22821;
}
#bottomMobileNavigation li {
  color: #222222;
  margin: 0;
  padding: 0;
  transition: all 0.2s;
  width: 100%;
}
#bottomMobileNavigation li a {
  border-bottom: 1px solid black;
  color: white;
  cursor: pointer;
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 2;
  margin-bottom: 0;
  padding: 0.5em 1em;
  text-decoration: none;
  white-space: normal;
  text-transform: uppercase;
}
#Block__MasterDesktopLogo,
#Block__MasterDesktopMenu {
  width: auto;
}
#Block__MasterDesktopMenu {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  width: 0px;
}
.bottomProducts {
  width: 100%;
}
@media (min-width: 768px) {
  .bottomProducts {
    height: 115px;
  }
}
.bottomProducts h3 {
  color: #545454;
  font-size: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .bottomProducts h3 {
    display: none;
  }
}
.bottomProducts ul {
  flex-direction: column;
  padding-bottom: 20px;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .bottomProducts ul {
    height: 115px;
    flex-direction: row;
  }
}
.bottomProducts ul li {
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .bottomProducts ul li {
    width: 95px;
    font-size: 9px;
    float: left;
    margin: 0 -30px 0 15px;
  }
}
@media (min-width: 992px) {
  .bottomProducts ul li {
    width: 114px;
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .bottomProducts ul li {
    width: 140px;
    font-size: 12px;
  }
}
.bottomProducts ul li a {
  display: block;
  font-family: "Arial-Narrow", Arial, sans-serif;
  font-stretch: condensed;
  font-weight: bold;
  line-height: 24px;
  margin-top: 10px;
  text-transform: uppercase;
  vertical-align: text-bottom;
}
@media (min-width: 768px) {
  .bottomProducts ul li a {
    height: 105px;
    line-height: 105px;
  }
}
@media (min-width: 768px) {
  .bottomProducts ul li a:hover {
    color: white;
    height: 80px;
    line-height: 130px;
    padding-top: 20px;
  }
}
@media (max-width: 768px) {
  .bottomProducts ul li a:hover {
    background: unset !important;
  }
}
@media (min-width: 992px) {
  
}
#Block__Navigation,
#Block__Navigation .facets-container.dw-mod .facets-container__box,
#Block__Navigation .facets-container__header {
  background-color: #212121;
}
#Block__Navigation {
  margin-right: 30px;
}
#Block__Navigation h2 {
  color: white;
}
#Block__Navigation .facets-container__header {
  border-bottom: 1px solid white;
  color: white;
}
.facets-container.dw-mod .facets-container__header {
  border-bottom: 0px;
}
.product-list__grid-item__price-info {
  min-height: 80px;
}
#productList .grid__col-auto h2 {
  display: none;
}
.mini-cart.dw-mod .mini-cart__footer {
  background: black;
  color: white;
}
.mini-cart.dw-mod .mini-cart__footer button {
  margin: 0;
}
.mini-cart h3 {
  color: black;
}
.mini-cart .panel.dw-mod {
  background-color: #cccccc;
}
#productList > div {
  padding-top: 1em;
}
#Block__ProductListHeader h2 {
  color: white;
  line-height: 1.5;
}
#Block__ProductListHeader h5 {
  color: white;
}
#Block__ProductListHeader .buttons-collection div:not(.u-w150px) .tag-btn-trigger:checked + .btn--tag {
  background-color: #333333;
}
#Block__ProductListHeader .buttons-collection div:not(.u-w150px) label {
  background-color: #222222;
}
#Block__ProductListHeader .buttons-collection div:not(.u-w150px) label:hover {
  background-color: #333333;
}
#Block__ProductListHeader label[For=ProductSort] {
  height: auto;
}
.facets-container--top .dropdown__content {
  color: #2a2a2a;
}
#selectedFacets button {
  background-color: #222222;
}
#selectedFacets button:hover {
  background-color: #333333;
}
.product-list__list-item.dw-mod {
  border-color: black;
}
.product-list__list-item.dw-mod h2 sup {
  color: #c22821;
}
.product-list__list-item.dw-mod:hover {
  border-color: black;
}
#Block__ListViewItemRight h2 {
  color: #c22821;
}
#Block__ListViewItemRight .grid__cell-footer p {
  margin: 5px;
}
.image-hover--zoom img {
  line-height: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0px;
}
.product-list__list-item__left.dw-mod {
  border-top: none !important;
}
.product-list__list-item__right.dw-mod {
  border-top: none !important;
  padding-top: 0px;
}
.product-list__grid-item__price-info.dw-mod,
.product-list__grid-item__footer.dw-mod {
  text-align: left;
}
@media (max-width: 768px) {
  
}
.product-list__list-item__price-actions.dw-mod {
  width: 100%;
  float: left;
}
.product-list__list-item__price-actions.dw-mod span {
  float: left;
}
.product-list__list-item__price-actions.dw-mod .u-margin-bottom {
  float: left;
}
.product-list__grid-item.dw-mod > div {
  border-color: black !important;
}
.product-list__grid-item.dw-mod h6 {
  color: #c22821;
  backface-visibility: hidden;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.product-list__grid-item.dw-mod h6 sup {
  color: #c22821;
}
@media (max-width: 480px) {
  .product-list__grid-item.dw-mod h6 {
    padding-left: 0;
  }
}
.product-list__grid-item.dw-mod .product-list__grid-item__footer img {
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
}
.product-list__grid-item.dw-mod .product-list__grid-item__footer div.u-actions--min-height p {
  margin: 0 1em;
}
@media (max-width: 480px) {
  .product-list__grid-item.dw-mod .product-list__grid-item__footer div.u-actions--min-height {
    justify-content: flex-end;
    padding-top: 0;
  }
  .product-list__grid-item.dw-mod .product-list__grid-item__footer div.u-actions--min-height p:last-of-type {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .product-list__grid-item.dw-mod .product-list__grid-item__footer {
    flex-direction: row;
  }
}
.product-list__grid-item.dw-mod .u-actions--min-height {
  min-height: 80px;
}
.product-list__grid-item__price-info.dw-mod {
  height: auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  min-height: 0;
}
div.grid__cell.u-margin-top.u-margin-bottom.u-ta-justify p {
  text-align: left;
  margin-top: -7px;
}
.product-list__grid-item__footer.dw-mod {
  padding-top: 0;
}
.product-list__grid-item__footer.dw-mod .price.price--product-list {
  margin-bottom: 0.5em;
}
@media (max-width: 480px) {
  .product-list__grid-item__footer.dw-mod .price.price--product-list {
    padding-left: 0;
  }
}
.grid__cell.product-list__grid-item__image.dw-mod {
  background-color: black;
  flex: 0;
  -webkit-flex: 0 0 auto;
}
@media (max-width: 480px) {
  
}
.media-list-item__add-new {
  height: unset;
  margin-bottom: 8px;
}
#ManageAddressModal #AddressForm input,
#ManageAddressModal #AddressForm select {
  background-color: black;
  color: white;
}
#ManageAddressModal #AddressForm label {
  color: white;
}
.custom--table td {
  font-family: "Arial-Narrow", Arial, sans-serif;
  font-size: 14px;
}
@media (max-width: 768px) {
  .custom--table td {
    font-size: 16px;
  }
}
.custom--table td:before {
  font-weight: bold;
}
.custom--table td a,
.custom--table td button {
  font: inherit;
  line-height: inherit;
  text-transform: inherit;
}
.custom--table td .btn {
  letter-spacing: 0;
  word-break: break-word;
}
.custom--table td .btn:hover {
  color: #c22821;
  text-decoration: none;
}
.product-list__grid-item__footer span {
  font-size: 14px;
  font-weight: 400;
}
.price.price--product-list {
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .price.price--product-list {
    text-align: left;
  }
}
.product-list__grid-item.dw-mod h6 {
  font-family: "Arial-Narrow", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  font-stretch: 75%;
}
.product-list__grid-item__price-info.dw-mod p {
  font-family: Arial, sans-serif;
}
#Block__ListViewItemRight h2 {
  font-size: 22px;
  text-transform: none;
}
div.price--product-list {
  font-family: "Arial Narrow", Arial, sans-serif;
}
.product-list__list-item.dw-mod h2 {
  font-family: "Arial-Narrow", Arial, sans-serif;
  font-size: 18px;
}
.table-responsive table,
.u-order-footer {
  text-transform: uppercase;
}
.table-responsive table h5,
.u-order-footer h5 {
  text-transform: none;
  font-weight: bold;
}
.u-enablingchat span {
  font-family: Arial-Narrow, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  font-stretch: condensed;
  text-transform: uppercase;
}
.u-ta-justify {
  text-align: justify;
}
.modal-container .modal h2,
.modal-container .modal .modal__body {
  font-weight: 700;
}
.modal-container .modal .modal__footer {
  text-align: center;
}
.btn:not(.btn--link):not(.btn--link-clean) {
  font-family: "Arial Narrow", Arial, sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
}
h2 {
  font-family: "Arial Narrow", Arial, sans-serif;
}
.u-orders,
.u-invoices {
  font-size: 32px;
}
main.container h1 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
}
h6.u-condensed-text.dw-mod {
  font-weight: 700;
}
div.paragraph-container__body--padding-default.dw-mod h2 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 36px;
  font-stretch: 75%;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
div.paragraph-container__body--padding-default.dw-mod p {
  text-align: justify;
}
.modal__header h2.dw-mod {
  font-size: 28px !important;
  text-align: left !important;
}
.modal__header *.dw-mod:not(.u-color-light) {
  color: black;
}
#Block__ProductListHeader h2 {
  font-size: 20px;
  font-weight: 300;
  text-transform: none;
  text-align: left;
}
.footer__copyright p {
  font-size: 11px;
}
.footer__copyright ul li {
  font-size: 11px;
}
.footer .footer__heading {
  font-size: 16px;
  font-stretch: 75%;
  text-transform: uppercase;
  font-weight: bold;
}
.footer__content ul li {
  font-size: 14px;
}
@media (min-width: 768px) {
  .footer__content ul {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .footer__content ul {
    font-size: 14px;
  }
}
.footer__content a {
  text-transform: uppercase;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
}
.footer__content a:hover {
  text-decoration: underline;
}
.footer__content #phonenumber {
  font-weight: bold;
}
.footer__content #phonenumber a {
  text-decoration: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
}
#Block__MasterFooterColumnOne div p {
  font-size: 12px;
}
#Block__MasterFooterCopyright ul li a {
  text-decoration: underline;
}
#Block__TarpFinder h2 {
  font-size: 26px;
  line-height: 3.4rem;
}
.error-block a {
  font: inherit;
  color: inherit;
}
.u-text--nowrap {
  white-space: nowrap;
}
.modal-container .modal {
  background-color: #888888;
}
.u-color-light-gray--bg,
.u-color-light--bg.dw-mod {
  background-color: black;
}
.u-border-color--loyalty-points {
  display: none;
}
.media-list-item__sticker {
  background-color: #c22821;
}
#Block__MasterDesktopActionsMenuContainer {
  flex-direction: column;
}
#Block__MasterDesktopActionsMenuContainer > * {
  justify-content: flex-end;
}
input[readonly]:not(.flatpickr-input) {
  background-color: white;
  height: 38px;
  padding: 6px 10px;
}
.u-no-border {
  border: none;
}
.u-no-margin--bottom {
  margin-bottom: 0;
}
.u-border-bottom-2x {
  border-bottom: 2px solid lightgray;
}
.u-color-light-gray--bg-darken-10 {
  background-color: #888888;
}
.tarpFinderForm button[type=submit] {
  margin-left: 2em;
}
.custom--table tr td:last-child {
  width: 1%;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .custom--table thead {
    display: none;
  }
  .custom--table tbody tr {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
  }
  .custom--table tbody tr:nth-child(odd) > td {
    background-color: #222222 !important;
  }
  .custom--table tbody tr:nth-child(even) > td {
    background-color: transparent !important;
  }
  .custom--table tbody tr td {
    border: none;
    width: 100% !important;
  }
  .custom--table tbody tr td:before {
    content: attr(data-th);
    display: block;
    white-space: nowrap;
  }
  .custom--table tbody tr td[data-th] {
    display: flex;
    justify-content: space-between;
  }
  .custom--table tbody tr td[data-th] button {
    margin: 0;
    min-height: 0;
    padding: 0;
  }
  .custom--table tbody tr td.table-actions a,
  .custom--table tbody tr td.table-actions button {
    display: block;
    clear: both;
    margin-right: 0;
    text-align: left;
    width: 100%;
  }
  .custom--table tbody tr td.table-actions a i,
  .custom--table tbody tr td.table-actions button i {
    width: 20px;
    text-align: center;
  }
  .custom--table tbody tr td.table-actions a + a,
  .custom--table tbody tr td.table-actions button + a,
  .custom--table tbody tr td.table-actions a + button,
  .custom--table tbody tr td.table-actions button + button {
    margin-top: 5px;
  }
}
.u-available-icon--color {
  color: #60d200;
}
.u-warning-icon--color {
  color: #fff176;
}
.u-table-heading-light--bg {
  background-color: white;
}
@media (max-width: 479px) {
  #LastAddedProductModal div.modal__footer {
    display: flex;
    flex-direction: column;
  }
  #LastAddedProductModal div.modal__footer button,
  #LastAddedProductModal div.modal__footer a {
    margin: 0.5em;
  }
}
.pager__num.dw-mod {
  color: white;
}
.pager__num.dw-mod.pager__num--current {
  font-weight: bold;
  background-color: #3e3e40;
}
label[for="PONumber"] {
  display: inline-block !important;
  margin-left: 15px;
  margin-bottom: 0.25rem;
}
.center-container.dw-mod {
  max-width: 1170px;
}
h2 {
  color: white;
}
h2 span {
  color: white;
}
.u-orders,
.u-invoices {
  color: white;
  margin-bottom: 0;
}
.modal-container .modal {
  background: #cccccc;
}
.modal-container .modal h2,
.modal-container .modal .modal__body {
  color: black;
}
.modal-container .modal .modal__footer button,
.modal-container .modal .modal__footer a {
  float: none;
}
.modal-container .modal .modal__close-btn {
  background-color: rgba(255, 255, 255, 0.35);
  box-shadow: 1px 1px 6px #7e7e7e;
  height: 25px;
  width: 25px;
}
.modal-container .modal .modal__close-btn:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.modal-container .modal .modal__close-btn:before,
.modal-container .modal .modal__close-btn:after {
  background: #545454;
  width: 12px;
}
.custom--table tbody > tr:nth-child(odd) > td {
  background-color: transparent;
}
.custom--table tbody > tr:nth-child(even) > td {
  background-color: #222222;
}
.u-table-color--bg,
.table-responsive > thead > tr {
  background-color: #222222;
}
.custom--table {
  border: 2px solid #222222;
}
.custom--table td {
  border-top: none;
}
.custom--table .table__row--bottom-line {
  border-bottom: none;
}
@media (min-width: 768px) {
  .custom--table td.u-va-middle.u-ta-right.dw-mod {
    white-space: nowrap;
  }
}
#Block__OrderHeader {
  background-color: black !important;
}
.table--responsive-order *,
.u-order-footer {
  color: black;
}
main.container {
  margin-top: 0 !important;
}
#CCSearchForm .form {
  background-color: #2a2a2a;
}
.expand-container .btn--secondary.dw-mod {
  background-color: transparent;
}
.expand-container .btn--secondary.dw-mod:hover {
  color: #c22821;
}
#OrderModal {
  border: 2px solid black;
}
#ProductsContainer .product-list__grid-item__image {
  padding: 5px 0;
}
#ProductsContainer .product-list__grid-item__image a img,
#ProductsContainer .product-list__grid-item__image span img {
  margin: 0;
  max-width: 100%;
  padding: 0;
  zoom: 2;
  -ms-zoom: 1;
  -moz-transform: scale(1);
}
#ProductsContainer .product-list__grid-item__image a img:hover,
#ProductsContainer .product-list__grid-item__image span img:hover {
  -moz-transform: scale(1.1);
}
@media (max-width: 768px) {
  #Block__RizzoSearchResults ul li div.grid__cell {
    margin-right: 5px;
    width: 50%;
  }
}
#MyAddressesSelectorModal {
  background-color: black;
}
#MyAddressesSelectorModal .modal__header h2.dw-mod,
#MyAddressesSelectorModal .media-list-item__parameters-table--user-address.dw-mod {
  color: white;
}
#MyAddressesSelectorModal .media-list-item__info.dw-mod,
#MyAddressesSelectorModal .media-list-item__actions-list.dw-mod {
  font-weight: normal;
}
#MyAddressesSelectorModal .modal__close-btn {
  background-color: #b0b2b2;
}
#ManageAddressModal {
  background-color: black;
}
#ManageAddressModal .modal__header h2.dw-mod {
  color: white;
}
#ManageAddressModal #AddressForm input,
#ManageAddressModal #AddressForm select {
  background-color: white;
  color: #222222;
  font-weight: normal;
}
#ManageAddressModal #AddressForm label {
  font-weight: normal;
}
#ManageAddressModal .modal__close-btn {
  background-color: #b0b2b2;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

@media (min-width: 480px) {
  
}
@media (min-width: 768px) {
  
}
@media (min-width: 992px) {
  
}
@media (min-width: 1200px) {
  
}
@media (min-width: 1600px) {
  
}
