::-ms-clear {
  /* to remove x in IE and edge*/
  display: none;
}

html {
  font-size: 14px;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.scroll-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.scroll-content::-webkit-scrollbar {
  width: 5px;
}
.scroll-content::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #c0c0c0;
}

a, .reward-tab .description a {
  color: #0058a4;
}
a:hover, .reward-tab .description a:hover {
  color: #0058a4;
}

input[type=button]:focus {
  outline: 0;
  border: 0;
  outline-color: transparent;
}

button:focus, button:selected {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-color: transparent;
}
button.dropdown-toggle.btn {
  margin-bottom: 0.25rem;
}

label {
  font-weight: bold;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.btn {
  border-radius: 8px;
  font-weight: bold;
}
.btn.active.focus, .btn.active:focus, .btn:active.focus, .btn:active:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-color: transparent;
}
.btn.focus, .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-color: transparent;
}
.btn.btn-icon {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.btn-default {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
}
.btn.btn-default:hover {
  color: #333;
  background-color: #e6e4e4;
  border: 1px solid #ccc;
}
.btn.btn-default:focus {
  border: 1px solid #ccc;
}
.btn.btn-primary {
  background-color: #f37432;
  border: 1px solid transparent;
  color: #fff;
}
.btn.btn-primary:hover {
  background-color: #ea6520;
  border: 1px solid transparent;
  color: #fff;
}
.btn.btn-black {
  background-color: #807e80;
  color: #fff;
  border: 1px solid transparent;
}
.btn.btn-black:hover {
  background-color: #000;
  color: #fff;
}
.btn.btn-black.btn-added {
  background-color: #00904b;
}
.btn.btn-black.btn-added .mocoChecked {
  display: inline-block;
}
.btn.btn-black .mocoChecked {
  display: none;
}
.btn.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn.btn-white:hover {
  border-color: #aeaeae;
}
.btn.btn-white:focus {
  border: 1px solid #aeaeae;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-blue {
  background-color: #3b78e7;
  border: 1px solid transparent;
  color: #fff;
}
.btn.btn-blue:hover {
  background-color: #0058a4;
  border: 1px solid transparent;
  color: #fff;
}
.btn.btn-dark-blue {
  background-color: #0058a4;
  border: 1px solid transparent;
  color: #fff;
}
.btn.btn-dark-blue:hover {
  background-color: #3b78e7;
  border: 1px solid transparent;
  color: #fff;
}
.btn.btn-orange {
  color: #f37432;
  background-color: #fff;
  border-color: #f37432;
}
.btn.btn-orange:hover {
  color: #da4733;
  border-color: #da4733;
}
.btn.btn-orange:focus {
  border: 1px solid #da4733;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-secondary {
  color: #0058a4;
  background-color: #fff;
  border-color: #0058a4;
}
.btn.btn-secondary:hover {
  background-color: #0058a4;
  color: #fff;
}
.btn.btn-tertiary {
  color: #0058a4;
  background-color: #fff;
  border-color: #ddd;
}
.btn.btn-tertiary:hover {
  border-color: #0058a4;
}
.btn.btn-red {
  color: #fff;
  background-color: #d00808;
  border-color: #d00808;
}
.btn.btn-red:hover {
  background-color: #ff3b2f;
  border-color: #ff3b2f;
}
.btn.btn-red-secondary {
  color: #d00808;
  background-color: #fff;
  border-color: #d00808;
}
.btn.btn-red-secondary:hover {
  border-color: #ff3b2f;
  color: #ff3b2f;
}
.btn.btn-dark-orange {
  color: #fff;
  background-color: #c04e36;
  border-color: #c04e36;
}
.btn.btn-dark-orange:hover {
  border-color: #da4733;
  background-color: #da4733;
}
.btn.btn-light-orange {
  color: #c04e36;
  background-color: #fef8f2;
  border-color: #c04e36;
}
.btn.btn-light-orange:hover {
  color: #fff;
  background-color: #c04e36;
}

.btn-width-full {
  width: 100% !important;
}

.material-icons {
  vertical-align: middle !important;
  cursor: pointer;
}

table.table-striped > tbody > tr:nth-child(odd) > td, table.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}
table.table-striped > tbody > tr:nth-child(even) > td, table.table-striped > tbody > tr:nth-child(even) > th {
  background-color: rgba(0, 0, 0, 0.05);
}
table.table-striped th,
table.table-striped tr,
table.table-striped td {
  background-clip: padding-box;
}
table.table-striped th .col-4,
table.table-striped tr .col-4,
table.table-striped td .col-4 {
  width: 33.333333%;
}
table.table-striped th .col-6,
table.table-striped tr .col-6,
table.table-striped td .col-6 {
  width: 50%;
}
table.table-striped th .col-8,
table.table-striped tr .col-8,
table.table-striped td .col-8 {
  width: 66.666667%;
}

body {
  background-color: #f3f4f5;
  font-family: proxima-nova, sans-serif;
  color: #333;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
body div.cleared {
  height: 0;
  width: 100% !important;
  display: block;
  clear: both;
  border: 0px !important;
  padding: 0;
}

.badge-moco {
  border: 1px solid #333;
}

.mocoFullWidth {
  width: 100%;
}

.contentPanel {
  background: #fff;
  border-radius: 8px;
}

.category-active {
  background-color: #e6e4e4;
}

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

.divCell {
  float: none;
  display: table-cell;
}

.underlined {
  border-bottom: 1px solid #ddd;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hasLeftIcon {
  padding-left: 0px;
}

@media (max-width: 767px) {
  .navbar-nav {
    margin: 0;
  }
}

.navbar-brand {
  display: block;
  top: 0;
  margin-right: 0;
}
@media (max-width: 767px) {
  .navbar-brand {
    position: absolute;
    padding: 16px;
  }
}

.navbar-toggle {
  z-index: 2;
}

#mocoStickyHeader {
  width: 100%;
}
@media (min-width: 576px) {
  #mocoStickyHeader {
    position: sticky;
    top: 0;
    z-index: 50;
  }
}

.search-listing-wrapper.negative-top-margin {
  margin-top: -18px;
}

#productStickySearchFilters {
  padding-top: 18px;
}
@media (max-width: 1199.98px) {
  #productStickySearchFilters {
    margin-top: 18px;
  }
}
@media (min-width: 992px) {
  #productStickySearchFilters {
    position: sticky;
    top: 181px;
    background-color: #f3f4f5;
    z-index: 20;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1200px) {
  #productStickySearchFilters {
    top: 138px;
  }
}
#productStickySearchFilters #productFilters-toprow {
  padding: 8px 24px 4px;
  font-size: 14px;
}
#productStickySearchFilters #productFilters-bottomrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
  margin-top: 8px;
}
@media (min-width: 1200px) {
  #productStickySearchFilters #productFilters-bottomrow .open-filters-btn-group {
    margin-left: -4px;
  }
}
#productStickySearchFilters #productFilters-bottomrow button.dropdown-toggle.btn, #productStickySearchFilters #productFilters-bottomrow .open-filters-btn {
  margin-bottom: 0;
  color: #0058a4;
  border: 1px solid #E0DFDF;
  border-radius: 20px;
  background: #fff;
}
#productStickySearchFilters #productFilters-bottomrow .open-filters-btn .filter-icon {
  margin-right: 8px;
}
#productStickySearchFilters #productFilters-bottomrow #searchFilters .btn-group {
  margin-bottom: 8px;
}
#productStickySearchFilters #productFilters-bottomrow .btn-group.clear-filter {
  border: 1px solid #0058a4;
  border-radius: 17.5px;
  padding: 2px 12px;
  color: #0058a4;
  min-width: auto;
}
#productStickySearchFilters #productSearchFilters {
  border: 1px solid #DBDBDB;
  backdrop-filter: blur(15px);
  border-radius: 12px;
  background: #fff;
}
#productStickySearchFilters .dropdown-menu {
  z-index: 10;
}

.product-list .load-bar {
  z-index: 5;
}

@media (min-width: 768px) {
  #sideNavWrap {
    /*position: sticky;
    top: 234.28px;
    z-index: 40;
    background-color: $gray-100;
    align-self: flex-start;
    overflow-y: auto;

    .list-group {
        overflow-y: auto;
    }*/
  }
}

#mocoHeader {
  color: #fff;
  background-color: #0058a4;
}
@media (min-width: 768px) {
  #mocoHeader .header-wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
#mocoHeader #mocoLogo {
  margin: 30px 0;
  max-width: 100%;
}
@media (max-width: 767px) {
  #mocoHeader #mocoLogo {
    display: block;
    margin-bottom: 55px;
  }
}
@media (max-width: 767px) {
  #mocoHeader #mocoLogo img {
    width: 150px;
  }
}
@media (max-width: 767px) {
  #mocoHeader #mocoLogo div[class*=col-] {
    display: none;
  }
}
#mocoHeader ul .nav-link {
  border-bottom: 1px solid #ddd;
}
@media (min-width: 768px) {
  #mocoHeader ul .nav-link {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 768px) {
  #mocoHeader ul .nav-link.active {
    border-bottom: 2px solid #fff;
  }
}
@media (min-width: 768px) {
  #mocoHeader ul .nav-item.dropdown:hover .nav-link {
    border-bottom: 2px solid #fff;
  }
}
#mocoHeader .navbar-light,
#mocoHeader .navbar-dark {
  margin-bottom: 0;
  background: none;
  border: none;
  padding: 0;
}
@media (min-width: 576px) {
  #mocoHeader .navbar-light,
  #mocoHeader .navbar-dark {
    padding-bottom: 0;
  }
}
#mocoHeader .navbar-light .dropdown-toggle::after,
#mocoHeader .navbar-dark .dropdown-toggle::after {
  vertical-align: 0.13em;
}
#mocoHeader .navbar-light > .container,
#mocoHeader .navbar-dark > .container {
  display: block !important;
}
#mocoHeader .navbar-light > .container .navbar-header,
#mocoHeader .navbar-dark > .container .navbar-header {
  padding: 8px 8px 0;
}
@media (min-width: 768px) {
  #mocoHeader .navbar-light > .container .navbar-header,
  #mocoHeader .navbar-dark > .container .navbar-header {
    float: left;
    padding: 0;
  }
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header {
  position: relative;
  text-align: right;
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header .navbar-brand,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header .navbar-brand {
  padding: 16px;
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header .dropdown-account,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header .dropdown-account {
  margin-bottom: 8px;
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header button.navbar-toggler,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header button.navbar-toggler {
  position: absolute;
  right: 0;
  border-color: #c0c0c0;
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header button.navbar-toggler:hover,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header button.navbar-toggler:hover {
  background-color: #c0c0c0;
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header button.navbar-toggler:hover .navbar-toggler-icon,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header button.navbar-toggler:hover .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(102, 102, 102, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#mocoHeader .navbar-light > .container .navbar-header .mobile-header button.navbar-toggler .navbar-toggler-icon,
#mocoHeader .navbar-dark > .container .navbar-header .mobile-header button.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(192, 192, 192, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#mocoHeader .navbar-light .navbar-nav > .active > a,
#mocoHeader .navbar-dark .navbar-nav > .active > a {
  background: none;
}
#mocoHeader .navbar-light .navbar-nav > li > a,
#mocoHeader .navbar-dark .navbar-nav > li > a {
  color: #fff;
  font-size: 14px;
  padding: 15px 5px 10px 10px;
}
#mocoHeader .navbar-light .navbar-nav > li > a i.fas.fa-caret-down,
#mocoHeader .navbar-dark .navbar-nav > li > a i.fas.fa-caret-down {
  padding-left: 6px;
}
#mocoHeader .navbar-light .navbar-nav > .show > a,
#mocoHeader .navbar-dark .navbar-nav > .show > a {
  background-color: transparent;
  border-color: #fff;
  border: solid 1px;
}
@media (max-width: 767.98px) {
  #mocoHeader .navbar-light .navbar-nav > .show > a,
  #mocoHeader .navbar-dark .navbar-nav > .show > a {
    border-top: 0;
  }
}
@media (max-width: 767.98px) {
  #mocoHeader .navbar-light .navbar-nav li.dropdown ul.dropdown-menu,
  #mocoHeader .navbar-dark .navbar-nav li.dropdown ul.dropdown-menu {
    background: transparent;
    border: 0;
  }
}
@media (max-width: 767.98px) {
  #mocoHeader .navbar-light .navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item,
  #mocoHeader .navbar-dark .navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
    color: #fff;
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 767.98px) {
  #mocoHeader .navbar-light .navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item:hover,
  #mocoHeader .navbar-dark .navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item:hover {
    background: transparent;
    border-bottom: 1px solid #fff;
  }
}
@media (min-width: 768px) {
  #mocoHeader .nav.navbar-nav {
    padding-left: 16px;
  }
}
#mocoHeader .nav.navbar-nav .active {
  border-bottom: 2px solid #fff;
}
#mocoHeader .navbar-collapse {
  border-top: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#mocoHeader #mocoHeaderLogo {
  max-width: 130px;
}
@media (max-width: 320px) {
  #mocoHeader #mocoHeaderLogo {
    height: 32px;
  }
}
@media (max-width: 767px) {
  #mocoHeader #mocoHeaderLogo {
    height: 48px;
  }
}
@media (max-width: 767.98px) {
  #mocoHeader #mocoHeaderNav {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  #mocoHeader #mocoHeaderNav {
    display: block !important;
  }
}
@media (min-width: 768px) {
  #mocoHeader #mocoHeaderNav > ul.nav.navbar-nav {
    float: left;
  }
}
@media (max-width: 575.98px) {
  #mocoHeader #mocoHeaderNav > ul.nav.navbar-nav .nav-item a i.fas {
    float: right;
  }
}
@media (min-width: 768px) {
  #mocoHeader #mocoHeaderNav > ul.nav.navbar-nav .nav-item ul.dropdown-menu {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  #mocoHeader #mocoHeaderNav > ul.nav.navbar-nav .nav-item ul.dropdown-menu li .dropdown-item {
    padding: 0.25rem 1rem;
  }
}
@media (min-width: 768px) {
  #mocoHeader #mocoHeaderNav > ul.nav.navbar-nav .nav-item:hover ul.dropdown-menu {
    display: block;
  }
}
#mocoHeader #mocoHeaderNav .shopping-cart-header {
  float: right;
  margin-left: auto;
  text-align: right;
}
#mocoHeader #mocoHeaderNav .shopping-cart-header #cartMenuWeb {
  float: right;
  padding-top: 5px !important; /* Overrides the paddnig set above */
}
#mocoHeader #mocoHeaderNav .shopping-cart-header #cartMenuWeb li {
  float: left;
}
#mocoHeader #mocoHeaderNav .guest-header {
  float: right;
  margin-left: auto;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 1px;
  padding-left: 0;
}
#mocoHeader #mocoHeaderNav .guest-header .navbar-right {
  padding-left: 0;
}
#mocoHeader #mocoHeaderNav .guest-header .btn {
  width: 120px;
}
#mocoHeader #mocoHeaderNav .guest-header .btn:not(:last-child) {
  margin-right: 10px;
}
#mocoHeader #collapsedCartMenu {
  padding-top: 44px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 320px) {
  #mocoHeader #collapsedCartMenu {
    width: 100%;
  }
}

.btn-login,
.btn-sign-up,
.btn-agree {
  background-color: #f37432;
  border: 0;
  color: #fff;
  margin-top: 1px;
  margin-bottom: 5px;
  font-size: 16px;
  text-align: center;
  padding: 10px 25px;
  border: 1px solid transparent;
  font-weight: 600;
  width: 140px;
  padding: 5px 8px;
}

.btn-login {
  background-color: #00bcd2;
  text-transform: uppercase;
}
.btn-login:hover, .btn-login:active, .btn-login:focus {
  background-color: transparent !important;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
          box-shadow: inset 0px 0px 0px 1px #fff;
  color: #fff !important;
}
@media (max-width: 720px) {
  .btn-login {
    padding: 2px;
    font-size: 14px;
    width: 100px;
    margin-left: 35px;
  }
}

.btn-sign-up {
  background-color: #f37432;
  text-transform: uppercase;
}
@media (max-width: 720px) {
  .btn-sign-up {
    padding: 2px;
    font-size: 14px;
    width: 100px;
    margin-left: 35px;
  }
}

@media (max-width: 991.98px) {
  .guest-header .btn-sign-up,
  .guest-header .btn-login {
    margin-left: 8px;
  }
}
@media (max-width: 720px) {
  .guest-header .btn-sign-up,
  .guest-header .btn-login {
    margin-left: 6px;
  }
}

#mainNavContainer {
  background-color: #fbfbfb;
}
#mainNavContainer nav {
  padding: 0;
  border: 0px;
}
#mainNavContainer nav .search-suggestion-wrapper {
  margin: 9px 0;
}
#mainNavContainer nav .search-suggestion-wrapper .navbar-form {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  #mainNavContainer nav .search-suggestion-wrapper .navbar-form {
    float: right;
  }
}
@media (min-width: 992px) {
  #mainNavContainer nav .search-suggestion-wrapper .navbar-form {
    padding-bottom: 0;
  }
}
#mainNavContainer nav .search-suggestion-wrapper .navbar-form .form-control-feedback {
  position: absolute;
  top: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
#mainNavContainer nav .search-suggestion-wrapper .navbar-form #searchButton {
  padding: 4px 8px;
  border-radius: 0 8px 8px 0;
}
#mainNavContainer .navbar {
  margin: 0;
}
#mainNavContainer .navbar > .container {
  display: block;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
#mainNavContainer .navbar-toggler {
  padding: 9px 10px;
  margin: 8px 15px 8px 0;
  border: 0;
}
#mainNavContainer .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 88, 164, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#mainNavContainer .navbar-brand {
  display: none;
}
#mainNavContainer #mocoMainNav {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  #mainNavContainer #mocoMainNav {
    background-color: #fff;
    width: auto;
  }
}
#mainNavContainer #mocoMainNav li {
  color: #2d2d2d;
  text-transform: uppercase;
}
#mainNavContainer #mocoMainNav li a {
  padding: 1.1rem;
  color: #2d2d2d;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
}
#mainNavContainer #mocoMainNav li a.active {
  color: #0058a4;
  -webkit-box-shadow: inset 0 -3px 0 #0058a4;
          box-shadow: inset 0 -3px 0 #0058a4;
}
#mainNavContainer #mocoMainNav li a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #0058a4;
  -webkit-box-shadow: inset 0 -3px 0 #0058a4;
          box-shadow: inset 0 -3px 0 #0058a4;
}
@media (max-width: 767px) {
  #mainNavContainer #mocoMainNav .navbar-nav li a,
  #mainNavContainer #mocoMainNav .navbar-nav li a:hover {
    border-bottom: 1px solid #ddd;
  }
}

#headerContact {
  text-align: center;
  font-size: 12px;
  margin-top: 90px;
}
#headerContact .sideIcon {
  font-size: 30px;
  margin-right: 5px;
}
#headerContact > div {
  display: inline-block;
}
#headerContact > div span {
  display: block;
  text-align: left;
}
#headerContact > div span.bigger-text {
  font-size: 1.5em;
}

.cartIcons > a, .reward-tab .description .cartIcons > a,
.cartIcons > a:hover {
  color: #fff;
}

#shoppingWrap {
  text-align: right;
  margin-top: 105px;
}

#shoppingCart,
#shoppingCartSm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 12px;
  background: #1565AB;
  border-radius: 8px;
  padding: 7px 4px 3px;
}
#shoppingCart .shoppingcart-icon,
#shoppingCartSm .shoppingcart-icon {
  font-size: 35px;
  margin-right: 8px;
  line-height: 30px;
}

#shoppingCartSm {
  margin-bottom: 8px;
}

.cartAmt {
  font-size: 14px;
  padding-right: 10px;
  margin-top: -4px;
}

#cartMenu {
  left: auto;
  right: 0px;
}

#mocoUserMenu {
  position: absolute;
  top: 0;
  right: 15px;
  width: 210px;
  padding-top: 10px;
}
@media (max-width: 767px) {
  #mocoUserMenu {
    top: -60px;
    color: #fff;
  }
}

.mocoMsgGroup {
  position: relative;
}

.mocoGreeting {
  width: 150px;
  display: inline-block;
}

.mocoMsgWrap {
  display: block;
  margin-right: 55px;
}

.mocoIconWrap {
  display: inline;
}
.mocoIconWrap > a, .reward-tab .description .mocoIconWrap > a,
.mocoIconWrap > a:hover {
  color: #333;
}
@media (max-width: 767px) {
  .mocoIconWrap > a, .reward-tab .description .mocoIconWrap > a,
  .mocoIconWrap > a:hover {
    color: #fff;
  }
}

#userMenu {
  width: 100%;
}
#userMenu ul {
  list-style: none;
}
#userMenu ul li {
  padding-top: 10px;
}

.icon-bar {
  background-color: #0058a4;
}

#topTabs {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.mocoTabs {
  list-style: none;
  margin: 0px;
  margin-bottom: -1px;
}
.mocoTabs li {
  display: block;
  position: relative;
  float: left;
}
.mocoTabs li.active {
  background-color: #f3f4f5;
  margin-bottom: -1px;
}
.mocoTabs li.active a {
  background-color: #f3f4f5;
}
.mocoTabs li.active a:hover {
  background-color: #eee;
}
.mocoTabs li a, .mocoTabs li .reward-tab .description a, .reward-tab .description .mocoTabs li a {
  margin: 0;
  border-radius: 0px;
}

#searchInput {
  border: 1px solid #e0dfdf;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  width: 230px;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 768px) {
  #searchInput {
    width: 100%;
  }
}

#searchButton {
  background-color: #0058a4;
  color: #fff;
  border: 1px solid #0058a4;
  border-left: none;
  cursor: pointer;
}
#searchButton .material-icons {
  font-size: 22px;
}

.search-suggestion-list {
  position: absolute;
  right: 0px;
  top: 0;
  width: 255px;
  z-index: 9999;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 8px 8px;
}
.search-suggestion-list li.search-suggestion-list-item:hover {
  background-color: #d8d8d8;
}

.search-suggestion-history {
  position: absolute;
  top: 34px;
  z-index: 500;
  background-color: #fbfbfb;
  padding: 16px 20px;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767.98px) {
  .search-suggestion-history .mobile-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .search-suggestion-history .desktop-only {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .search-suggestion-history .mobile-only {
    display: none !important;
  }
  .search-suggestion-history .desktop-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (max-width: 767.98px) {
  .search-suggestion-history {
    left: 0px !important;
    width: 100% !important;
  }
  .search-suggestion-history .search-suggestion-list {
    left: 0 !important;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .search-suggestion-history {
    width: 690px;
    left: calc(-690px + 100%);
  }
  .search-suggestion-history .pill-list {
    width: 470px !important;
  }
}
@media (min-width: 768px) {
  .search-suggestion-history {
    padding-bottom: 32px !important;
  }
  .search-suggestion-history .pill-list {
    width: 380px !important;
  }
}
@media (min-width: 992px) {
  .search-suggestion-history {
    width: 930px;
    left: calc(-930px + 100%);
    padding-right: 295px;
    padding: 24px 40px 40px;
  }
  .search-suggestion-history .pill-list {
    width: 552px !important;
  }
}
@media (min-width: 1200px) {
  .search-suggestion-history {
    width: 1110px;
    left: calc(-1110px + 100%);
    padding-right: 295px;
  }
  .search-suggestion-history .pill-list {
    width: 700px !important;
  }
}
.search-suggestion-history .search-suggestion-left {
  row-gap: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-suggestion-history .search-history-category-title {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.search-suggestion-history .pill-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100vw - 80px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-suggestion-history .search-history-category-subtitle {
  font-size: 12px;
  color: #787878;
}
.search-suggestion-history .pill {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 10px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px;
  border: none;
  font-weight: 400;
}
.search-suggestion-history .pill:last-child {
  margin-right: 0;
}
.search-suggestion-history .pill:hover {
  background-color: #e9eef5;
  color: #0058a4;
}
.search-suggestion-history .pill:focus {
  border: none;
  color: #0058a4;
  background-color: #e9eef5;
}
.search-suggestion-history .product-image-block-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-suggestion-history .product-image-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 54px;
  cursor: pointer;
  margin-bottom: 8px;
}
.search-suggestion-history .product-image-block a {
  text-decoration: none !important;
}
.search-suggestion-history .product-image-block .product-image-ellipse {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.08)) drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.06)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.08)) drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.06)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1));
  margin-bottom: 8px;
}
.search-suggestion-history .product-image-block .product-image-title {
  font-weight: 600;
  font-size: 9px;
  line-height: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  color: #787878;
}

.filter-icon {
  width: 16px;
  height: 16px;
}

.details-accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ededed;
  padding: 16px;
  border-radius: 6px;
  text-decoration: none !important;
  color: #2c2c2b;
}
.details-accordion-title[aria-expanded=true] {
  color: #0058a4;
}
.details-accordion-title.collapsed .fas.fa-chevron-up:before {
  content: "\f078";
}

.accordion-title {
  margin-right: 12px;
}

#filtersModal .filters-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 58px;
}
#filtersModal .filters-modal-chevron-left {
  width: 18px;
  height: 20px;
}
#filtersModal .filters-title {
  font-size: 22px;
  font-weight: bold;
}
#filtersModal .chevron-left-icon {
  font-size: 25px;
  color: #fff;
}
#filtersModal .modal-content {
  padding-bottom: 15px;
}
#filtersModal .modal-header {
  border-bottom: none;
  color: #fff;
  background: #0058a4;
  border-radius: 0;
}
#filtersModal .modal-header .close.filters-modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 10px;
}
#filtersModal .modal-body {
  padding-top: 24px;
  overflow-y: auto;
}
#filtersModal .modal-footer {
  padding-left: 20px;
  padding-right: 20px;
  border-top: none;
}
#filtersModal .clear-filters-button {
  background: #0058a4;
  border: none;
  color: #fff;
}
#filtersModal .clear-filters-icon {
  color: #fff;
  margin-right: 3px;
}
#filtersModal .filter-modal-content {
  width: 100%;
}
#filtersModal #showingallResults {
  font-size: 16px;
  margin-bottom: 16px;
}
#filtersModal .facet-accordion {
  margin-bottom: 8px;
}
#filtersModal .facet-accordion > a {
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: #000;
}
#filtersModal .filter-accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ededed;
  padding: 12px 16px;
  border-radius: 6px;
  text-decoration: none !important;
}
#filtersModal .filter-accordion-title.collapsed .fas.fa-chevron-up:before {
  content: "\f078";
}
#filtersModal .facet-title {
  margin-right: 12px;
}
#filtersModal .facet-option-count {
  position: absolute;
  right: 30px;
  pointer-events: none;
}
#filtersModal .facet-caption-text {
  color: #002171;
  margin: 12px;
}
#filtersModal .checkbox {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
#filtersModal label.checkbox__label {
  width: 100%;
  padding-left: 69px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-right: 60px !important;
}
#filtersModal label.checkbox__label:before {
  top: 14px;
  left: 30px;
}
#filtersModal label.checkbox__label:after {
  top: 18px;
  left: 39px;
}
#filtersModal #productSearchFilters {
  padding-left: 5px;
  padding-right: 5px;
}
#filtersModal .filters-modal-header-col {
  padding-left: 10px;
  padding-right: 10px;
}
#filtersModal .see-filtered-results-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  border-radius: 12px;
  margin: 0;
}
#filtersModal .load-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
#filtersModal .load-bar-caption {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
}
#filtersModal .load-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}

.count-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e14927;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  font-size: 14px;
  color: #fff;
}
.count-badge.count-large {
  font-size: 12px;
}

.count-badge--quick-filter {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 5;
  pointer-events: none;
  font-size: 12px;
  width: 22px;
  height: 22px;
  background-color: #00BCD2;
}
.count-badge--quick-filter.count-large {
  font-size: 12px;
}

.count-badge--cart-quantity {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 5;
  pointer-events: none;
  font-size: 11px;
  width: 20px;
  height: 20px;
}
.count-badge--cart-quantity.count-large {
  font-size: 10px;
}

.cart-quantity-count-container {
  position: absolute;
  left: 19px;
  top: 7px;
}

.moco-fonticon {
  font-family: moco-icons;
  font-size: 20px;
}
.moco-fonticon.icon-sm {
  font-size: 16px;
}
.moco-fonticon.action {
  cursor: pointer;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blue {
  color: #0058a4;
}

.facet-accordion-list {
  list-style: none;
  padding-left: 0;
}
.facet-accordion-list .dateDropdownItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dbdbdb;
}
.facet-accordion-list .dateDropdownItem .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  margin-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.facet-accordion-list .dateDropdownItem .checkbox label {
  margin-bottom: 0;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  font-size: 13px;
  cursor: default;
  right: 37px;
}

.search-suggestion-list-item {
  border: none;
  cursor: default;
}

#breadCrumbs {
  padding-top: 10px;
  padding-bottom: 10px;
}
#breadCrumbs span {
  margin: 0 3px;
}
#breadCrumbs .container {
  margin-top: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#breadCrumbs .breadcrumb-text {
  line-height: 1.5em;
}

#sideNavWrap {
  font-weight: 600;
  color: #434343;
}
#sideNavWrap .list-group {
  border-radius: 8px;
}
#sideNavWrap .list-group-item {
  border-radius: 0px;
  padding: 0;
}
@media (min-width: 768px) {
  #sideNavWrap .list-group-item:first-child {
    border-radius: 8px 8px 0 0;
  }
  #sideNavWrap .list-group-item:last-child {
    border-radius: 0 0 8px 8px;
  }
}
#sideNavWrap ul {
  list-style: none;
  padding: 0;
  background-color: #fff;
}
#sideNavWrap ul li.selected {
  background-color: #e6e4e4;
}
#sideNavWrap ul li.selected > a, #sideNavWrap ul li.selected > a.categoryToggle {
  color: #2d2d2d;
}
#sideNavWrap ul li a {
  color: #2d2d2d;
  display: block;
}
#sideNavWrap ul li a:hover {
  text-decoration: none;
}
#sideNavWrap .sideNav-level1 a.categoryName:hover {
  background-color: #e6e4e4;
  color: #2d2d2d;
}
#sideNavWrap .sideNav-level2 a.categoryName:hover, #sideNavWrap .sideNav-level2 a.selected {
  background-color: #e6e4e4;
  color: #2d2d2d;
}

.sideNav-level1 > a:first-child {
  padding: 10px 35px 10px 15px;
}

.sideNav-level2 > a:first-child {
  padding: 7px 30px 7px 22px;
}

div#sideNavWrap > ul.d-none.d-md-block > li:first-child a {
  color: #ff3b2f !important;
}
div#sideNavWrap > ul.d-none.d-md-block > li:nth-child(2) a {
  color: #00904b !important;
}

#mini-menu div#categories > ul > li:first-child {
  border-left: solid #de263c 5px;
}
#mini-menu div#categories > ul > li:nth-child(2) {
  border-left: solid #719718 5px;
}

.categoryToggle {
  position: absolute;
  right: 4px;
  top: calc(4px + 0.1em);
  padding: 6px;
  color: #2d2d2d;
}
.categoryToggle.collapsed .fas.fa-chevron-up:before {
  content: "\f078";
}

#productfilterTitle {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
  margin-bottom: 8px;
}

#showingallResults {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 17px;
}

#showingAllResultsError {
  padding: 4px 24px;
  font-size: 14px;
  padding-bottom: 0 !important;
}
#showingAllResultsError .apply-filters-link {
  font-weight: bold;
}

.productFilters-itemsPerPage {
  width: 175px;
}
.productFilters-itemsPerPage .optionsWrap {
  float: right;
}
.productFilters-itemsPerPage .optionsWrap select.form-control {
  padding: 6px 3px;
}
.productFilters-itemsPerPage label {
  float: left;
  padding-top: 7px;
}

#productSearch {
  height: 42px;
  padding-left: 30px;
}

.product-list {
  padding-top: 18px;
}

#searchField {
  display: inline-block;
  width: 100%;
  float: left;
  margin-right: 10px;
  position: relative;
  margin-top: 5px;
}
@media (min-width: 768px) {
  #searchField {
    width: 274px;
  }
}

#searchIcon {
  position: absolute;
  left: 5px;
  top: calc(50% - 0.8em);
}

.mocoListedItems ul {
  padding: 0;
  list-style: none;
}
.mocoListedItems ul li {
  position: relative;
  padding: 5px 30px;
}
.mocoListedItems ul li .material-icons {
  font-size: 16px;
  margin-right: 10px;
  color: #0058a4;
  position: absolute;
  top: 10px;
  left: 0;
}

@media (max-width: 575px) {
  .mocoJoinBtns .btn {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .mocoJoinBtns .btn {
    margin-left: 15px;
  }
}
.mocoJoinBtns .btn:first-child {
  margin-left: 0;
}
.mocoJoinBtns .btn *.btn-appStore,
.mocoJoinBtns .btn .btn-googlePlay {
  padding: 0 3px;
  height: 46px;
  background-color: #000;
}

.dropdown-account:hover .dropdown-menu {
  display: block;
}

#mocoMainContentWrap {
  min-height: 600px;
  background-color: transparent;
}
#mocoMainContentWrap #vueTopPromotionalContentArea img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .product-individual {
    /* smartphones, Android phones, landscape iPhone */
    padding-top: 40px !important;
  }
}

.heroImage img {
  width: 100%;
  max-width: 100%;
}

input.btn.product-qty-plus, input.btn.product-qty-minus {
  width: 35px !important;
}

div.dropdown-menu {
  margin-top: 0;
}
div.product-image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  text-align: center;
}
div.product-image > a, .reward-tab .description div.product-image > a {
  display: block;
}
div.product-image > a > img, .reward-tab .description div.product-image > a > img {
  width: 100%;
  min-height: 205px;
  cursor: pointer;
}
div.product-details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}
div.product-size, div.carton-pricing-size {
  font-size: 14px;
  color: #333;
  letter-spacing: -0.3px;
}
div.carton-pricing-size {
  color: #0058a4;
}
div.product-amount {
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #787878;
  margin-top: 2px;
  min-height: 32px;
}
div.product-column {
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 16px;
}
div.product-availability {
  color: #1fad4b;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.25px;
  margin-top: 2px;
}
div.search-column {
  margin-top: 4px;
}
div.product-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px 8px;
  padding-top: 6px;
  background-color: #F4F4F4;
  /*border-top: 1px solid $gray-220;*/
  border-radius: 0px 0px 6px 6px;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  div.product-purchase .product-total-cost .product-total-title {
    display: block;
  }
}
div.product-purchase .product-total-cost .total-cost {
  display: inline-block;
  min-width: 56px;
}
div.product-purchase .product-poos {
  display: none;
}
div.product-purchase.active {
  color: #fff;
  background-color: #37825e;
}
div.product-purchase.active .in-order {
  float: left;
  padding-top: 8px;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  div.product-purchase.active .in-order {
    padding-top: 24px;
  }
}
div.product-purchase.active .in-order .in-order-text {
  display: inline-block;
  padding-left: 0.25rem;
}
div.product-purchase.active .product-total-cost,
div.product-purchase.active .product-price-case {
  color: #fff;
}
div.product-purchase.active .product-total-cost .product-total-title {
  color: #fff;
}
div.product-purchase.poos {
  color: #fff;
  background-color: #ea6520;
}
div.product-purchase.poos .in-order,
div.product-purchase.poos .product-total {
  display: none;
}
div.product-purchase.poos .product-poos {
  display: block;
  text-align: center;
}
div.product-purchase.poos .product-poos .moco-icon {
  margin-right: 6px;
}
div.product-purchase.poos .product-poos .poos-text {
  vertical-align: middle;
}
div.product-image-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 325px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
div.product-image-bg div.product-brand {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  padding: 8px;
  color: #333;
  font-weight: bold;
}
div.product-image-bg .icon_storage_overlay {
  height: 24px;
  width: 72px;
  margin-left: 10px;
  margin-top: 10px;
}
div.details-title {
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
}
div.substitute-modal-overflow {
  height: calc(90% - 15px);
  overflow-y: auto;
}
div.image-wrapper {
  position: relative;
  width: 100%;
  text-align: center;
  bottom: -172px;
}
@media (max-width: 767px) {
  div.totalContainer .cart-total-values {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  div.fixed-bottom.totalContainer > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
div.product-item {
  border: 1px solid #e0dfdf;
  background-color: #fff;
  min-height: 300px !important;
  /* Out of stock specific styles */
}
div.product-item.out-of-stock {
  color: #807e80;
}
div.product-item.out-of-stock img {
  opacity: 0.4;
}
div.product-item.out-of-stock input {
  background: #fff;
  color: #807e80;
}
div.product-item.out-of-stock div.product-price-highlight {
  z-index: 1; /* Fix the z-index so the faded image doesn't cover the black outline of the circle */
}
div.product-item.out-of-stock div.product-add {
  padding-left: 0;
  padding-right: 0;
}
div.product-item.out-of-stock div.product-brand-text {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #787878;
}
div.product-item.out-of-stock button.btn-black {
  background-color: #aeaeae;
}
div.product-item.out-of-stock button.btn-black:hover {
  background-color: #aeaeae;
}
div.product-item.out-of-stock button.btn-black div.button-content {
  margin-top: -3px;
  line-height: 14px;
}
div.product-item.out-of-stock button.btn-black div.button-content span.sub-text {
  font-size: 12px;
}
div.product-item.out-of-stock .product-image .product-price-highlight {
  border-color: #807e80;
}
div.product-item.out-of-stock .product-title a {
  color: #807e80;
}
div.product-item.out-of-stock .storage-icons-wrapper img {
  opacity: 1;
}
div.product-item.out-of-stock .product-announcements {
  color: #333;
}
div.product-item.out-of-stock .product-dietary-tags .dietary-list .badge-moco {
  border-color: #807e80;
}
div.product-item.out-of-stock .product-total-title,
div.product-item.out-of-stock .product-total-cost,
div.product-item.out-of-stock .product-price-case,
div.product-item.out-of-stock .product-amount {
  color: #807e80;
}

.product-title {
  text-align: left;
  cursor: pointer;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #2C2C2B;
  margin-bottom: 10px;
}
.product-title > a, .reward-tab .description .product-title > a {
  color: #2C2C2B;
  max-width: calc(100% - 10px);
}
.product-title > a:hover {
  color: #2C2C2B;
  text-decoration: underline;
}

.product-announcements .jit-message {
  color: #333;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-announcements .product-out-of-stock {
  color: #ff3b2f;
  font-size: 14px;
}
.product-announcements .jit-message, .product-announcements .product-out-of-stock {
  font-weight: 600;
  padding-bottom: 5px;
}
.product-announcements .jit-message .moco-icon, .product-announcements .product-out-of-stock .moco-icon {
  margin-right: 3px;
  background-size: contain;
  height: 14px;
  margin-top: 3px;
}
.product-announcements .jit-message .single-announcement, .product-announcements .product-out-of-stock .single-announcement {
  display: inline-block;
}

.product-dietary-tags-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*height: 41px;
  padding-bottom: 25px;*/
  height: 32px;
  padding-bottom: 16px;
}
.product-dietary-tags-wrapper .product-dietary-tags {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 16px;
}
.product-dietary-tags-wrapper .product-dietary-tags.padded {
  padding: 0px 16px;
}
.product-dietary-tags-wrapper .product-dietary-tags .scroll-left, .product-dietary-tags-wrapper .product-dietary-tags .scroll-right {
  display: inline-block;
  position: absolute;
  left: -5px;
  top: -1px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  z-index: 1;
  background: #fff;
  cursor: pointer;
}
.product-dietary-tags-wrapper .product-dietary-tags .scroll-right {
  left: initial;
  right: -3px;
}
.product-dietary-tags-wrapper .product-dietary-tags .dietary-list {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s;
  transition: 1s;
}
.product-dietary-tags-wrapper .product-dietary-tags .dietary-list .badge-moco {
  margin-right: 6px;
}

.product-notify-me {
  font-size: 13px;
}
.product-notify-me > span {
  cursor: pointer;
}
.product-notify-me .pill {
  padding: 2px 10px;
  border-radius: 50rem;
}
.product-notify-me .button {
  padding: 6px 20px;
  border-radius: 8px;
}
.product-notify-me .moco-fonticon {
  font-size: 13px;
}
.product-notify-me--tile {
  margin-top: 8px;
  pointer-events: all;
}
.product-notify-me-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  border: 2px solid #0058a4;
  border-radius: 6px;
  background-color: #e9eef5;
}
.product-notify-me-dialog.on-product-tile {
  bottom: initial;
  font-weight: normal;
  color: #333;
  font-size: 14px;
  text-align: left;
}
.product-details-wrapper .product-notify-me-dialog {
  left: 15px;
  right: 15px;
}
.product-notify-me-dialog .notify-dialog-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.product-notify-me-checkbox input,
.product-notify-me-checkbox label {
  cursor: pointer;
}
.product-notify-me-checkbox input {
  accent-color: #0058a4;
}
.product-notify-me-checkbox > .dont-ask-label {
  font-weight: normal;
}
.product-notify-me-buttons {
  gap: 1rem;
}
.product-notify-me-buttons button {
  max-width: 140px;
}

.product-flex {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.product-price {
  padding: 12px;
}
.product-price > div:first-child, .product-price > div.product-price-single {
  border-left: 0px;
}

.price-details {
  display: inline-grid;
  grid-template-columns: auto auto;
  width: 100%;
}

.price-details-left {
  padding-right: 10px;
}

.product-padding-bottom {
  padding-bottom: 18px;
}

.display-tablecell {
  display: table-cell !important;
}

.first-product-price {
  border-bottom: 0.5px solid #DBDBDB;
}

.per-unit {
  padding: 10px 0;
  border-bottom: 0.5px solid #DBDBDB;
}

.product-price-dropdown .product-price {
  border-bottom: 0;
}

.product-carton-pricing-badge {
  background-color: #0058a4;
  color: #fff;
}

.product-price-single {
  padding-left: 0px;
  color: #c0c0c0;
  text-align: right;
  padding-right: 0px;
}

.product-price-single form {
  text-align: right;
}

.product-controls {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-bottom: 0;
  width: 100%;
  background: #FFFFFF;
  /* Elevation/01 dp */
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .product-controls { /* smartphones, Android phones, landscape iPhone */
    -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
            justify-content: initial !important;
  }
}

.estimated-prices {
  padding: 8px 22px 14px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #787878;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.padding-left5 {
  padding-left: 5px !important;
}

.padding-right5 {
  padding-right: 5px !important;
}

.font-color-blue {
  color: #0058a4;
}

div.cartQuantityControls {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.cartQuantityControls div.input-group {
  width: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div.cartQuantityControls.secondary {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
div.cartQuantityControls.secondary div.input-group {
  width: 100%;
}
div.cartQuantityControls.secondary div.input-group .input-group-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  margin-right: 5px;
  width: 14px;
}
div.cartQuantityControls.secondary div.input-group .input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 14px;
  margin-left: 5px;
}
div.cartQuantityControls.secondary div.input-group input.btn.product-qty-plus, div.cartQuantityControls.secondary div.input-group input.btn.product-qty-minus {
  width: 25px !important;
  height: 16px !important;
  border-radius: 0.25rem !important;
  padding: 0;
  background-color: transparent;
  font-weight: 400;
  font-size: 20px;
  line-height: 16px;
  color: #0058a4;
  border: none;
}
div.cartQuantityControls.secondary div.input-group input.btn.product-qty-plus.greyed-out, div.cartQuantityControls.secondary div.input-group input.btn.product-qty-minus.greyed-out {
  color: #c8c8c8;
}
.product-total {
  text-align: right;
  width: 100%;
}

.product-total-title {
  padding-top: 2px;
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #1e1e1e;
}

.product-total-cost {
  width: 100%;
  font-size: 20px;
  color: #1e1e1e;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-total-cost .total-cost {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.75px;
}

.product-total-amount {
  font-weight: normal;
  font-size: 12px;
  font-style: italic;
  display: block;
}

.product-add {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 992px) {
  .product-add {
    margin-top: 5px;
  }
}
.product-add > button {
  height: 35px;
  color: #fff;
  font-size: 14px;
  width: 110px;
}
.product-add > button:hover {
  background-color: #fff;
  color: #000;
}
.product-add > button .material-icons {
  vertical-align: middle;
}
.product-add .dropdown-menu {
  bottom: 105px;
  top: auto;
  padding: 8px;
  width: calc(100% - 16px);
  left: 8px;
  border-radius: 0px;
  border-bottom: 2px solid #f37432;
}
.product-add .dropdown-menu .orderConfirm,
.product-add .dropdown-menu .orderReject {
  border: 0;
  background: transparent;
  font-weight: bold;
  font-family: "proxima-nova", serif;
}
.product-add .dropdown-menu .orderConfirm {
  float: right;
  color: #f37432;
}
.product-add .dropdown-menu .orderReject {
  float: left;
}

/**floating Items **/
.product-status-container {
  position: absolute;
  margin-left: -9px;
  z-index: 1;
}

.product-top-line {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 4px;
}

.product-storage-area-icon {
  margin-left: 5px;
  font-size: 14px;
}

.product-last-ordered-icon {
  margin-right: 5px;
  font-size: 14px;
}

.product-code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: uppercase;
  color: #0058a4;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.25px;
}
.product-code--small {
  font-size: 11px;
}

.product-storage-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #787878;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-last-ordered {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #787878;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.product-status {
  position: relative;
  margin-bottom: 0.5em;
  color: #fff;
  background-color: #666;
  top: 10px;
  left: 9px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  padding: 3px 15px;
  width: 90px;
  text-align: center;
  letter-spacing: 0.7px;
}

.product-status-bubble {
  top: 75px;
}

.product-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  font-size: 16px;
}

.product-out-of-stock {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgba(33, 37, 41, 0.5);
}
.product-out-of-stock .single-announcement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-out-of-stock .view-substitutions {
  margin-top: 4px;
}
.product-out-of-stock a, .product-out-of-stock .reward-tab .description a, .reward-tab .description .product-out-of-stock a {
  color: #fff;
}
.product-out-of-stock a.modal-toggle {
  color: #0058a4 !important;
  font-weight: bold;
  background-color: #fff;
  border-radius: 10px;
  pointer-events: all;
  font-size: 14px;
  text-decoration: none !important;
  padding: 2px 8px;
}
.product-out-of-stock a.modal-toggle:hover {
  color: rgb(0, 60.6341463415, 113) !important;
}

.new-product-badge {
  position: absolute;
  width: 48px;
  height: 16px;
  right: 0;
  top: 12px;
  background: #719718;
  border-radius: 8px 0px 0px 8px;
  font-weight: 700;
  font-size: 10px;
  line-height: 12.18px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-brand {
  top: 18px;
  right: 9px;
  float: left;
  margin-top: -22px;
  padding-left: 12px;
}

.product-brand-name {
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin-top: 11px;
  margin-left: 12px;
}

.product-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 5px 0 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.product-badge .moco-fonticon {
  font-weight: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 2px;
  font-size: 14px;
  width: 14.41px;
  height: 16px;
}
.product-badge.green {
  color: #1fad4b;
}
.product-badge.red {
  color: #ff3b2f;
}
.product-badge.gold {
  color: #ea9643;
}
.product-badge.blue {
  color: #0058a4;
}

.status-new {
  background-color: #719718;
}

.status-special {
  background-color: #de263c;
}

.status-rewards {
  background-color: #d57245;
}

.status-points {
  background-color: #d57245;
  text-transform: lowercase;
}

.rewards-strip {
  height: 18px;
  background-color: rgba(213, 114, 69, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #C04E36;
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.4px;
  border-left: 2px solid #C04E36;
  padding-left: 8px;
  padding-right: 10px;
}
.rewards-strip .moco-fonticon {
  font-size: 14px;
  margin-right: 5px;
}

.special-text {
  color: #de263c;
}

.carton-pricing-text {
  color: #0058a4 !important;
  background-color: #E9EEF5;
}

.product-favourite {
  height: 24px;
  width: 24px;
  top: 8px;
  left: 8px;
  background-color: #fff;
  opacity: 0.8;
  color: #ddd;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 1;
}
.carousel .product-favourite {
  height: 40px;
  width: 40px;
}
.product-favourite-selected {
  opacity: 1;
}
.product-favourite > span {
  font-size: 18px;
  margin-top: 2px;
}
.carousel .product-favourite > span {
  font-size: 26px;
  margin-top: 0;
}

/* Toasts */
.b-toast {
  display: block;
  position: relative;
  max-width: 450px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-clip: padding-box;
  z-index: 1;
  border-radius: 0.25rem;
}
.b-toast .toast-header {
  height: 0;
  padding: 0;
  border: none;
}
.b-toast .toast-body {
  padding: 0;
}
.b-toast .toast-body > div {
  min-height: 58px;
}
.b-toast .close {
  position: absolute;
  right: 12px;
  top: calc(50% - 11px);
  color: #fff;
  font-weight: inherit;
}
.b-toast .toast {
  opacity: 1;
}
.b-toast .toast.on-tile {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
}
@media (min-width: 768px) {
  .b-toast .toast.on-tile {
    left: 119px;
    right: -119px;
  }
}
@media (min-width: 992px) {
  .b-toast .toast.on-tile {
    left: 159px;
    right: -159px;
  }
}
@media (min-width: 1200px) {
  .b-toast .toast.on-tile {
    left: 141px;
    right: -141px;
  }
}
.b-toast .toast.fade:not(.show) {
  opacity: 0;
}

.b-toaster {
  position: fixed;
  bottom: 4rem;
  left: 0.5rem;
  right: 0.5rem;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
  z-index: 1100;
}
.b-toaster.cart-toaster, .b-toaster.cart-action-toaster, .b-toaster.checkout-toaster {
  bottom: 0.5rem;
}
.b-toaster.cart-toaster .b-toast, .b-toaster.cart-action-toaster .b-toast, .b-toaster.checkout-toaster .b-toast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-toaster.cart-toaster .toast, .b-toaster.cart-action-toaster .toast, .b-toaster.checkout-toaster .toast {
  max-width: 100%;
  min-width: 350px;
}

.b-toaster-slot {
  display: block;
  margin: 0 auto;
  position: absolute;
  max-width: 350px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  padding: 0;
}

/**price**/
.product-price-total {
  font-weight: bold;
  font-family: "Arial Narrow", sans-serif;
  display: table;
  margin: 0 auto;
}
.product-price-total > div {
  display: table-cell;
  vertical-align: top;
  height: 45px;
}

.product-price-highlight {
  position: absolute;
  top: -15px;
  left: -14px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #333;
  background-color: #fff;
  font-size: 14px;
  padding-top: 20px;
}

.product-price-highlight-substitution {
  position: absolute;
  top: -20px;
  left: -5px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #333;
  background-color: #fff;
  font-size: 14px;
  padding-top: 20px;
}

.product-price-special .product-price-case {
  color: #de263c;
}
.product-price-special .product-price-per-unit {
  color: #de263c;
}

.special-price {
  color: #de263c;
  font-weight: 600;
}

.product-price-case {
  font-weight: bold;
  display: inline;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.product-price-case.random-weight-pricing {
  font-size: 14px;
}

.product-price-per-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product-price-special-line-through {
  position: absolute;
  top: 9px;
  left: 12px;
  text-decoration: line-through;
  font-size: 12px;
  color: #1c1b19;
}

.product-price-individual {
  text-align: center;
  margin-top: -18px;
  font-family: "Arial Narrow", sans-serif;
}

.mocoSuperindexed {
  font-size: 1em;
  padding-top: 0.4em;
}

.mocoEmphasis {
  font-size: 1.78em;
}

.product-favourite-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  padding: 0 10px;
  width: 100%;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.8);
}
.product-favourite-container .storage-icons-wrapper {
  float: left;
  line-height: 28px;
  margin-right: 8px;
}

.product-favourite-icon {
  width: 100%;
  text-align: right;
  padding-right: 5px;
}

/*  product notifications */
.productAnnouncements {
  position: absolute;
  top: calc(100% - 75px);
  width: calc(100% - 16px);
  padding: 2px 10px;
  height: 60px;
  overflow: hidden;
}

.product-brand-text {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #787878;
  margin-bottom: 2px;
}

.singleAnnouncement-icon {
  vertical-align: middle;
  color: #e14927;
}

.singleAnnouncement-msg {
  vertical-align: middle;
  font-weight: bold;
}

.width110 {
  width: 110px !important;
}

.table-listing {
  width: 100%;
  background-color: #fff;
  padding: 10px;
}
.table-listing .order-history-table {
  width: 100%;
}
.table-listing .order-history-table tr {
  border: 1px solid #f5f5f5;
}
.table-listing .order-history-table tr.section-header {
  background-color: #9b9b9b;
  color: #fff;
  font-weight: normal;
}
.table-listing .order-history-table tr.section-header .item-details {
  width: 55%;
}
.table-listing .order-history-table tr.section-header .item-quantity {
  width: 45%;
}
.table-listing .order-history-table tr.item-section-header {
  background-color: #f5f5f5;
}
.table-listing .order-history-table tr.order-item td img {
  width: 96px;
}
.table-listing .order-history-table tr.order-item .item-product-size {
  font-weight: bold;
}
.table-listing .order-history-table tr.order-item .item-product-order-date {
  font-size: 12px;
  color: #807e80;
}
.table-listing .order-history-table tr > td:nth-child(-n+2) {
  border-left: none;
  border-right: none;
}
.table-listing .order-history-table tr th {
  font-weight: bold;
}
.table-listing .order-history-table th {
  border-left: none;
  border-right: none;
}

.item-product-order-date {
  color: #807e80;
}

.history-display-name {
  font-size: 16px;
  font-weight: bold;
}

.mocoBackLink {
  font-size: 16px;
  font-weight: bold;
}
.mocoBackLink a, .mocoBackLink .reward-tab .description a, .reward-tab .description .mocoBackLink a,
.mocoBackLink .material-icons {
  vertical-align: middle;
}

.mocoWhitePage {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 50px;
}
.mocoWhitePage > div[class*=col-] {
  margin-bottom: 20px;
}

.singleItemDetails h1 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
}
.singleItemDetails .product-add .btn,
.singleItemDetails .totalContainer .btn {
  min-width: 105px;
}
.singleItemDetails .product-total-title {
  font-size: 16px;
}
.singleItemDetails .product-total-cost {
  font-size: 18px;
}

#productCarousel {
  margin-bottom: 42px;
}
#productCarousel .carousel-inner > .carousel-item > a > img,
#productCarousel .carousel-inner > .carousel-item > img,
#productCarousel .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
#productCarousel .carousel-item img {
  width: 100%;
}

.carousel-indicators {
  bottom: auto;
  top: 100%;
  margin: 0;
  padding-bottom: 14px;
  padding-top: 14px;
  border-radius: 0px 0px 6px 6px;
}
.carousel-indicators li {
  margin-right: 6px;
  margin-left: 6px;
  height: 12px;
  width: 12px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #0058a4;
  background-clip: initial;
}
.carousel-indicators li.active {
  background-color: #0058a4;
}

.favouriteAddBar {
  background-color: rgba(255, 255, 255, 0.74);
  position: absolute;
  bottom: 0px;
  height: 36px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.favouriteAddBar > .addToList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.favouriteAddBar div:first-child {
  padding-left: 1em;
}
.favouriteAddBar div:last-child {
  padding-right: 0.5em;
}
.favouriteAddBar .divCell {
  vertical-align: middle;
}

.singleItemDetails .product-price-single form {
  text-align: right;
}

.addToList i {
  margin: 2px;
}

.addToListLink {
  color: #58595b !important;
  cursor: pointer;
}

.tabbedInfo .tab-pane {
  padding: 30px 20px;
  border: 1px solid #ddd;
  border-top: 0px;
}

.addBar-iconWrap {
  width: 30px;
  height: 30px;
}

.addBar-text {
  font-size: 12px;
  font-weight: bold;
}

.tabbedInfo {
  margin-top: 50px;
}

.form-group > label {
  font-weight: normal;
}

.login-background {
  background-color: #0058a4;
  background-position-y: bottom;
  background-position-x: right;
  background-repeat: no-repeat;
  text-align: center;
  height: 100vh;
}
@media (max-width: 767px) {
  .login-background {
    display: none;
  }
}

.login-content {
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  height: 100vh;
}

.login-spacer {
  height: 100vh;
  background-color: #fff;
}
@media (max-width: 767px) {
  .login-spacer {
    display: none;
  }
}

.login-container {
  color: #333;
}

#mobile-logo {
  float: left;
  margin-top: 30px;
  width: 150px;
}

.login-register {
  text-align: right;
  padding-top: 40px;
  padding-bottom: 10px;
}

.login-title {
  font-size: 30px;
  padding-bottom: 15px;
  padding-top: 50px;
  line-height: 38px;
}
@media (max-width: 767px) {
  .login-title {
    padding-top: 45px;
  }
}

.login-instructions {
  font-size: 16px;
  padding-bottom: 40px;
}

.login-form > .form-group {
  margin-bottom: 20px;
}
.login-form > .form-group > label {
  padding-bottom: 5px;
}
.login-form.input-group-prepend {
  background-color: unset;
  -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.075);
          box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.075);
  height: 51px;
  padding: 14px 12px;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.login-form.input-group-prepend.envelope img {
  height: 15px;
  margin-top: 3px;
}
.login-form input[type=text] {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075), 0 0 8px rgba(128, 189, 255, 0.6);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075), 0 0 8px rgba(128, 189, 255, 0.6);
}
.form-control.qty {
  width: 39px !important;
  height: 34px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0.364px;
  border: none;
  color: #C8C8C8;
  -webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px !important;
}
.form-control.qty.active {
  border: 0;
  color: #333;
}

.mocoLoginTextField {
  height: 51px;
}

.login-background img {
  padding-top: 120px;
  width: 100%;
  max-width: 300px;
}

.login-button {
  border-radius: 3px;
  background-color: #0058a4;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  border-color: #0058a4;
}
.login-button:hover {
  color: #0058a4;
  background-color: #fff;
  border-color: #0058a4;
}

.login-forgotpassword {
  text-align: center;
  font-size: 12px;
  margin-bottom: 1rem;
}

.login-rememberMe-and-forgot-pw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .login-rememberMe-and-forgot-pw {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .login-rememberMe-and-forgot-pw {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.login-rememberme-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login-rememberme-container .toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-rememberme-container .toggler label {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .login-rememberme-container {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .login-rememberme-container {
    margin-bottom: 1rem;
  }
}

.login-rememberme {
  margin-top: 7px;
  margin-right: 10px;
}

.login-backlink {
  font-size: 12px;
}

.back-chevron {
  margin-top: -2px;
  width: 14px;
  height: 14px;
  margin-right: 1px;
}

.toggler {
  width: 50px;
}
.toggler input {
  display: none;
}
.toggler label {
  display: block;
  position: relative;
  width: 50px;
  height: 31px;
  border: 1px solid #e0dfdf;
  border-radius: 58px;
  background: #f2f2f2;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.toggler label::after {
  display: block;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #e0dfdf;
  content: "";
  -webkit-animation-name: toggler-size;
  animation-name: toggler-size;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.toggler label::after,
.toggler label .toggler-on,
.toggler label .toggler-off {
  position: absolute;
  top: 50%;
  left: 29%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transition: left 0.15s ease-in-out, background-color 0.2s ease-out, width 0.15s ease-in-out, height 0.15s ease-in-out, opacity 0.15s ease-in-out, border-color 0.2s ease-out;
  transition: left 0.15s ease-in-out, background-color 0.2s ease-out, width 0.15s ease-in-out, height 0.15s ease-in-out, opacity 0.15s ease-in-out, border-color 0.2s ease-out;
}
.toggler input:checked + label::after,
.toggler input:checked + label .toggler-on,
.toggler input:checked + label .toggler-off {
  left: 70%;
}
.toggler input:checked + label {
  background-color: #0058a4;
  border: 1px solid #0058a4;
}
.toggler input:checked + label::after {
  background-color: #fff;
  -webkit-animation-name: toggler-size2;
  animation-name: toggler-size2;
  border: 1px solid #0058a4;
}
.toggler .toggler-on,
.toggler .toggler-off {
  opacity: 1;
  z-index: 2;
}
.toggler input:checked + label .toggler-off,
.toggler input:not(:checked) + label .toggler-on {
  width: 0;
  height: 0;
  opacity: 0;
}
.toggler .path {
  fill: none;
  stroke: #0058a4;
  stroke-width: 7px;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.punchout-banner {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #62bacf;
  text-align: center;
  color: white;
}

.notification-container > p {
  margin-bottom: 0;
}
.notification-container a, .notification-container .reward-tab .description a, .reward-tab .description .notification-container a {
  color: white;
  text-decoration: underline;
}

.path.line {
  stroke: #484848;
}

.material-icons.md-14 {
  font-size: 14px;
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-20 {
  font-size: 20px;
}
.material-icons .md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}

/*******************
      FOOTER
*******************/
#mainFooter {
  height: 185px;
  margin-top: 150px;
  background-color: #0058a4;
}

/*******************
GENERAL MEDIA QUERIES
*******************/
@media (min-width: 768px) {
  .mobile-element {
    display: none;
  }
}
@media (max-width: 767px) {
  .mobile-element {
    display: block;
  }
}

@media (max-width: 480px) {
  .col-xxs-12 {
    width: 100%;
  }
}

.modal-content-full-height {
  height: 100% !important;
}

.modal.lef .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 515px;
  max-width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.lef .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: hidden;
  padding-bottom: 32px;
}
.modal.lef .modal-content .scroll-content,
.modal.right .modal-content .scroll-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal.lef .modal-content .scroll-content::-webkit-scrollbar,
.modal.right .modal-content .scroll-content::-webkit-scrollbar {
  width: 5px;
}
.modal.lef .modal-content .scroll-content::-webkit-scrollbar-thumb,
.modal.right .modal-content .scroll-content::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #c0c0c0;
}
.modal.lef .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 40px;
}

/* cart modal info banners */
.cart-info-banner {
  border: 2px solid transparent;
}
.cart-info-banner.warning {
  background-color: #fef8f2;
  border-color: #ea9643;
}
.cart-info-banner.error {
  background-color: #fff5f5;
  border-color: #c53131;
}
.cart-info-banner.success {
  background-color: #ebf3ef;
  border-color: #37825e;
}

.info-banner-message {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.info-banner-message .material-icons {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.info-alert {
  background-color: #fee8d5;
}
.info-alert .material-icons {
  color: #f37432;
}

.cart-info-banner .divCell {
  vertical-align: middle;
  padding: 0 15px;
}
.cart-info-banner .divCell.mocoIconCell {
  width: 20px;
  padding: 0;
}

/*Left*/
.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
  left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal-content {
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.modal-header .terms-and-conditions-header {
  border-bottom-color: #eee;
  background-color: #0058a4;
  margin: 1px;
}
.modal-header .terms-and-conditions-header .close {
  outline: 0;
}

.terms-and-conditions-header {
  background-color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.terms-and-conditions-body {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 50px;
  padding-top: 30px;
  width: 472px;
}

.mocopay-header {
  background-color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.mocopay-dialog {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 50px;
  padding-top: 30px;
  max-width: 720px;
}
.mocopay-dialog--bpoint {
  max-width: 770px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .mocopay-dialog--bpoint .bpoint-page__grey-rectangle {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 24px;
    padding-bottom: 28px;
  }
  .mocopay-dialog--bpoint .bpoint-page {
    padding-left: 0;
    padding-right: 0;
  }
  .mocopay-dialog--bpoint .bpoint-page__payment-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mocopay-dialog--bpoint .bpoint-page__payment-types {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mocopay-dialog--bpoint #cardForm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mocopay-dialog--bpoint .card-form-dimensions {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mocopay-dialog--bpoint .bpoint-carddiv-form-dimensions {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .mocopay-dialog--bpoint .bpoint-page__header-img-bpoint-logo {
    width: 160px;
  }
}

.card-form-dimensions {
  max-width: 422px;
  margin: auto;
}

.bpoint-container-dimensions {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .bpoint-carddiv-form-dimensions {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.mocopay-timer {
  font-size: 14px;
  line-height: 22px;
}

.modal-close {
  float: left;
  margin-bottom: -11px;
  margin-left: 8px;
  opacity: 1;
}

.modal-close-icon {
  font-size: 18px;
  color: #fff;
}

.modal-cancel {
  font-size: 18px;
}

.vertical-align-middle {
  vertical-align: middle;
}

.event-icon {
  font-size: 28px;
}

.delivery-date {
  position: absolute;
  font-size: 12px;
  margin-left: 6px;
}

.cart-delivery-date {
  position: absolute;
  left: 49px;
  top: 12px;
  font-size: 12px;
}

.cart-customer-title {
  color: #fff;
  font-size: 22px;
  height: 100%;
}

.cart-change {
  color: #fff;
  float: right;
}

.cart-header-column {
  margin-left: -8px;
  margin-top: 14px;
}

.cart-change-dropdown-button {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.cart-change-dropdown-button:hover {
  display: inline;
  border: none;
  padding: 0;
  background: none;
  color: #fff;
}

.cart-change-dropdown {
  padding: 29px;
  left: -144px;
  min-width: 220px;
}

.cart-change-listing {
  margin: 7px;
}

.cart-change-radio-btn {
  margin-left: 11px;
  margin: 12px;
}

.cart-product-title {
  font-weight: bold;
}

.cart-product-title-price {
  font-size: 12px;
  white-space: nowrap;
  text-align: right;
}

.out-of-stock-product-title-price {
  white-space: nowrap;
  text-align: right;
}

.cart-product-column {
  border-bottom: 1px solid #e0dfdf;
}

.cart-product-brand {
  font-size: 12px;
}

.cart-qty-button {
  height: 28px;
  width: 28px;
}

.cart-product-price-single {
  position: absolute;
  top: 39px;
  right: -10px;
}

.cart-price-case-price-only {
  top: 16px;
}

.cart-product-quantity-price {
  margin-top: 17px;
  padding-bottom: 24px;
}

.cart-empty {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.cart-product-price-single-top {
  right: -10px;
  position: absolute;
  top: -7px;
}

.cart-size, .carton-pricing-cart-size {
  font-size: 12px;
  color: #333;
  margin-bottom: 10px;
}

.carton-pricing-cart-size {
  color: #0058a4;
  margin-bottom: 0px;
}

.cart-modal-dialog {
  width: 370px;
}
.cart-modal-dialog form.cartQuantityControls div.input-group {
  width: auto;
}
.cart-modal-dialog form.cartQuantityControls div.input-group .form-control.qty {
  width: 40px !important;
}

.cart-header-column-right {
  float: right;
}

.remove-product-button-icon {
  margin-left: 0px;
  padding-left: 32px;
  font-size: 15px;
}

.product-category {
  display: inline-block;
  background-color: #e6e4e4;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 9px;
}

.product-category-row {
  border-bottom: 1px solid #e0dfdf;
  margin-top: 25px;
}

.product-category-all-rows {
  margin-top: 15px;
}

.cart-total-row {
  margin-top: 2px;
}

.cart-price-amount {
  font-size: 16px;
  font-weight: bold;
}

.cart-price-notice {
  font-size: 12px;
  color: #787878;
}

.product-checkout-button {
  background-color: #f37432;
  border-radius: 3px;
  border: none;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  width: 110px;
}

.cart-remove-items {
  color: #333;
}

.cart-price {
  margin-top: 0.5em;
}

.cart-date-change-drop-down {
  float: right;
}
.cart-date-change-drop-down button {
  font-size: 14px !important;
  padding: 4px 18px !important;
  border: 1px solid #fff !important;
  border-radius: 3px;
  font-size: 14px !important;
  text-decoration: none;
}
.cart-date-change-drop-down button:active, .cart-date-change-drop-down button:focus {
  color: #fff !important;
}
.cart-date-change-drop-down span.caret {
  margin-left: 8px;
}

.cart-pack-column {
  margin-top: -3px;
}

.cart-carton-column {
  margin-top: -3px;
}

.cart-header-column-margin {
  margin-right: -21px;
}

.no-top-padding {
  padding-top: 0px !important;
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #f37432;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  margin-left: 148px;
}

.cartTotalContainer {
  height: 80px;
  background-color: #f3f4f5;
  z-index: 10;
  width: 100%;
  margin: 0;
}

.totalWrap {
  position: relative;
  height: 100%;
}

.totalContainer {
  height: 80px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding: 10px 15px;
  z-index: 1031;
  -webkit-box-shadow: 0px -4px 23px 0px rgba(178, 178, 178, 0.5);
          box-shadow: 0px -4px 23px 0px rgba(178, 178, 178, 0.5);
}
.totalContainer .divCell {
  vertical-align: middle;
}

.registrationContainer {
  height: 80px;
  background-color: #0058a4;
  padding: 20px 15px;
  z-index: 1030;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .registrationContainer {
    font-size: 14px;
    padding: 10px 15px;
  }
}
.registrationContainer .divCell {
  vertical-align: middle;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #0058a4;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkmark.disabled {
  border: 1px solid #ccc;
  background-color: #fff;
}

.radio-button-container {
  display: block;
  position: relative;
  padding-left: 33px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  line-height: 25px;
  /* override the Bootstrap label bold */
  /* On mouse-over, add a grey background color */
  /* Hide the browser's default radio button */
  /* Style the indicator (dot/circle) */
}
.radio-button-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.radio-button-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  /* When the radio button is checked, add a blue background */
  /* Show the indicator (dot/circle) when checked */
}
.radio-button-container input:checked ~ .checkmark {
  background-color: #fff;
}
.radio-button-container input:checked ~ .checkmark:after {
  display: block;
}
.radio-button-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 15.5px;
  height: 15.5px;
  border-radius: 50%;
  background: #0058a4;
}
.cart-modal-dialog .radio-button-container .checkmark:after {
  top: 3.9px;
  left: 3.9px;
}

.highlight {
  font-weight: bold;
}

.stock-notification {
  text-transform: uppercase;
  color: #e14927;
}

.stock-warning {
  padding-bottom: 8px;
  color: #807e80;
}

.panel-heading {
  padding: 10px 15px;
}
.panel-heading .accordion-toggle {
  cursor: pointer;
}
.panel-heading .accordion-toggle i.fas {
  float: right;
  padding-top: 4px;
}
.panel-heading .accordion-toggle.collapsed i.fas.fa-angle-down::before {
  content: "\f105";
}

.out-of-stock-row {
  margin-top: 10px;
}

.out-of-stock-item {
  padding-top: 4px;
  border-bottom: 1px solid #e0dfdf;
}

.no-border {
  border: none !important;
}

.no-background {
  background: none !important;
}

.no-padding {
  padding: 0px !important;
}

.substitution-row {
  margin-bottom: -11px;
}

.available-item-row {
  float: right;
  margin-right: 0px;
  margin-top: -33px;
  color: #719718;
}

.available-item-broken-case-row {
  margin-top: -10px;
}

.substitution-column {
  border: 1px solid #e0dfdf;
  font-size: 12px;
  min-height: 215px;
  text-align: left;
  width: 126px;
  margin: 0 5px;
}

.substitution-brand-row {
  margin-top: 10px;
}

.substitution-price {
  color: #1e1e1e;
}

.no-substitution-row {
  margin-top: 10px;
  padding-left: 0;
  margin-bottom: 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.carousel-width {
  width: 1200px;
}

.width145 {
  width: 145px !important;
}

#checkoutContainer {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 992px) {
  #mobileDelivery {
    margin-right: 1.5em;
    margin-bottom: 1em;
  }
}

#checkoutHeader {
  padding-bottom: 0.5em;
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin-top: 50px;
}

#reviewHeader {
  color: #333;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 1.5em;
  font-size: 16px;
  font-weight: 300;
}

.subHeaderWithUnderline {
  color: #333;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 1.5em;
  font-size: 16px;
  font-weight: 300;
  margin-top: 1.5em;
}

.deliveryOption {
  font-size: 16px;
}

.checkoutProductRow {
  padding-top: 1em;
  padding-bottom: 1em;
}
.checkoutProductRow .productTitle {
  font-weight: bold;
  padding-bottom: 0.5em;
}
.checkoutProductRow.specialRow {
  border-left: solid 4px #de263c;
}
.checkoutProductRow.specialRow .productPrice {
  color: #de263c;
}
.checkoutProductRow .uomPriceSpecial,
.checkoutProductRow .uomPrice {
  font-weight: bold;
  margin-left: 0.5em;
}
.checkoutProductRow .uomPriceSpecial {
  color: #de263c;
}
.checkoutProductRow .cartQuantityControls {
  display: inline-block;
  margin-left: 1em;
}
.checkoutProductRow .optionRow {
  margin-bottom: 1em;
}
.checkoutProductRow .productCode,
.checkoutProductRow .productVendor {
  font-size: 12px;
}
.checkoutProductRow .productPrice {
  font-size: 12px;
}
.checkoutProductRow .productRemove {
  font-size: 36px;
  line-height: 14px;
  padding-left: 1em;
}

.cartQuantityControls .input-group {
  width: 4em;
}

.vPipe {
  color: #c0c0c0;
  padding: 0 5px;
}

.productBreak {
  border-bottom: 1px solid #e6e4e4;
}

.productBreak + .productCategoryHeader {
  padding-top: 2em;
}

.productCategoryHeader {
  padding-bottom: 7px;
  margin-top: 16px;
}

#mobileCheckoutFooter {
  border-top: 1px solid #e6e4e4;
  background: #fff;
  padding: 2em;
  padding-bottom: 0.5em;
}

.checkoutGST {
  font-size: 10px;
}

.checkoutPrice {
  font-weight: bold;
}

#mobileCheckoutButtonInfo {
  font-size: 12px;
}

.checkoutProgress {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.checkoutProgress.done {
  color: #719718;
}

#checkoutMobileProgressHeader {
  background: #fff;
  border-bottom: 1px solid #e6e4e4;
}
#checkoutMobileProgressHeader .text-center {
  margin-top: 1em;
}

.delivery-display-detail {
  margin-bottom: 8px;
  margin-top: -4px;
  padding-left: 33px;
}

.paymentoptionline {
  padding-left: 10px;
}

.deliveryOption {
  margin-bottom: 1em;
}

.chosenDeliveryDate {
  font-weight: bold;
}

.orderTotal {
  margin-top: 8px;
}

.basicText {
  font-weight: normal;
  font-size: 13px;
}

.datesDropdownMenu {
  width: 12rem;
  padding: 1rem;
}
@media (min-width: 768px) {
  .datesDropdownMenu {
    width: 20rem;
  }
}
.datesDropdownMenu .dateDropdownItem {
  padding: 0.5em;
  white-space: nowrap;
  padding-left: 1em;
}
@media (max-width: 767.98px) {
  .datesDropdownMenu .dateDropdownItem div.checkbox {
    margin-left: 6px;
    margin-right: 0px;
    margin-top: 0px;
  }
}

.dateDropdownLink {
  color: #f37432 !important;
  text-decoration: underline;
}

.flexVertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cardChoice {
  font-size: 12px;
  background-color: #fff;
  color: #888;
}
.cardChoice.active {
  border-color: #333;
  color: #333;
}

.inlineIcon {
  padding-left: 0.25em;
  padding-right: 0.25em;
  width: 50px;
}

.inlineSmallIcon {
  margin-left: -9px;
  margin-top: -5px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  width: 35px;
}

.paymentProviderInfo {
  color: #9b9b9b;
  font-size: 12px;
}
.paymentProviderInfo img {
  width: 40px;
  padding: 1em 0;
}

.col-xs-8.paymentProviderInfo {
  margin-top: 20px;
}

.productImage {
  width: 100%;
}

#registrationProgressBreadCrumbs {
  border: 0;
  margin-bottom: 0;
}
#registrationProgressBreadCrumbs .text-center {
  margin-top: 1em;
}

.white-bg {
  background: #fff;
}

.registration .row {
  margin-bottom: 1em;
}

.prev-button {
  position: absolute;
  top: 85px;
  left: -42px;
}

.next-button {
  position: absolute;
  top: 85px;
  right: -13px;
}

.thin-text {
  font-family: "Roboto Condensed", sans-serif;
}

div#substitutionsCarousel,
div.substitutions-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 27px;
}

#substitutionsCarousel .modal-close-icon,
.substitutions-carousel .modal-close-icon {
  color: #333;
  font-size: 24px;
  padding: 4px;
}

.availability {
  color: #00904b;
}

#productInfo {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#itemDescription {
  padding-bottom: 1em;
}

div.validation-error {
  color: #ff0000;
  margin-bottom: 5px;
}

.no-left-right-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.panel-group > div:not(:first-child):not(:last-child) {
  border-top: 1px solid #dedddd;
  border-bottom: 1px solid #dedddd;
}
.panel-group > div:first-child {
  border-top: 1px solid #dedddd;
}
.panel-group > div:last-child {
  border-bottom: 1px solid #dedddd;
}

.paddingbottom80 {
  padding-bottom: 80px !important;
}

.marginTop10 {
  margin-top: 10px;
}

.position-top8 {
  top: 8px !important;
}

.cutoff-warning {
  margin-top: 1em;
}

.no-bottom {
  bottom: 0 !important;
}

.order-history-table .no-bottom-padding {
  padding-bottom: 0 !important;
}
.order-history-table .product-price {
  margin-bottom: 0 !important;
}

.load-bar {
  position: relative;
}
.load-bar.full-width {
  margin-left: -15px;
  width: calc(100% + 30px);
}
.load-bar .bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 8px;
  left: 50%;
  text-align: center;
}
.load-bar .bar:nth-child(1) {
  background-color: #da4733;
  -webkit-animation: loading 3s linear infinite;
          animation: loading 3s linear infinite;
}
.load-bar .bar:nth-child(2) {
  background-color: #3b78e7;
  -webkit-animation: loading 3s linear 1s infinite;
          animation: loading 3s linear 1s infinite;
}
.load-bar .bar:nth-child(3) {
  background-color: #fdba2c;
  -webkit-animation: loading 3s linear 2s infinite;
          animation: loading 3s linear 2s infinite;
}
.load-bar--checkout {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}

.titleCase {
  text-transform: capitalize;
}

.disabled {
  cursor: not-allowed;
  background-color: grey;
}

.itemAddedContainer {
  position: fixed;
  text-align: center;
  bottom: 88px;
  display: block;
  left: 0;
  background-color: #e0f3ea;
  padding-bottom: 10px;
  padding-top: 10px;
  z-index: 2000;
}

.itemadded-tick {
  color: #719718;
  vertical-align: middle;
  font-weight: bold;
  font-size: 27px;
}

.itemadded-close {
  position: absolute;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  top: 5px;
  right: 0px;
}

.itemadded-col-padding {
  padding-right: 45px;
}

.order-list-header {
  font-size: 16px;
  font-weight: bold;
  padding: 0.5rem 1.25rem;
}

.category-items-wrapper {
  display: grid;
  gap: 1.5rem;
  margin: 1.5rem 0;
  grid-template-columns: 1fr;
}

.products-wrapper,
.list-actions {
  display: grid;
  gap: 1.5rem;
  margin: 1.5rem 0;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .products-wrapper,
  .list-actions {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .products-wrapper,
  .list-actions {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.product-wrapper {
  overflow: hidden;
  min-height: 203px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.product-wrapper.isDisabled {
  border: 2px solid #c53131;
}
.product-wrapper.isWarning {
  border: 2px solid #c04e36;
}
.product-wrapper .product-info {
  width: 100%;
}
.product-wrapper .remove-product {
  position: absolute;
  top: -4px;
  right: 0;
  color: #c0c0c0;
  cursor: pointer;
  font-size: 18px;
}
.product-wrapper .product-actions {
  gap: 8px;
}
.product-wrapper .product-actions button {
  min-width: 135px;
}

.product-thumb-wrapper {
  width: 40%;
}
.product-thumb-wrapper .oos-sub-text {
  font-weight: initial;
  font-size: 10px;
}

.product-thumb {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 576px) {
  .order-list {
    padding: 0 15px;
  }
}
.order-list .option-row {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.5em;
}
.order-list .option-row:last-child {
  border-bottom: none;
}
.order-list .option-row .option-text {
  margin-top: 0.5em;
}
.order-list .list-actions {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-list .list-actions .form-control {
  border-radius: 8px;
  height: 34px;
}
.order-list .list-actions.cart-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: end !important;
}
.order-list .list-action-buttons {
  gap: 8px;
}
@media (min-width: 1200px) {
  .order-list .list-action-buttons {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.order-list .product-disabled button,
.order-list .product-disabled .button {
  min-width: 135px;
}

.order-history-row {
  padding-top: 8px;
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .order-history-row {
    padding-top: 16px;
  }
}
@media (min-width: 992px) {
  .order-history-row {
    padding-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.order-history-row .orders-page-section-links {
  padding: 0;
  margin: 0;
}
.order-history-row .orders-page-section-link {
  display: none;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  cursor: pointer;
  margin-top: -2px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .order-history-row .orders-page-section-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.order-history-row .orders-page-section-link:hover {
  color: #0058a4;
}
.order-history-row .orders-page-section-link--active {
  color: #0058a4;
  font-weight: 700;
}

.order-history-row .date-range-from .vdp-datepicker__calendar,
#OrderFiltersModal .date-range-from .vdp-datepicker__calendar {
  left: 0;
  bottom: 32px;
}
.order-history-row .date-range-to .vdp-datepicker__calendar,
#OrderFiltersModal .date-range-to .vdp-datepicker__calendar {
  right: 0;
  bottom: 32px;
}
.order-history-row .orders-filters,
#OrderFiltersModal .orders-filters {
  margin-top: 114px;
}
.order-history-row .orders-filters__filter-by-row,
#OrderFiltersModal .orders-filters__filter-by-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}
.order-history-row .orders-filters__filter-by,
#OrderFiltersModal .orders-filters__filter-by {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0px;
  color: #0058a4;
}
.order-history-row .orders-filters .clear-filter-btn-img,
#OrderFiltersModal .orders-filters .clear-filter-btn-img {
  margin-right: 4px;
}
.order-history-row .orders-filters .clear-filter-btn,
#OrderFiltersModal .orders-filters .clear-filter-btn {
  margin-top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.order-history-row .orders-filters .clear-filter-btn:hover .clear-filter-btn-img,
#OrderFiltersModal .orders-filters .clear-filter-btn:hover .clear-filter-btn-img {
  content: url("/static/img/trash-white.svg");
}
.order-history-row .orders-filters__inputs,
#OrderFiltersModal .orders-filters__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.order-history-row .orders-filters__input-group,
#OrderFiltersModal .orders-filters__input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 3px);
  margin-bottom: 12px;
  position: relative;
}
.order-history-row .orders-filters__input-group--full-width,
#OrderFiltersModal .orders-filters__input-group--full-width {
  width: 100%;
}
.order-history-row .orders-filters__input-group label,
#OrderFiltersModal .orders-filters__input-group label {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 10px;
  color: #787878;
}
.order-history-row .orders-filters__input-group label.hide-label,
#OrderFiltersModal .orders-filters__input-group label.hide-label {
  visibility: hidden;
}
.order-history-row .orders-filters__input-group input,
#OrderFiltersModal .orders-filters__input-group input {
  height: 32px;
  border: 1px solid #c6c6c6;
  border-radius: 8px;
}
.order-history-row .orders-filters__input-group input::-webkit-input-placeholder, #OrderFiltersModal .orders-filters__input-group input::-webkit-input-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group input::-moz-placeholder, #OrderFiltersModal .orders-filters__input-group input::-moz-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group input:-ms-input-placeholder, #OrderFiltersModal .orders-filters__input-group input:-ms-input-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group input::-ms-input-placeholder, #OrderFiltersModal .orders-filters__input-group input::-ms-input-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group input::placeholder,
#OrderFiltersModal .orders-filters__input-group input::placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group .vdp-datepicker input[type=text],
#OrderFiltersModal .orders-filters__input-group .vdp-datepicker input[type=text] {
  width: 100%;
  background-color: #fff;
}
.order-history-row .orders-filters__input-group .vdp-datepicker input[type=text]::-webkit-input-placeholder, #OrderFiltersModal .orders-filters__input-group .vdp-datepicker input[type=text]::-webkit-input-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group .vdp-datepicker input[type=text]::-moz-placeholder, #OrderFiltersModal .orders-filters__input-group .vdp-datepicker input[type=text]::-moz-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group .vdp-datepicker input[type=text]:-ms-input-placeholder, #OrderFiltersModal .orders-filters__input-group .vdp-datepicker input[type=text]:-ms-input-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group .vdp-datepicker input[type=text]::-ms-input-placeholder, #OrderFiltersModal .orders-filters__input-group .vdp-datepicker input[type=text]::-ms-input-placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group .vdp-datepicker input[type=text]::placeholder,
#OrderFiltersModal .orders-filters__input-group .vdp-datepicker input[type=text]::placeholder {
  color: #c6c6c6;
}
.order-history-row .orders-filters__input-group .date-picker-close-icon,
#OrderFiltersModal .orders-filters__input-group .date-picker-close-icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
}
.order-history-row .orders-filters__input-group .dollar-sign,
#OrderFiltersModal .orders-filters__input-group .dollar-sign {
  position: absolute;
  bottom: 5px;
  left: 11px;
}
.order-history-row .orders-filters__input-group #amount-range-from,
.order-history-row .orders-filters__input-group #amount-range-to,
.order-history-row .orders-filters__input-group #amount-range-from-mob,
.order-history-row .orders-filters__input-group #amount-range-to-mob,
#OrderFiltersModal .orders-filters__input-group #amount-range-from,
#OrderFiltersModal .orders-filters__input-group #amount-range-to,
#OrderFiltersModal .orders-filters__input-group #amount-range-from-mob,
#OrderFiltersModal .orders-filters__input-group #amount-range-to-mob {
  padding-left: 22px;
}
.order-history-row .orders-filters__see-results-btn,
#OrderFiltersModal .orders-filters__see-results-btn {
  width: 100%;
  text-align: center;
  margin-top: 2px;
}
.order-history-row .orders-filters__error-msg,
#OrderFiltersModal .orders-filters__error-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #c53131;
  font-size: 12px;
  margin-bottom: 12px;
  margin-top: -16px;
}

.order-history-row-left {
  display: none;
  width: 280px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .order-history-row-left {
    display: unset;
  }
}

@media (max-width: 991px) {
  .orders-page #breadCrumbs,
  .authenticated-payment #breadCrumbs {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .orders-page #breadCrumbs .container,
  .authenticated-payment #breadCrumbs .container {
    margin-top: 10px;
  }
}

.payment .mobile-filters-button-container,
.order-history-row-right .mobile-filters-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media (min-width: 992px) {
  .payment .mobile-filters-button-container,
  .order-history-row-right .mobile-filters-button-container {
    display: none;
  }
}
.payment .mobile-filters-button-container .count-badge--quick-filter,
.order-history-row-right .mobile-filters-button-container .count-badge--quick-filter {
  margin-top: -75px;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .payment .mobile-filters-button-container .count-badge--quick-filter,
  .order-history-row-right .mobile-filters-button-container .count-badge--quick-filter {
    margin-top: -83px;
  }
}
.payment .mobile-filters-button-container .mobile-filters-button,
.order-history-row-right .mobile-filters-button-container .mobile-filters-button {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.0784313725);
  border: unset;
  margin-top: -76px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .payment .mobile-filters-button-container .mobile-filters-button,
  .order-history-row-right .mobile-filters-button-container .mobile-filters-button {
    margin-top: -84px;
  }
}
.payment .mobile-filters-button-container .mobile-filters-button-content,
.order-history-row-right .mobile-filters-button-container .mobile-filters-button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.payment .mobile-filters-button-container .filters-icon,
.order-history-row-right .mobile-filters-button-container .filters-icon {
  width: 20px;
  height: 20px;
  margin: 6px 11px 3px;
}
.payment .mobile-filters-button-container .mobile-filters-button-label,
.order-history-row-right .mobile-filters-button-container .mobile-filters-button-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 6px;
  color: #0058a4;
}

.order-history-row-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .order-history-row-right {
    max-width: 650px;
  }
}
@media (min-width: 1200px) {
  .order-history-row-right {
    max-width: 830px;
  }
}
.order-history-row-right .mobile-credit-notes-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media (min-width: 992px) {
  .order-history-row-right .mobile-credit-notes-button-container {
    display: none;
  }
}
.order-history-row-right .mobile-credit-notes-button-container .mobile-credit-notes-button {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.0784313725);
  border: unset;
  margin-top: -76px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 20px;
  margin-right: 79px;
  width: 54px;
  height: 49px;
}
@media (min-width: 768px) {
  .order-history-row-right .mobile-credit-notes-button-container .mobile-credit-notes-button {
    margin-top: -84px;
  }
}
.order-history-row-right .mobile-credit-notes-button-container .mobile-credit-notes-button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 6px;
}
.order-history-row-right .mobile-credit-notes-button-container .mobile-credit-notes-button-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 6px;
  color: #0058a4;
}

#OrderFiltersModal {
  padding: 0 !important;
}
#OrderFiltersModal .modal-header {
  width: 100%;
  border-bottom: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
#OrderFiltersModal .modal-header .modal-header-row {
  width: 100%;
}
#OrderFiltersModal .modal-header .modal-header-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  max-width: 500px;
  padding-left: 0;
  padding-right: 0;
}
#OrderFiltersModal .orders-filters__filter-by {
  visibility: hidden;
}
@media (max-width: 767.98px) {
  #OrderFiltersModal .modal-dialog {
    margin: 0;
    max-width: unset;
    height: 100%;
  }
}
#OrderFiltersModal .modal-content {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  #OrderFiltersModal .modal-content {
    position: unset;
    bottom: unset;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
#OrderFiltersModal .orders-filters__see-results-btn {
  margin-top: 12px;
}
#OrderFiltersModal .orders-filters-modal-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#OrderFiltersModal .orders-filters {
  max-width: 500px;
  margin-top: 10px;
}
#OrderFiltersModal .modal-close-icon {
  color: #0058a4;
}

@media (min-width: 768px) {
  .order-history-listing .mobile-only {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .order-history-listing .desktop-only {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .order-history-listing .desktop-only {
    display: none !important;
  }
}
.order-history-listing .form-control-clear {
  right: 10px;
  cursor: pointer;
}
.order-history-listing .order-history-header {
  background: #ddd;
  font-size: 16px;
  font-weight: bold;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.order-history-listing .option-row {
  margin-bottom: 0.5em;
}
.order-history-listing .option-row .option-text {
  margin-top: 0.5em;
}
.order-history-listing .load-bar {
  padding-bottom: 24px;
}

.order-history-listing .no-results-msg,
.payment .no-results-msg {
  font-size: 18px;
  color: #0058a4;
  text-align: center;
  padding-top: 40px;
}

.status-green {
  color: #009C4F;
}

.status-purple {
  color: #78479C;
}

.status-red {
  color: #BE122A;
}

.status-black {
  color: #2C2C2B;
}

.invoice-details .download-invoice-btn-img,
.payment .download-invoice-btn-img {
  margin-right: 4px;
}
.invoice-details .download-invoice-btn,
.payment .download-invoice-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.invoice-details .download-invoice-btn:hover .download-invoice-btn-img,
.payment .download-invoice-btn:hover .download-invoice-btn-img {
  content: url("/static/img/document-icon-white.svg");
}
.invoice-details .download-invoice-btn.disabled .download-invoice-btn-img,
.payment .download-invoice-btn.disabled .download-invoice-btn-img {
  content: url("/static/img/document-icon-grey.svg");
}

@media (min-width: 768px) {
  .invoices .mobile-only {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .invoices .desktop-only {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .invoices .l-desktop-only {
    display: none !important;
  }
}
.invoices .s-desktop-only {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .invoices .s-desktop-only {
    display: initial !important;
  }
}
@media (max-width: 767.98px) {
  .invoices .full-line-mobile {
    display: block;
    width: 100%;
  }
}
.invoices .no-wrap {
  white-space: nowrap;
}
.invoices .row {
  margin: 0px;
}
.invoices .order-listing-header {
  margin-top: 5px;
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #0058a4;
}
@media (min-width: 768px) {
  .invoices .order-listing-header {
    margin-top: unset;
    margin-bottom: 18px;
  }
}
.invoices .order-listing-header--margin-top {
  margin-top: 30px;
}
.invoices .credit-note-date-heading {
  margin-bottom: 10px;
  margin-top: 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.invoices .order-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 16px;
  color: #333;
  text-decoration: underline;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
  font-weight: 400;
  text-decoration: none;
}
.invoices .order-header .order-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.invoices .order-header .order-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.invoices .order-header .order-header-total {
  margin-left: 16px;
  margin-right: 16px;
}
.invoices .order-header .total-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.invoices .order-header.order-number {
  font-size: 15px;
}
.invoices .order-header .arrow {
  margin-left: -6px;
  margin-right: 2px;
  margin-top: -3px;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.invoices .order-header .arrow:hover {
  color: initial;
}
.invoices .order-header.collapsed .arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.invoices .order-header:not(.collapsed) + .order-header-body .order-header-body-details {
  display: none;
}
.invoices .order-header:not(.collapsed) + .order-header-body .order-header-body-buttons {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.invoices .order-header:not(.collapsed) + .order-header-body .order-header-body-buttons button {
  width: 30%;
  margin: 0 7px;
}
.invoices .order-header:not(.collapsed) + .order-header-body .order-header-body-buttons .invoice-button {
  display: block;
}
@media (min-width: 768px) {
  .invoices .order-header:not(.collapsed) + .order-header-body .order-header-body-buttons {
    display: none;
  }
}
.invoices .order-header-body {
  padding: 0 1rem;
}
.invoices .order-header-body-details {
  padding: 0;
  padding-bottom: 15px;
}
.invoices .order-header-body-details .order-date {
  color: #787878;
}
.invoices .order-header-body-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  text-align: center;
}
.invoices .order-header-body-buttons button {
  width: 100%;
  margin-bottom: 7px;
}
.invoices .order-header-body-buttons .invoice-button {
  display: none;
}
@media (min-width: 768px) {
  .invoices .order-header-body-buttons button {
    width: 50%;
    margin-left: auto;
  }
}
.invoices .order-row {
  background: #EDEDED;
  margin-bottom: 1rem;
  padding: 0;
  border-radius: 8px;
}
.invoices .order-row:has(> .collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.invoices .order-row .flex-separate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.invoices .order-row .label {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 15px;
}
.invoices .order-row--credit-note {
  background: #EFF8EE;
}
.invoices .invoice-details {
  min-height: 155px;
  margin: 0 0 30px 0;
  padding: 0;
}
@media (max-width: 991.98px) {
  .invoices .invoice-details .collapse-row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) {
  .invoices .invoice-details {
    border-radius: 8px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.invoices .invoice-details > .row {
  background-color: #fff;
}
@media (min-width: 768px) {
  .invoices .invoice-details > .row {
    margin: 0 16px !important;
    padding: 0 20px;
  }
}
.invoices .invoice-details > .row:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.invoices .invoice-details > .row--border-radius-bottom {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.invoices .invoice-details > .row .cart-info-banner {
  border-radius: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: unset;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.invoices .invoice-details > .row .cart-info-banner .mocoIconCell {
  vertical-align: top;
}
.invoices .invoice-details > .row .cart-info-banner .mocoIconCell .material-icons {
  padding-left: 15px;
}
@media (min-width: 768px) {
  .invoices .invoice-details > .row .cart-info-banner {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: unset;
    margin-right: unset;
  }
}
.invoices .invoice-details .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  line-height: 2em;
  padding-top: 15px;
  padding-bottom: 24px;
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .invoices .invoice-details .details {
    padding-top: 20px;
    padding-bottom: 25px;
    margin-left: unset;
    margin-right: unset;
  }
}
@media (min-width: 768px) {
  .invoices .invoice-details .details--no-bottom-padding-desktop {
    padding-bottom: 0;
  }
}
.invoices .invoice-details .details-header {
  padding: 0 0px 0 15px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .invoices .invoice-details .details-header {
    border-bottom: 1px solid #e0dfdf;
    padding: 0 0px 10px 15px;
  }
}
.invoices .invoice-details .details-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 14px;
  gap: 14px;
}
@media (min-width: 768px) {
  .invoices .invoice-details .details-button-container--credit-notes {
    margin-bottom: 0px;
  }
}
.invoices .invoice-details .details-button-container--empty {
  display: none;
}
.invoices .invoice-details .details-button-container .btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(50% - 7px);
}
@media (max-width: 359px) {
  .invoices .invoice-details .details-button-container .btn {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .invoices .invoice-details .details-button-container {
    margin-bottom: 16px;
    margin-right: 16px;
    gap: 8px;
  }
  .invoices .invoice-details .details-button-container .btn {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    max-width: unset;
  }
}
@media (min-width: 1200px) {
  .invoices .invoice-details .details-button-container .btn {
    padding: 6px 15px;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
.invoices .invoice-details .details-footer-mobile {
  background-color: #fff;
  padding: 0;
  padding-top: 1em;
}
.invoices .invoice-details .details-footer-mobile .invoice-breakdown {
  line-height: 2em;
  padding: 0 15px 0 15px;
}
.invoices .invoice-details .details-footer-mobile .invoice-total {
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 1em;
  padding: 7px 15px 7px 15px;
  background: #E9EEF5;
  border-radius: 8px;
  font-size: 15px;
}
.invoices .invoice-details .details-footer-mobile .invoice-total .label {
  color: #434343;
}
.invoices .invoice-details .details-footer {
  margin: 15px 24px 0 0;
}
.invoices .invoice-details .details-footer .invoice-breakdown {
  padding: 0 15px;
}
.invoices .invoice-details .details-footer .invoice-total {
  margin-top: 1em;
  padding: 3px 15px;
  background: #E9EEF5;
  border-radius: 8px;
  font-size: 15px;
}
.invoices .invoice-details .invoice-button-container {
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-items: flex-end;
}
.invoices .invoice-details .breakdown {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .invoices .invoice-details .breakdown {
    padding: 20px 0 25px 25px;
    margin-left: unset;
    margin-right: unset;
  }
}
.invoices .invoice-details .breakdown .scroll-content {
  scrollbar-gutter: stable;
}
@media (max-width: 991.98px) {
  .invoices .invoice-details .breakdown .scroll-content {
    margin-right: 6px;
  }
}
.invoices .invoice-details .breakdown .order-detail-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0 25px 0 0;
  padding: 0;
  padding-left: 15px;
  background: none;
  border-bottom: 1px solid #e0dfdf;
  line-height: 2em;
}
@media (min-width: 768px) {
  .invoices .invoice-details .breakdown--no-bottom-padding-desktop {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .invoices .invoice-details .breakdown .order-detail-header {
    padding: 0;
    margin: 0 25px 0 0;
  }
}
.invoices .invoice-details .breakdown .order-detail-tracking {
  max-height: 420px;
  overflow-y: auto;
}
.invoices .invoice-details .breakdown .order-detail-tracking .track-column {
  padding: 0;
}
.invoices .invoice-details .breakdown .order-detail-rows {
  max-height: 420px;
  padding: 0;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .invoices .invoice-details .breakdown .order-detail-rows {
    padding-right: 14px;
    margin-right: 6px;
  }
}
.invoices .invoice-details .breakdown .order-detail-row {
  padding: 8px 0 8px 0;
  border: 0;
  border-bottom: solid 1px #e0dfdf;
  padding-left: 15px;
  padding-right: 0;
  margin-right: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .invoices .invoice-details .breakdown .order-detail-row {
    margin-right: unset;
    padding-left: unset;
    padding-right: 25px;
  }
}
@media (min-width: 768px) {
  .invoices .invoice-details .breakdown {
    border-left: solid 1px #e0dfdf;
    border-bottom-right-radius: 8px;
  }
}

.order-sort-text {
  margin-top: 0.5em;
}

.order-list label {
  font-weight: bold;
}

.order-list-actions {
  padding: 10px;
}
.order-list-actions button {
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  font-weight: bold;
  font-size: 14px;
}

.edit-mode > .row {
  margin-bottom: 1em;
}

.order-list-row-select {
  padding-top: 1em;
}

.list-notification {
  width: 450px;
  max-width: 100%;
  border-radius: 0.25rem;
  min-height: 58px;
  padding: 12px;
  padding-right: 0;
  margin: 0 auto;
}
.list-notification-wrapper {
  position: fixed;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 64px;
  opacity: 1;
  z-index: 2000;
}
.list-notification .close-icon {
  font-size: 14px;
  padding: 12px;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.no-wrap {
  white-space: nowrap;
}

.add-order-button {
  width: 100px;
}

/* Used to display UOM (eg, Kg) when the price is > 3 digits */
.uom-display-low {
  position: absolute;
  top: 44px;
  right: 12px;
}

.uom-display {
  position: absolute;
  top: 40px;
  right: 12px;
}

.substitution-chosen-title {
  color: #807e80;
}

.substitute-details {
  border: #e0dfdf solid 1px;
  padding: 0.5em;
}
.substitute-details .material-icons {
  color: #719718;
}

.clickable {
  cursor: pointer;
}

.padded-navbar-header {
  padding-top: 20px;
  padding-left: 40px;
}

.username-display,
.account-display,
.guest-display {
  font-size: 16px;
}
.username-display a, .username-display .reward-tab .description a, .reward-tab .description .username-display a,
.account-display a,
.account-display .reward-tab .description a,
.reward-tab .description .account-display a,
.guest-display a,
.guest-display .reward-tab .description a,
.reward-tab .description .guest-display a {
  color: #fff !important;
}

.username-display {
  margin-top: 10px;
}

.guest-display {
  margin-top: 10px;
  margin-bottom: 10px;
}

.account-row {
  padding-bottom: 1em;
  padding-top: 1em;
  min-height: 75px;
}

.account-default {
  font-weight: bold;
  color: #0058a4;
}

.switch-account-button {
  margin-bottom: 1em;
}
@media (max-width: 575.98px) {
  .switch-account-button {
    padding: 6px;
    font-size: 1rem;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-05 {
  margin-top: 0.5em !important;
}

.mt-1 {
  margin-top: 1em !important;
}

.mt-15 {
  margin-top: 1.5em !important;
}

.filter-row {
  margin-bottom: 1em;
}

.filter-input {
  height: 40px;
}

.filter-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}

.btn-account-search {
  height: 40px;
}

@media (min-width: 576px) {
  .set-default-label {
    margin-top: 1.5em;
  }
}

.btn-account {
  background-color: transparent !important;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
          box-shadow: inset 0px 0px 0px 2px #fff;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  padding: 10px 15px;
  margin-bottom: 5px;
  text-decoration: underline !important;
  line-height: 18px;
  margin-bottom: 0 !important;
}
.btn-account:hover, .btn-account:active, .btn-account:focus {
  background-color: transparent !important;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
          box-shadow: inset 0px 0px 0px 2px #fff;
  color: #fff !important;
}

.list-item-heading {
  font-weight: bold;
  font-size: 16px;
}

.p-1 {
  padding: 1em;
}

.list-sub-heading {
  color: #807e80;
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.border-without-top {
  border: 1px solid #e6e4e4;
  border-top: 0;
}

.border-left {
  border-left: 1px solid #e6e4e4;
}

.no-border-radius input,
.no-border-radius button {
  border-radius: 0 !important;
}

.edit-row {
  margin-right: -2px;
}

#save-order-guide, #edit-list-button, #add-user-button {
  background-color: #d8d8d8;
  color: #333;
}

.create-list-button {
  font-weight: bold;
  margin-top: 20px;
  font-size: 14px;
}
.create-list-button > span {
  font-size: 16px;
}

#add-user-button {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 14px;
}

#edit-list-button {
  font-size: 14px;
  height: 34px;
}

#bulk-edit-list {
  height: 34px;
}
#bulk-edit-list .material-icons {
  font-size: 15px !important;
  margin-right: 5px;
}

.pb-1 {
  padding-bottom: 1em;
}

/* Fancy checkboxes */
.checkbox {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  margin-right: -10px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}

.checkbox__input {
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 0;
  z-index: 0;
}

.checkbox__label {
  display: block;
  padding: 0 0 0 24px;
  cursor: pointer;
}
.checkbox__label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 100px;
  z-index: 1;
  -webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
}
.checkbox__label:after {
  content: ""; /* The "check mark" is actually a rectangular div with top left borders, which has been rotated */
  position: absolute;
  top: 8px;
  left: 9px;
  width: 7px;
  height: 14px;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  z-index: 2;
  -webkit-transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.checkbox__input:checked + .checkbox__label:before {
  background-color: #0058a4;
  border-color: #0058a4;
}

.checkbox__input:checked + .checkbox__label:after {
  border-color: #fff;
}

/* Popup modal specifics (opposed to slide out) */
#deleteModal .modal-body {
  font-size: 16px;
}

.modal-dialog-narrow {
  max-width: 370px;
}

.modal-popup-header h4 {
  margin-left: 1rem;
  margin-top: 20px;
}
.modal-popup-header .border-bottom {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  margin-left: 30px;
}
.modal-popup-header .modal-close {
  margin-right: 10px;
  margin-top: 10px;
  float: right;
}
.modal-popup-header .modal-close-icon {
  color: #333 !important;
  font-size: 24px;
}

.modal-buttons {
  padding-top: 12px;
}
@media (min-width: 576px) {
  .modal-buttons {
    padding: 30px 10px 10px 10px;
  }
}
.modal-buttons button {
  margin-right: 12px;
  margin-bottom: 6px;
  font-weight: bold;
  min-width: 125px;
  height: 40px;
}
.modal-buttons button:last-child {
  margin-right: 0;
}

#saveToListModal {
  overflow-y: hidden;
}
@media (max-width: 768px) {
  #saveToListModal {
    width: 100%;
    min-width: 0;
  }
}
#saveToListModal div.checkbox {
  margin-top: 5px;
}
#saveToListModal .modal-content {
  -webkit-box-shadow: 0 0 2px #e0dfdf;
          box-shadow: 0 0 2px #e0dfdf;
  max-height: calc(100vh - 1rem);
}
#saveToListModal .modal-content .modal-header {
  background-color: #fff;
  border: 0;
}
#saveToListModal .modal-content .modal-header button.modal-close .modal-close-icon {
  color: #333;
  font-size: 24px;
}
#saveToListModal .modal-content .modal-body {
  padding-top: 0;
  overflow-y: auto;
}
#saveToListModal .my-list-item .checkbox {
  margin-top: -3px;
}
#saveToListModal .my-list-item:last-child {
  border-bottom: none;
}
#saveToListModal .confirmation-message {
  bottom: 4px;
  left: 0;
  right: 0;
}

.list-overflow {
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}

.order-list-row {
  border-bottom: 1px solid #e0dfdf;
  margin-left: 15px;
  margin-right: 5px;
}
.order-list-row .col-12 {
  padding-left: 60px;
  padding-right: 0;
}
.order-list-row .col-12 .checkbox {
  position: absolute;
  left: 0;
  margin-left: 15px;
}

.modal-body .order-list-row .list-item-heading {
  margin-top: 1em;
}

.order-row {
  font-size: 14px;
}
.order-row .order-number {
  font-size: 16px;
}
.order-row .order-number a {
  color: #333;
}
.order-row .order-number a:hover {
  color: #0058a4;
}
.order-row .border-bottom {
  border-bottom: 1px solid #e0dfdf;
  margin-left: 15px;
  margin-right: -30px;
  margin-bottom: 1em;
  width: 96%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  clear: both;
}

.order-status-processing,
.order-status-InProgress {
  font-size: 14px;
  font-weight: bold;
  color: #f58724;
  text-transform: uppercase;
}

.order-status-invoiced {
  font-size: 14px;
  font-weight: bold;
  color: #0058a4;
  text-transform: uppercase;
}

.order-status-paid {
  font-size: 14px;
  font-weight: bold;
  color: #009c4f;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}
.order-status-paid .material-icons {
  font-size: 16px;
  margin-right: 4px;
}

.order-status-overdue {
  font-size: 14px;
  font-weight: bold;
  color: #de263c;
  text-transform: uppercase;
}

.tall {
  min-height: 800px;
}

.pdf-download-link a, .pdf-download-link .reward-tab .description a, .reward-tab .description .pdf-download-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pdf-download-link img {
  margin-right: 4px;
}

.lh-2 {
  line-height: 2em;
}

.order-detail-header {
  margin-top: 2em;
  margin-right: 12px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: #ddd;
  font-size: 15px;
  font-weight: bold;
}

.user-manage-icon {
  color: #58595b;
}

.order-detail-row {
  padding-top: 1em;
  padding-bottom: 1em;
  border: 1px solid #e0dfdf;
  border-top: 0;
  font-size: 14px;
  color: #4a4a4a;
}
.order-detail-row strong {
  font-size: 15px;
}

.user-list-row {
  border: 1px solid #e0dfdf;
  border-top: 0;
  font-size: 14px;
  color: #4a4a4a;
}

.old-price {
  text-decoration: line-through;
}

.brand-overlay {
  margin-top: 8px;
  margin-left: 8px;
  text-transform: uppercase;
}

.z-index-top {
  z-index: 1020; /* Modal backgrounds are 1050 */
}

.mb-1 {
  margin-bottom: 1em;
}

/* Footer Styles */
.mocoBand {
  position: relative;
  margin: 0px;
  padding: 0px;
  display: block;
  margin: auto;
  background-color: transparent;
}

.darkBandBG {
  background-color: #333;
}

.mocoFooterTitle {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 30px;
}

.footer {
  color: #fff;
  padding-top: 70px;
  padding-bottom: 30px;
  line-height: 1.88em;
  font-size: 16px;
  margin-top: 50px;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer ul.footerLinks li {
  margin: 10px 0;
}
.footer ul.footerLinks li:first-child {
  margin-top: 0;
}
.footer a, .footer .reward-tab .description a, .reward-tab .description .footer a {
  color: #fff;
}
.footer a:hover, .footer a:visited {
  color: #fff;
}
.footer [class*=col-] {
  margin-bottom: 30px;
}

.locationMap iframe {
  width: 100%;
  min-height: 200px;
}

#footerMap {
  position: relative;
  width: 100%;
  height: 208px !important;
  overflow: hidden;
}
@media (max-width: 768px) {
  #footerMap {
    height: 380px !important;
  }
}

.footerIcons {
  text-align: right;
}
@media (max-width: 768px) {
  .footerIcons {
    text-align: center;
  }
}

.socialIcon {
  font-size: 24px;
  margin-left: 30px;
}

.footerLogo {
  width: 180px;
}

.track-order-link i {
  font-size: 16px;
  margin-bottom: -3px;
}

.maxWidth644 {
  max-width: 644px !important;
}

.checkout-date-change-drop-down.inactive button {
  pointer-events: none;
  cursor: not-allowed;
  color: #9b9b9b;
  border: 1px solid #9b9b9b !important;
}
.checkout-date-change-drop-down.inactive button:active, .checkout-date-change-drop-down.inactive button:focus {
  color: #807e80 !important;
}
.checkout-date-change-drop-down span.caret {
  margin-left: 8px;
}
.checkout-date-change-drop-down .dropdown-menu {
  right: 0;
  min-width: auto;
}
.checkout-date-change-drop-down .dropdown-item {
  cursor: pointer;
}

.invalid-deliverydate {
  color: #de263c;
  font-weight: bold;
}

label.required::after {
  content: " *";
}

div:has(> div.track-container) {
  position: relative;
}

.track-container::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background: #e0dfdf;
  left: 29px;
}
@media (min-width: 1200px) {
  .track-container::before {
    left: 39px;
  }
}
@media (max-width: 991.98px) {
  .track-container::before {
    left: 30px;
  }
}
@media (max-width: 767.98px) {
  .track-container::before {
    left: 40px;
  }
}
@media (max-width: 575.98px) {
  .track-container::before {
    left: 29px;
  }
}

.track-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 36px;
  padding: 12px 24px;
  background-color: #37825e;
  color: #fff;
  font-weight: 600;
  max-width: calc(100% - 20px);
}
@media (max-width: 991.98px) {
  .track-status {
    max-width: calc(100% - 14px);
  }
}
@media (max-width: 767.98px) {
  .track-status {
    max-width: unset;
  }
}

.est-delivery-time {
  font-weight: 700;
}

.track-row {
  padding-bottom: 2em;
}

.track-event {
  font-size: 16px;
  font-weight: bold;
}

.track-timestamp {
  font-size: 14px;
  color: #9b9b9b;
}
.track-timestamp .material-icons {
  font-size: 15px;
  line-height: 20px;
  vertical-align: bottom;
}

.track-complete {
  color: #37825e;
  background: #fff;
  font-size: 30px;
}

.track-incomplete {
  background: #fff;
  color: #9b9b9b;
  font-size: 30px;
}

.track-progress-col {
  text-align: center;
}
@media (max-width: 575.98px) {
  .track-progress-col {
    width: 82px !important;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}

@media (max-width: 575.98px) {
  .track-progress-col-right {
    width: unset;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

/*.est-delivery-time {
    font-size: 36px;

    span {
        font-size: 24px;
        text-transform: uppercase;
    }
}

.est-delivery-msg {
    font-size: 14px;
    text-transform: uppercase;
}*/
.mocofullWidthImg {
  max-width: 100%;
}

.material-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.material-link:hover {
  text-decoration: none;
}
.material-link > span:hover {
  text-decoration: underline;
}

.material-half-line {
  line-height: 0.5 !important;
}

.po-required {
  color: #f37432;
}

.no-border-bottom {
  border-bottom: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #e0dfdf;
}

#back-to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  background: #fff;
  color: #333 !important;
  border: 1px solid #e0dfdf;
  z-index: 1036;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  border-radius: 8px;
}
#back-to-top.ng-hide {
  opacity: 0;
}

.user-profile div {
  font-size: 16px;
  line-height: 2em;
}

.update-info {
  margin-top: 2em;
}

.cursor-default {
  cursor: default;
}

.my-list-row {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 2.5em;
}

.my-list-item:last-child {
  border-bottom-left-radius: 4.2px;
  border-bottom-right-radius: 4.2px;
}

.my-list-message {
  bottom: -2px;
}

.my-list-header {
  background: #ddd;
  font-size: 16px;
  font-weight: bold;
  padding-top: 0.8em;
  padding-bottom: 0.5em;
  border-top-left-radius: 4.2px;
  border-top-right-radius: 4.2px;
}
.my-list-header--quick {
  background: #0058a4;
  color: #fff;
}

.my-list-header-icon {
  float: left;
}

#myListsModal .modal-dialog {
  max-width: 370px;
}
#myListsModal .modal-body {
  font-weight: 600;
}
#myListsModal .modal-buttons {
  gap: 8px;
}

.list-alertText {
  vertical-align: top;
}

.list-import-help {
  padding-top: 2em;
}

.list-import-step {
  padding-top: 1.3em;
}

.Import-Errors {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 120px;
}

#ImportCsvModal .modal-popup-header .border-bottom {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 30px;
}

.user-list-control {
  height: 400px !important;
}

.delegation-list {
  height: 400px !important;
  overflow-y: scroll;
}

.delegation-item {
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.equal-height-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.vertical-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vertical-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.fixed-height-300 {
  max-height: 300px !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.add-account-container {
  margin-bottom: 2em;
  margin-right: 15px; /* Used so that the inputs line up with the rows below */
}

#searchDropdown {
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
}
#searchDropdown li {
  margin: 4px;
  cursor: pointer;
}
#searchDropdown li:hover {
  background: #eee;
}

/* overwrite styling */
/* substitution carousel */
.substitutions-carousel {
  margin-bottom: 32px;
}
.substitutions-carousel .carousel-indicators {
  top: 100%;
}
.substitutions-carousel .carousel-inner {
  margin: 0 28px;
}
@media (min-width: 768px) {
  .substitutions-carousel .carousel-inner {
    margin: 0 36px;
  }
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 {
  padding: 0 6px;
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item {
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item .card.card-body,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item .card.card-body {
  padding: 12px;
  min-height: 226px;
  border-radius: 6px;
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item .card.card-body .substitution-image-row .product-image-bg,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item .card.card-body .substitution-image-row .product-image-bg {
  width: 100%;
  height: 136px;
  opacity: 1;
  border-radius: 6px 6px 0 0;
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item .card.card-body .substitution-image-row .product-image-bg.lg,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item .card.card-body .substitution-image-row .product-image-bg.lg {
  margin-left: auto;
  margin-right: auto;
  max-width: 252px;
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item .card.card-body .substitution-image-row .product-image-bg.xs,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item .card.card-body .substitution-image-row .product-image-bg.xs {
  height: 100px;
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item .card.card-body .substitution-brand-row,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item .card.card-body .substitution-brand-row {
  color: #807e80;
  font-weight: normal;
}
.substitutions-carousel .carousel-inner .carousel-item .col-md-4 .substitution-item .card.card-body .substitution-title-row,
.substitutions-carousel .carousel-inner .carousel-item .col-lg-4 .substitution-item .card.card-body .substitution-title-row {
  min-height: 42px;
  color: #333;
  font-weight: bold;
}
.substitutions-carousel a.carousel-control-prev,
.substitutions-carousel a.carousel-control-next {
  width: 28px;
  height: 28px;
  color: #fff;
  font-size: 2rem;
  bottom: auto;
  border-radius: 18px;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.substitutions-carousel a.carousel-control-prev i.fas,
.substitutions-carousel a.carousel-control-next i.fas {
  font-size: 20px;
}
.substitutions-carousel a.carousel-control-prev i.fas {
  left: 8px;
  position: absolute;
}
.substitutions-carousel a.carousel-control-next i.fas {
  right: 8px;
  position: absolute;
}
@media (max-width: 767.98px) {
  .substitutions-carousel .carousel-inner .carousel-item > div {
    display: none;
  }
  .substitutions-carousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
.substitutions-carousel .carousel-inner .carousel-item.active,
.substitutions-carousel .carousel-inner .carousel-item-next,
.substitutions-carousel .carousel-inner .carousel-item-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .substitutions-carousel .carousel-inner .carousel-item-right.active,
  .substitutions-carousel .carousel-inner .carousel-item-next {
    -webkit-transform: translateX(33.333%);
        -ms-transform: translateX(33.333%);
            transform: translateX(33.333%);
  }
  .substitutions-carousel .carousel-inner .carousel-item-left.active,
  .substitutions-carousel .carousel-inner .carousel-item-prev {
    -webkit-transform: translateX(-33.333%);
        -ms-transform: translateX(-33.333%);
            transform: translateX(-33.333%);
  }
}
@media (min-width: 768px) {
  .substitutions-carousel .carousel-inner .carousel-item-right,
  .substitutions-carousel .carousel-inner .carousel-item-left {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.search-control-wrapper .form-control-clear {
  position: absolute;
  top: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.search-control-wrapper .search-button {
  background-color: #807e80;
  color: #fff;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 0 4px 4px 0;
}

#mocoCart .modal-content,
#mocoCheckout .modal-content,
#mocoCartActionModal .modal-content,
#myCartSubstituteModal .modal-content,
#mocoCartSundayActionModal .modal-content {
  padding-bottom: 0;
}
#mocoCart .modal-header,
#mocoCheckout .modal-header,
#mocoCartActionModal .modal-header,
#myCartSubstituteModal .modal-header,
#mocoCartSundayActionModal .modal-header {
  background-color: #0058a4;
  border: none;
  border-radius: 0;
  padding-right: 20px;
  padding-left: 12px;
  height: 98px;
  z-index: 15;
}
#mocoCart .modal-header .modal-close,
#mocoCheckout .modal-header .modal-close,
#mocoCartActionModal .modal-header .modal-close,
#myCartSubstituteModal .modal-header .modal-close,
#mocoCartSundayActionModal .modal-header .modal-close {
  cursor: pointer;
  padding: 10px 8px;
  margin: 0;
  float: unset;
}
#mocoCart .modal-header .modal-title,
#mocoCheckout .modal-header .modal-title,
#mocoCartActionModal .modal-header .modal-title,
#myCartSubstituteModal .modal-header .modal-title,
#mocoCartSundayActionModal .modal-header .modal-title {
  font-weight: bold;
}
#mocoCart .modal-header .moco-fonticon,
#mocoCheckout .modal-header .moco-fonticon,
#mocoCartActionModal .modal-header .moco-fonticon,
#myCartSubstituteModal .modal-header .moco-fonticon,
#mocoCartSundayActionModal .modal-header .moco-fonticon {
  font-size: 24px;
}
#mocoCart .modal-body,
#mocoCheckout .modal-body,
#mocoCartActionModal .modal-body,
#myCartSubstituteModal .modal-body,
#mocoCartSundayActionModal .modal-body {
  padding: 0;
}
#mocoCart .modal-body .form-control,
#mocoCheckout .modal-body .form-control,
#mocoCartActionModal .modal-body .form-control,
#myCartSubstituteModal .modal-body .form-control,
#mocoCartSundayActionModal .modal-body .form-control {
  height: 34px;
}
#mocoCart .modal-body .cart-alert-container,
#mocoCheckout .modal-body .cart-alert-container,
#mocoCartActionModal .modal-body .cart-alert-container,
#myCartSubstituteModal .modal-body .cart-alert-container,
#mocoCartSundayActionModal .modal-body .cart-alert-container {
  position: relative;
  height: 44px;
  z-index: 10;
}
#mocoCart .modal-body .cart-alert,
#mocoCheckout .modal-body .cart-alert,
#mocoCartActionModal .modal-body .cart-alert,
#myCartSubstituteModal .modal-body .cart-alert,
#mocoCartSundayActionModal .modal-body .cart-alert {
  position: fixed;
  width: 100%;
}
#mocoCart .modal-body .cart-alert-message-container,
#mocoCheckout .modal-body .cart-alert-message-container,
#mocoCartActionModal .modal-body .cart-alert-message-container,
#myCartSubstituteModal .modal-body .cart-alert-message-container,
#mocoCartSundayActionModal .modal-body .cart-alert-message-container {
  padding-left: 24px;
}
#mocoCart .modal-body .cart-alert-message-container .moco-fonticon,
#mocoCheckout .modal-body .cart-alert-message-container .moco-fonticon,
#mocoCartActionModal .modal-body .cart-alert-message-container .moco-fonticon,
#myCartSubstituteModal .modal-body .cart-alert-message-container .moco-fonticon,
#mocoCartSundayActionModal .modal-body .cart-alert-message-container .moco-fonticon {
  left: 0;
}
#mocoCart .modal-body .moq-message,
#mocoCheckout .modal-body .moq-message,
#mocoCartActionModal .modal-body .moq-message,
#myCartSubstituteModal .modal-body .moq-message,
#mocoCartSundayActionModal .modal-body .moq-message {
  height: 44px;
}
#mocoCart .modal-body .items-need-actions-wrapper,
#mocoCart .modal-body .checkout-message-wrapper,
#mocoCheckout .modal-body .items-need-actions-wrapper,
#mocoCheckout .modal-body .checkout-message-wrapper,
#mocoCartActionModal .modal-body .items-need-actions-wrapper,
#mocoCartActionModal .modal-body .checkout-message-wrapper,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper,
#myCartSubstituteModal .modal-body .checkout-message-wrapper,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper {
  padding: 12px;
}
#mocoCart .modal-body .items-need-actions-wrapper .items-need-actions,
#mocoCart .modal-body .checkout-message-wrapper .items-need-actions,
#mocoCheckout .modal-body .items-need-actions-wrapper .items-need-actions,
#mocoCheckout .modal-body .checkout-message-wrapper .items-need-actions,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .items-need-actions,
#mocoCartActionModal .modal-body .checkout-message-wrapper .items-need-actions,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .items-need-actions,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .items-need-actions,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .items-need-actions,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .items-need-actions {
  display: inline-block;
  position: relative;
  margin-bottom: 6px;
  line-height: 30px;
  font-size: 15px;
}
@media (min-width: 576px) {
  #mocoCart .modal-body .items-need-actions-wrapper .items-need-actions,
  #mocoCart .modal-body .checkout-message-wrapper .items-need-actions,
  #mocoCheckout .modal-body .items-need-actions-wrapper .items-need-actions,
  #mocoCheckout .modal-body .checkout-message-wrapper .items-need-actions,
  #mocoCartActionModal .modal-body .items-need-actions-wrapper .items-need-actions,
  #mocoCartActionModal .modal-body .checkout-message-wrapper .items-need-actions,
  #myCartSubstituteModal .modal-body .items-need-actions-wrapper .items-need-actions,
  #myCartSubstituteModal .modal-body .checkout-message-wrapper .items-need-actions,
  #mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .items-need-actions,
  #mocoCartSundayActionModal .modal-body .checkout-message-wrapper .items-need-actions {
    font-size: 16px;
  }
}
#mocoCart .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
#mocoCart .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
#mocoCheckout .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
#mocoCheckout .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
#mocoCartActionModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon {
  display: block;
  position: absolute;
  left: 0;
  margin-right: 3px;
  vertical-align: top;
}
@media (min-width: 576px) {
  #mocoCart .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
  #mocoCart .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
  #mocoCheckout .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
  #mocoCheckout .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
  #mocoCartActionModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
  #mocoCartActionModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
  #myCartSubstituteModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
  #myCartSubstituteModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon,
  #mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon,
  #mocoCartSundayActionModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon {
    margin-right: 12px;
  }
}
#mocoCart .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon.small,
#mocoCart .modal-body .checkout-message-wrapper .items-need-actions .moco-icon.small,
#mocoCheckout .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon.small,
#mocoCheckout .modal-body .checkout-message-wrapper .items-need-actions .moco-icon.small,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon.small,
#mocoCartActionModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon.small,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon.small,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon.small,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .items-need-actions .moco-icon.small,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .items-need-actions .moco-icon.small {
  top: 5px;
  left: 5px;
}
#mocoCart .modal-body .items-need-actions-wrapper .items-need-actions .text,
#mocoCart .modal-body .checkout-message-wrapper .items-need-actions .text,
#mocoCheckout .modal-body .items-need-actions-wrapper .items-need-actions .text,
#mocoCheckout .modal-body .checkout-message-wrapper .items-need-actions .text,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .items-need-actions .text,
#mocoCartActionModal .modal-body .checkout-message-wrapper .items-need-actions .text,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .items-need-actions .text,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .items-need-actions .text,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .items-need-actions .text,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .items-need-actions .text {
  display: inline-block;
  padding-left: 44px;
}
#mocoCart .modal-body .items-need-actions-wrapper .message,
#mocoCart .modal-body .checkout-message-wrapper .message,
#mocoCheckout .modal-body .items-need-actions-wrapper .message,
#mocoCheckout .modal-body .checkout-message-wrapper .message,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .message,
#mocoCartActionModal .modal-body .checkout-message-wrapper .message,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .message,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .message,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .message,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .message {
  position: relative;
  padding-left: 4px;
  margin-bottom: 6px;
  font-size: 14px;
}
#mocoCart .modal-body .items-need-actions-wrapper .message .moco-icon,
#mocoCart .modal-body .checkout-message-wrapper .message .moco-icon,
#mocoCheckout .modal-body .items-need-actions-wrapper .message .moco-icon,
#mocoCheckout .modal-body .checkout-message-wrapper .message .moco-icon,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .message .moco-icon,
#mocoCartActionModal .modal-body .checkout-message-wrapper .message .moco-icon,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .message .moco-icon,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .message .moco-icon,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .message .moco-icon,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .message .moco-icon {
  position: absolute;
  top: 0;
  left: 3px;
  width: 23px;
  height: 22px;
}
#mocoCart .modal-body .items-need-actions-wrapper .message .moco-icon.oos-message, #mocoCart .modal-body .items-need-actions-wrapper .message .moco-icon.unavailable,
#mocoCart .modal-body .checkout-message-wrapper .message .moco-icon.oos-message,
#mocoCart .modal-body .checkout-message-wrapper .message .moco-icon.unavailable,
#mocoCheckout .modal-body .items-need-actions-wrapper .message .moco-icon.oos-message,
#mocoCheckout .modal-body .items-need-actions-wrapper .message .moco-icon.unavailable,
#mocoCheckout .modal-body .checkout-message-wrapper .message .moco-icon.oos-message,
#mocoCheckout .modal-body .checkout-message-wrapper .message .moco-icon.unavailable,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .message .moco-icon.oos-message,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .message .moco-icon.unavailable,
#mocoCartActionModal .modal-body .checkout-message-wrapper .message .moco-icon.oos-message,
#mocoCartActionModal .modal-body .checkout-message-wrapper .message .moco-icon.unavailable,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .message .moco-icon.oos-message,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .message .moco-icon.unavailable,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .message .moco-icon.oos-message,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .message .moco-icon.unavailable,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .message .moco-icon.oos-message,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .message .moco-icon.unavailable,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .message .moco-icon.oos-message,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .message .moco-icon.unavailable {
  width: 22px;
}
#mocoCart .modal-body .items-need-actions-wrapper .message .text,
#mocoCart .modal-body .checkout-message-wrapper .message .text,
#mocoCheckout .modal-body .items-need-actions-wrapper .message .text,
#mocoCheckout .modal-body .checkout-message-wrapper .message .text,
#mocoCartActionModal .modal-body .items-need-actions-wrapper .message .text,
#mocoCartActionModal .modal-body .checkout-message-wrapper .message .text,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper .message .text,
#myCartSubstituteModal .modal-body .checkout-message-wrapper .message .text,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .message .text,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper .message .text {
  padding-left: 32px;
  display: inline-block;
}
@media (min-width: 576px) {
  #mocoCart .modal-body .items-need-actions-wrapper .message .text,
  #mocoCart .modal-body .checkout-message-wrapper .message .text,
  #mocoCheckout .modal-body .items-need-actions-wrapper .message .text,
  #mocoCheckout .modal-body .checkout-message-wrapper .message .text,
  #mocoCartActionModal .modal-body .items-need-actions-wrapper .message .text,
  #mocoCartActionModal .modal-body .checkout-message-wrapper .message .text,
  #myCartSubstituteModal .modal-body .items-need-actions-wrapper .message .text,
  #myCartSubstituteModal .modal-body .checkout-message-wrapper .message .text,
  #mocoCartSundayActionModal .modal-body .items-need-actions-wrapper .message .text,
  #mocoCartSundayActionModal .modal-body .checkout-message-wrapper .message .text {
    padding-left: 40px;
  }
}
#mocoCart .modal-body .items-need-actions-wrapper a.see-items,
#mocoCart .modal-body .checkout-message-wrapper a.see-items,
#mocoCheckout .modal-body .items-need-actions-wrapper a.see-items,
#mocoCheckout .modal-body .checkout-message-wrapper a.see-items,
#mocoCartActionModal .modal-body .items-need-actions-wrapper a.see-items,
#mocoCartActionModal .modal-body .checkout-message-wrapper a.see-items,
#myCartSubstituteModal .modal-body .items-need-actions-wrapper a.see-items,
#myCartSubstituteModal .modal-body .checkout-message-wrapper a.see-items,
#mocoCartSundayActionModal .modal-body .items-need-actions-wrapper a.see-items,
#mocoCartSundayActionModal .modal-body .checkout-message-wrapper a.see-items {
  margin-top: 12px;
  width: 110px;
}
@media (min-width: 576px) {
  #mocoCart .modal-body .items-need-actions-wrapper a.see-items,
  #mocoCart .modal-body .checkout-message-wrapper a.see-items,
  #mocoCheckout .modal-body .items-need-actions-wrapper a.see-items,
  #mocoCheckout .modal-body .checkout-message-wrapper a.see-items,
  #mocoCartActionModal .modal-body .items-need-actions-wrapper a.see-items,
  #mocoCartActionModal .modal-body .checkout-message-wrapper a.see-items,
  #myCartSubstituteModal .modal-body .items-need-actions-wrapper a.see-items,
  #myCartSubstituteModal .modal-body .checkout-message-wrapper a.see-items,
  #mocoCartSundayActionModal .modal-body .items-need-actions-wrapper a.see-items,
  #mocoCartSundayActionModal .modal-body .checkout-message-wrapper a.see-items {
    position: absolute;
    bottom: 6px;
    right: 30px;
  }
}
#mocoCart .modal-body .cart-notification-row,
#mocoCheckout .modal-body .cart-notification-row,
#mocoCartActionModal .modal-body .cart-notification-row,
#myCartSubstituteModal .modal-body .cart-notification-row,
#mocoCartSundayActionModal .modal-body .cart-notification-row {
  position: relative;
}
#mocoCart .modal-body .cart-notification-row .notification,
#mocoCart .modal-body .cart-notification-row .vue-notification-group,
#mocoCheckout .modal-body .cart-notification-row .notification,
#mocoCheckout .modal-body .cart-notification-row .vue-notification-group,
#mocoCartActionModal .modal-body .cart-notification-row .notification,
#mocoCartActionModal .modal-body .cart-notification-row .vue-notification-group,
#myCartSubstituteModal .modal-body .cart-notification-row .notification,
#myCartSubstituteModal .modal-body .cart-notification-row .vue-notification-group,
#mocoCartSundayActionModal .modal-body .cart-notification-row .notification,
#mocoCartSundayActionModal .modal-body .cart-notification-row .vue-notification-group {
  top: 94px !important;
}
#mocoCart .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification,
#mocoCart .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification,
#mocoCheckout .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification,
#mocoCheckout .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification,
#mocoCartActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification,
#mocoCartActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification,
#myCartSubstituteModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification,
#myCartSubstituteModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification,
#mocoCartSundayActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification,
#mocoCartSundayActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification {
  margin: 0 0 6px;
  padding: 8px 12px;
  height: 46px;
  background: #00904b;
  color: #fff;
  font-weight: bold;
  text-transform: none;
  border: 0;
  font-size: 16px;
}
#mocoCart .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification.error,
#mocoCart .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification.error,
#mocoCheckout .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification.error,
#mocoCheckout .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification.error,
#mocoCartActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification.error,
#mocoCartActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification.error,
#myCartSubstituteModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification.error,
#myCartSubstituteModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification.error,
#mocoCartSundayActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification.error,
#mocoCartSundayActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification.error {
  background: #e14927;
}
#mocoCart .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCart .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCheckout .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCheckout .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCartActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCartActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .moco-icon,
#myCartSubstituteModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .moco-icon,
#myCartSubstituteModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCartSundayActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .moco-icon,
#mocoCartSundayActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .moco-icon {
  margin-right: 16px;
  width: 30px;
  height: 30px;
}
#mocoCart .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .material-icons,
#mocoCart .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .material-icons,
#mocoCheckout .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .material-icons,
#mocoCheckout .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .material-icons,
#mocoCartActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .material-icons,
#mocoCartActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .material-icons,
#myCartSubstituteModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .material-icons,
#myCartSubstituteModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .material-icons,
#mocoCartSundayActionModal .modal-body .cart-notification-row .notification .vue-notification-wrapper .vue-notification .material-icons,
#mocoCartSundayActionModal .modal-body .cart-notification-row .vue-notification-group .vue-notification-wrapper .vue-notification .material-icons {
  font-size: 34px;
  margin-left: -2px;
  margin-right: 12px;
}
#mocoCart .modal-footer,
#mocoCheckout .modal-footer,
#mocoCartActionModal .modal-footer,
#myCartSubstituteModal .modal-footer,
#mocoCartSundayActionModal .modal-footer {
  padding: 0;
  border: 0;
}
#mocoCart .modal-footer .reward-tab-wrapper,
#mocoCheckout .modal-footer .reward-tab-wrapper,
#mocoCartActionModal .modal-footer .reward-tab-wrapper,
#myCartSubstituteModal .modal-footer .reward-tab-wrapper,
#mocoCartSundayActionModal .modal-footer .reward-tab-wrapper {
  margin: 0;
}

.empty-actions-container {
  height: 100%;
}

.empty-actions {
  margin: auto;
  height: 275px;
  width: 275px;
}
@media (min-width: 576px) {
  .empty-actions {
    height: 360px;
    width: 360px;
  }
}
.empty-actions .moco-fonticon {
  font-size: 85px;
  margin-top: 20px;
}
@media (min-width: 576px) {
  .empty-actions .moco-fonticon {
    font-size: 120px;
    margin-top: 35px;
  }
}
.empty-actions .message {
  font-size: 18px;
  margin: -10px 0 15px;
}
@media (min-width: 576px) {
  .empty-actions .message {
    font-size: 1.5rem;
    margin: -20px 0 20px;
  }
}

.cart-datepicker-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cart-datepicker {
  position: absolute;
  right: 0;
  padding: 12px 16px;
  background: #fff;
  z-index: 60;
  max-width: 332px;
  margin-top: 2px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.cart-datepicker .note {
  position: relative;
  padding-right: 10px;
  margin-bottom: 12px;
}
.cart-datepicker .note .message {
  font-size: 10px;
}
.cart-datepicker button.hide-date-picker {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 16px !important;
  font-weight: bold;
  border: none !important;
}
.cart-datepicker .vdp-datepicker__calendar {
  border: none;
}
.cart-datepicker .vdp-datepicker__calendar header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
}
.cart-datepicker .vdp-datepicker__calendar .prev,
.cart-datepicker .vdp-datepicker__calendar .next {
  border-radius: 8px;
  width: 40px;
}
.cart-datepicker .vdp-datepicker__calendar .day__month_btn {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cart-datepicker .vdp-datepicker__calendar .cell {
  font-size: 12px;
  border-radius: 8px;
  border-color: #fff;
}
.cart-datepicker .vdp-datepicker__calendar .cell.day {
  color: #fff;
  background-color: #0058a4;
}
.cart-datepicker .vdp-datepicker__calendar .cell.day.blank {
  background-color: #fff;
}
.cart-datepicker .vdp-datepicker__calendar .cell.day.disabled {
  color: #aaa;
  background-color: #eee;
}
.cart-datepicker .vdp-datepicker__calendar .cell.day.highlighted {
  background-color: #00bcd2;
}
.cart-datepicker .legend {
  margin: 18px 0 6px 0;
}
.cart-datepicker .legend .figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart-datepicker .legend .figure .cell {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 12px;
  left: 0;
  color: #fff;
  background-color: #0058a4;
  border-radius: 6px;
}
.cart-datepicker .legend .figure .cell.highlighted {
  background-color: #00bcd2;
}
.cart-datepicker .legend .figure .cell-text {
  font-size: 11px;
}

/* cart dialogs */
.cart-dialog {
  border-width: 2px;
  border-top-width: 0;
  border-style: solid;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  top: 0;
  left: 4px;
  right: 4px;
  z-index: 14;
}
.cart-dialog--blue {
  background-color: #e9eef5;
  border-color: #0058a4;
}
.cart-dialog--red {
  background-color: #fff5f5;
  border-color: #d00808;
}
.cart-dialog--transparent {
  background-color: #fff;
  border-color: #0058a4;
}
.cart-dialog-in-header {
  top: 86px;
}
.cart-dialog-close {
  cursor: pointer;
  right: 0;
  top: -2px;
}
.cart-dialog-buttons {
  gap: 15px;
}
.cart-dialog-buttons button {
  min-width: 100px;
}
.cart-dialog-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 12;
}
.cart-dialog-backdrop.fade {
  opacity: 0;
}
.cart-dialog-backdrop.show {
  opacity: 0.5;
}

/* cart modal windows */
#mocoCart .modal-dialog .modal-content .modal-header {
  background-color: #0058a4;
}
#mocoCart .modal-dialog .modal-content .modal-header .cart-header-column {
  margin-left: 0;
}
#mocoCart .modal-dialog .modal-content .modal-header .cart-header-column .event-icon {
  padding-top: 4px;
}
#mocoCart .modal-dialog .modal-content .modal-header .cart-header-column .delivery-date {
  font-size: 14px;
}
#mocoCart .modal-dialog .modal-content .modal-header .cart-header-column .cart-delivery-date {
  left: 44px;
  top: 18px;
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-header .cart-date-change-drop-down li.dateDropdownItem {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-header .cart-date-change-drop-down li.dateDropdownItem label.radio-button-container {
    font-size: 14px;
    padding-left: 32px;
  }
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-header .cart-date-change-drop-down li.dateDropdownItem label.radio-button-container .checkmark {
    top: 3px;
    height: 18px;
    width: 18px;
  }
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-header .cart-date-change-drop-down li.dateDropdownItem label.radio-button-container .checkmark::after {
    top: 4px;
    left: 4px;
  }
}
#mocoCart .modal-dialog .modal-content .modal-body .cart-product-row {
  border-color: #de263c;
  margin-top: 8px;
  margin-top: 22px;
  border-bottom: 1px solid #e0dfdf;
}
#mocoCart .modal-dialog .modal-content .modal-body .cart-product-row.specialRow {
  border-left: solid 4px #de263c;
  margin-left: -15px;
  padding-left: 15px;
}
#mocoCart .modal-dialog .modal-content .modal-body .cart-product-row > .col-xl-12 {
  padding: 0;
}
#mocoCart .modal-dialog .modal-content .modal-body .cart-product-row .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
#mocoCart .modal-dialog .modal-content .modal-body .cart-product-row .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-body .cart-product-row .cart-product-pricing-column {
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-body .cart-product-row .cart-product-pricing-column .cart-price {
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  #mocoCart .modal-dialog .modal-content .modal-body .cart-product-row .cart-product-pricing-column .cartQuantityControls input.btn.product-qty-plus,
  #mocoCart .modal-dialog .modal-content .modal-body .cart-product-row .cart-product-pricing-column .cartQuantityControls input.btn.product-qty-minus {
    width: auto !important;
  }
}
#mocoCart .modal-dialog .cartTotalContainer .totalWrap .cart-total-row a.cart-remove-items {
  display: block;
  margin: 0 auto;
  width: 90px;
  text-align: center;
  padding-top: 12px;
}

#mocoCheckout .modal-content .modal-header {
  background-color: #0058a4;
}
#mocoCheckout .modal-content .modal-header .checkout-header-column {
  margin-left: -8px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
#mocoCheckout .modal-content .modal-body .checkout-message-wrapper {
  gap: 8px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 3px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer .subHeaderWithUnderline {
  font-size: 14px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer .deliveryOption {
  font-size: 14px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer .deliveryOption label {
  font-size: 14px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer .deliveryOption.chosenDeliveryDate .date {
  font-size: 16px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer .checkout-date-change-drop-down button.checkout-change-dropdown-button i.fas {
  padding-left: 12px;
}
#mocoCheckout .modal-content .modal-body #deliveryMethodContainer .checkout-date-change-drop-down button.checkout-change-dropdown-button::after {
  display: none;
}
@media (max-width: 575.98px) {
  #mocoCheckout .modal-content .modal-body #deliveryMethodContainer .checkout-date-change-drop-down li.dateDropdownItem {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  #mocoCheckout .modal-content .modal-body #deliveryMethodContainer .checkout-date-change-drop-down li.dateDropdownItem label.radio-button-container {
    font-size: 14px;
    padding-left: 32px;
  }
}
@media (max-width: 575.98px) {
  #mocoCheckout .modal-content .modal-body #deliveryMethodContainer .checkout-date-change-drop-down li.dateDropdownItem label.radio-button-container .checkmark {
    top: 3px;
    height: 18px;
    width: 18px;
  }
}
@media (max-width: 575.98px) {
  #mocoCheckout .modal-content .modal-body #deliveryMethodContainer .checkout-date-change-drop-down li.dateDropdownItem label.radio-button-container .checkmark::after {
    top: 4px;
    left: 4px;
  }
}

#mocoCartSundayActionModal {
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;
}
#mocoCartSundayActionModal .modal-dialog .modal-content .cart-header-column {
  margin-top: 6px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}
#mocoCartSundayActionModal .modal-dialog .modal-content .cart-header-column .event-icon {
  padding-top: 4px;
}
#mocoCartSundayActionModal .modal-dialog .modal-content .cart-header-column .delivery-date {
  font-size: 14px;
}
#mocoCartSundayActionModal .modal-dialog .modal-content .cart-header-column .cart-delivery-date {
  left: 44px;
  top: 18px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-title {
  background-color: antiquewhite;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-title .warning-title-icon {
  -ms-flex-item-align: center;
      align-self: center;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-title .warning-title-text {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body {
  padding: 10px;
  font-size: 15px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .toggle-show-again {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .toggle-show-again .toggle-text {
  font-size: 15px;
  padding-right: 30px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions .warning-body-delivery-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions .material-icons.event-icon {
  color: #0058a4;
  font-size: 36px;
  padding: 5px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions .sunday-delivery-date .delivery-date-text {
  font-size: 16px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions .sunday-delivery-date .delivery-date-value {
  font-size: 14px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions .actions .change-sunday-delivery-dropdown {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 25px 5px 25px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .warning-body-actions .actions .confirm-sunday-delivery {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 25px 5px 25px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row.specialRow {
  border-left: solid 4px #de263c;
  margin-left: -15px;
  padding-left: 15px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row > .col-xl-12 {
  padding: 0;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification {
  padding: 8px 12px;
  background-color: #fee8d5;
  color: #807e80;
  font-weight: bold;
  text-transform: none;
  font-size: 16px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon {
  margin-right: 16px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.oos-message, #mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.unavailable {
  width: 30px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.do-not-disturb, #mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.access-time {
  width: 31px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-warning {
  padding: 9px 4px 6px;
  margin-left: 8px;
  margin-right: 8px;
  border-bottom: 1px solid #e0dfdf;
  color: #333;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item {
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0dfdf;
  color: #807e80;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .product-status-message,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .product-status-message {
  color: #333;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .cart-product-title,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .cart-product-title {
  color: #807e80;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .cart-product-close-button,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .cart-product-close-button {
  color: #333;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .next-available-date,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .next-available-date {
  padding-top: 3px;
  padding-bottom: 3px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .cart-thumnail-column img,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .cart-thumnail-column img {
  background-color: #212529;
  opacity: 0.5;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-price,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .oos-product-price {
  font-size: 12px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-price .product-price-case,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .oos-product-price .product-price-case {
  color: #807e80;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-quantity,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .oos-product-quantity {
  float: right;
  padding-bottom: 12px;
  width: 60px;
  text-align: center;
  font-size: 12px;
}
@media (min-width: 576px) {
  #mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-quantity,
  #mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .oos-product-quantity {
    width: 110px;
  }
}
#mocoCartSundayActionModal .modal-dialog .modal-body .out-of-stock-item .substitution-row,
#mocoCartSundayActionModal .modal-dialog .modal-body .expired-item .substitution-row {
  margin-bottom: 12px;
  padding-bottom: 6px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item {
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0dfdf;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .action-row {
  text-align: right;
  padding-right: 8px;
}
@media (min-width: 768px) {
  #mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .action-row {
    padding-right: 15px;
  }
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cart-product-title {
  color: #0058a4;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .product-status-message {
  font-weight: bold;
  color: #f37432;
}
@media (max-width: 575.98px) {
  #mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cart-product-pricing-column .col-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 575.98px) {
  #mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cart-product-close-button .remove-product-button-icon {
    padding-left: 0;
  }
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group {
  width: 100px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group input.qty {
  height: 30px;
  font-weight: bold;
  color: #f37432;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group input.product-qty-minus, #mocoCartSundayActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group input.product-qty-plus {
  height: 30px;
  width: 30px !important;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .jit-item {
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 6px;
  border-top: 1px solid #e0dfdf;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .jit-item .cart-product-title {
  color: #0058a4;
}
@media (max-width: 575.98px) {
  #mocoCartSundayActionModal .modal-dialog .modal-body .jit-item .cart-product-close-button .remove-product-button-icon {
    padding-left: 0;
  }
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row {
  padding-top: 6px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row .delivery-date-wrapper {
  padding-left: 8px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row .delivery-date-wrapper .material-icons.event-icon {
  color: #0058a4;
  font-size: 32px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row .delivery-date-wrapper .delivery-date {
  font-size: 14px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row .cart-delivery-date {
  position: absolute;
  left: 60px;
  top: 18px;
  font-size: 12px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row .dropdown {
  padding-right: 10px;
}
#mocoCartSundayActionModal .modal-dialog .modal-body .delivery-date-row .dropdown button.dropdown-toggle::after {
  display: none;
}
#mocoCartSundayActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions {
  position: relative;
  line-height: 18px;
}
@media (min-width: 576px) {
  #mocoCartSundayActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions {
    line-height: 33px;
  }
}
#mocoCartSundayActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions .moco-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#mocoCartSundayActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions .action-text {
  display: inline-block;
  padding-left: 42px;
  font-weight: bold;
}
@media (min-width: 768px) {
  #mocoCartSundayActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row button.product-checkout-button {
    margin-right: 18px;
  }
}

#mocoCartActionModal {
  z-index: 1049;
  overflow-x: hidden;
  overflow-y: auto;
}
#mocoCartActionModal .modal-dialog .modal-content .cart-header-column {
  margin-top: 6px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}
#mocoCartActionModal .modal-dialog .modal-content .cart-header-column .event-icon {
  padding-top: 4px;
}
#mocoCartActionModal .modal-dialog .modal-content .cart-header-column .delivery-date {
  font-size: 14px;
}
#mocoCartActionModal .modal-dialog .modal-content .cart-header-column .cart-delivery-date {
  left: 44px;
  top: 18px;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row.specialRow {
  border-left: solid 4px #de263c;
  margin-left: -15px;
  padding-left: 15px;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row > .col-xl-12 {
  padding: 0;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification {
  padding: 8px 12px;
  background-color: #fee8d5;
  color: #807e80;
  font-weight: bold;
  text-transform: none;
  font-size: 16px;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon {
  margin-right: 16px;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.oos-message, #mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.unavailable {
  width: 30px;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.do-not-disturb, #mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-notification .moco-icon.access-time {
  width: 31px;
}
#mocoCartActionModal .modal-dialog .modal-body .cart-product-row .out-of-stock-row .stock-warning {
  padding: 9px 4px 6px;
  margin-left: 8px;
  margin-right: 8px;
  border-bottom: 1px solid #e0dfdf;
  color: #333;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item,
#mocoCartActionModal .modal-dialog .modal-body .expired-item {
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0dfdf;
  color: #807e80;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .product-status-message,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .product-status-message {
  color: #333;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .cart-product-title,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .cart-product-title {
  color: #807e80;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .cart-product-close-button,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .cart-product-close-button {
  color: #333;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .next-available-date,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .next-available-date {
  padding-top: 3px;
  padding-bottom: 3px;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .cart-thumnail-column img,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .cart-thumnail-column img {
  background-color: #212529;
  opacity: 0.5;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-price,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .oos-product-price {
  font-size: 12px;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-price .product-price-case,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .oos-product-price .product-price-case {
  color: #807e80;
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-quantity,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .oos-product-quantity {
  float: right;
  padding-bottom: 12px;
  width: 60px;
  text-align: center;
  font-size: 12px;
}
@media (min-width: 576px) {
  #mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .oos-product-quantity,
  #mocoCartActionModal .modal-dialog .modal-body .expired-item .oos-product-quantity {
    width: 110px;
  }
}
#mocoCartActionModal .modal-dialog .modal-body .out-of-stock-item .substitution-row,
#mocoCartActionModal .modal-dialog .modal-body .expired-item .substitution-row {
  margin-bottom: 12px;
  padding-bottom: 6px;
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item {
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0dfdf;
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .action-row {
  text-align: right;
  padding-right: 8px;
}
@media (min-width: 768px) {
  #mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .action-row {
    padding-right: 15px;
  }
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cart-product-title {
  color: #0058a4;
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .product-status-message {
  font-weight: bold;
  color: #f37432;
}
@media (max-width: 575.98px) {
  #mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cart-product-pricing-column .col-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 575.98px) {
  #mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cart-product-close-button .remove-product-button-icon {
    padding-left: 0;
  }
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group {
  width: 100px;
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group input.qty {
  height: 30px;
  font-weight: bold;
  color: #f37432;
}
#mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group input.product-qty-minus, #mocoCartActionModal .modal-dialog .modal-body .partial-out-of-stock-item .cartQuantityControls .input-group input.product-qty-plus {
  height: 30px;
  width: 30px !important;
}
#mocoCartActionModal .modal-dialog .modal-body .jit-item {
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 6px;
  border-top: 1px solid #e0dfdf;
}
#mocoCartActionModal .modal-dialog .modal-body .jit-item .cart-product-title {
  color: #0058a4;
}
@media (max-width: 575.98px) {
  #mocoCartActionModal .modal-dialog .modal-body .jit-item .cart-product-close-button .remove-product-button-icon {
    padding-left: 0;
  }
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row {
  padding-top: 6px;
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row .delivery-date-wrapper {
  padding-left: 8px;
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row .delivery-date-wrapper .material-icons.event-icon {
  color: #0058a4;
  font-size: 32px;
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row .delivery-date-wrapper .delivery-date {
  font-size: 14px;
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row .cart-delivery-date {
  position: absolute;
  left: 60px;
  top: 18px;
  font-size: 12px;
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row .dropdown {
  padding-right: 10px;
}
#mocoCartActionModal .modal-dialog .modal-body .delivery-date-row .dropdown button.dropdown-toggle::after {
  display: none;
}
#mocoCartActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions {
  position: relative;
  line-height: 18px;
}
@media (min-width: 576px) {
  #mocoCartActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions {
    line-height: 33px;
  }
}
#mocoCartActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions .moco-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#mocoCartActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row .items-need-actions .action-text {
  display: inline-block;
  padding-left: 42px;
  font-weight: bold;
}
@media (min-width: 768px) {
  #mocoCartActionModal .modal-dialog .cartTotalContainer .totalWrap .cart-total-row button.product-checkout-button {
    margin-right: 18px;
  }
}

#myCartSubstituteModal .modal-content .modal-header button.modal-close {
  margin-left: 0;
  padding-left: 0;
}
#myCartSubstituteModal .modal-content .modal-header button.modal-close span {
  padding-left: 1rem;
  font-size: 1rem;
  text-shadow: none;
  color: #fff;
}
#myCartSubstituteModal .modal-content .modal-header .checkout-header-column {
  margin-left: -8px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
#myCartSubstituteModal .modal-content .modal-body {
  padding: 18px 48px 12px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper {
  margin-bottom: 24px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel {
  padding-bottom: 12px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-prev,
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-next {
  bottom: auto;
  width: 28px;
  height: 28px;
  border-radius: 18px;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-prev i.fas,
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-next i.fas {
  font-size: 20px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-prev {
  left: 18px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-prev i.fas {
  position: absolute;
  left: 8px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-next {
  right: 18px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .carousel-control-next i.fas {
  position: absolute;
  right: 8px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .product-ribbon {
  height: 36px;
  position: absolute;
  bottom: 12px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  line-height: 36px;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 6px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .product-ribbon .storage-icon-wrapper {
  float: left;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper #product-image-carousel .product-ribbon .addToList {
  float: right;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper .product-image-bg {
  position: relative;
  display: block;
  width: 100%;
  height: 360px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper .product-image-bg .storage-icon-wrapper {
  position: absolute;
  bottom: 0;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-image-wrapper .product-image-bg .addToList {
  position: absolute;
  bottom: 0;
  right: 0;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-brand {
  margin: 0;
  padding: 0;
  float: none;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-title {
  font-size: 18px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-dietary-tags {
  padding-top: 6px;
  padding-bottom: 18px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-dietary-tags .dietary-list .badge-moco {
  margin-right: 12px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .stock-details {
  padding-bottom: 12px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-price-wrapper {
  border-top: 1px solid #e0dfdf;
  border-bottom: 1px solid #e0dfdf;
  padding-top: 18px;
  padding-bottom: 6px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-price-wrapper .product-price {
  padding-bottom: 18px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-price-wrapper .product-purchase {
  margin-left: 0;
  margin-right: 0;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .product-details {
  padding: 48px 24px;
  text-align: center;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .cartQuantityControls {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .cartQuantityControls .input-group {
  width: 200px;
}
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .cartQuantityControls .input-group .input-group-prepend input,
#myCartSubstituteModal .modal-content .modal-body .cart-product-details-wrapper .cartQuantityControls .input-group .input-group-append input {
  width: 50px !important;
  background-color: #ccc;
}

/* substitution modal and viewSubstitution modal */
@media (min-width: 768px) {
  #subModal .modal-dialog,
  #viewSubstitutionModal .modal-dialog {
    width: 60%;
    max-width: 720px;
    min-width: 400px;
  }
}
#subModal .modal-dialog .modal-content,
#viewSubstitutionModal .modal-dialog .modal-content {
  padding-bottom: 24px;
  height: auto;
  -webkit-box-shadow: 0 0 2px #e0dfdf;
          box-shadow: 0 0 2px #e0dfdf;
}
#subModal .modal-dialog .modal-content .modal-header,
#viewSubstitutionModal .modal-dialog .modal-content .modal-header {
  background-color: #fff;
}
#subModal div.border-bottom,
#viewSubstitutionModal div.border-bottom {
  border-bottom: 1px solid #aeaeae;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
#subModal .modal-close-icon,
#viewSubstitutionModal .modal-close-icon {
  color: #333;
  font-size: 24px;
  padding: 4px;
}

/* substitution modal */
#subModal .modal-content {
  border-radius: 6px 6px 0 0;
}
#subModal h4 {
  color: #0058a4;
}
#subModal .old-price {
  font-size: 12px;
  text-decoration: line-through;
}
#subModal .special-price {
  color: #de263c;
}
#subModal .substitution-column {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 0;
  width: auto;
  border: 0;
  font-size: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#subModal .substitution-column .substitution-item {
  padding: 12px;
  cursor: pointer;
  border: 1px solid #e0dfdf;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
#subModal .substitution-column .substitution-item .substitution-image-row {
  text-align: center;
}
#subModal .substitution-column .substitution-item .substitution-brand-row {
  margin-left: 0;
  margin-top: 10px;
}
#subModal .substitution-column .substitution-item .substitution-title-row {
  margin-left: 0;
  margin-right: 0;
}
#subModal .substitution-title-row {
  max-height: 3em;
  overflow: hidden;
}

/* view substitution modal */
#viewSubstitutionModal div.add-controls {
  font-size: 16px;
}
#viewSubstitutionModal div.add-controls .total-price {
  font-weight: bold;
}
#viewSubstitutionModal div.add-controls .total-weight {
  font-style: italic;
  display: block;
}
#viewSubstitutionModal div.add-controls .border-bottom {
  margin: 0 auto;
  padding-bottom: 0.5em;
  width: 95%;
}
@media (min-width: 768px) {
  #viewSubstitutionModal .modal-dialog {
    width: 80%;
    max-width: 1140px;
    min-width: 400px;
  }
}
@media (min-width: 768px) {
  #viewSubstitutionModal .modal-dialog .modal-content .modal-header {
    padding: 24px 28px 12px;
  }
}
@media (min-width: 768px) {
  #viewSubstitutionModal .modal-dialog .modal-content .modal-body {
    padding: 24px 48px 12px;
  }
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel {
  padding-bottom: 12px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-indicators li {
  margin-right: 6px;
  margin-left: 6px;
  height: 12px;
  width: 12px;
  border-radius: 8px;
  border: 0;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-control-prev,
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-control-next {
  bottom: auto;
  width: 28px;
  height: 28px;
  border-radius: 18px;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-control-prev i.fas,
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-control-next i.fas {
  font-size: 20px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-control-prev {
  left: 18px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .carousel-control-next {
  right: 18px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-ribbon {
  height: 36px;
  position: absolute;
  bottom: 12px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  line-height: 36px;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 6px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-ribbon .product-brand-text {
  float: left;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-ribbon .storage-icon-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-ribbon .addToList {
  float: right;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-notice h4 {
  font-size: 18px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body #viewSubstitueCarousel .product-notice a.btn.btn-primary {
  margin-top: 12px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-image-bg {
  position: relative;
  display: block;
  width: 100%;
  height: 360px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-image-bg .storage-icon-wrapper {
  position: absolute;
  bottom: 0;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-image-bg .addToList {
  position: absolute;
  bottom: 0;
  right: 0;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-title {
  margin-bottom: 0;
  padding: 12px 0;
  color: #0058a4;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .jit-message i {
  padding: 6px 0;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-out-of-stock .single-announcement {
  display: inline-block;
  font-weight: normal;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-dietary-tags .dietary-list {
  padding-top: 12px;
  padding-bottom: 12px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-dietary-tags .dietary-list .badge-pill {
  margin-right: 8px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .stock-details {
  padding: 6px 0;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-price-wrapper .quantity-control-wrapper {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-price-wrapper .quantity-control-wrapper .product-price {
  padding-top: 6px;
  padding-bottom: 6px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-price-wrapper .quantity-control-wrapper .product-price div.cartQuantityControls input.product-qty-minus, #viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-price-wrapper .quantity-control-wrapper .product-price div.cartQuantityControls input.product-qty-plus {
  width: 40px !important;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-price-wrapper .product-purchase {
  margin-left: 0;
  margin-right: 0;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-purchase .product-total {
  padding-left: 15px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .item-details-wrapper .product-purchase .product-add {
  padding-right: 15px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-add {
  padding-right: 15px;
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-details {
  text-align: center;
}
@media (min-width: 768px) {
  #viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-details {
    margin-top: 48px;
  }
}
#viewSubstitutionModal .modal-dialog .modal-content .modal-body .product-details a {
  text-decoration: underline;
}

#editUserModalVue .modal-header,
#editUserModal .modal-header {
  margin: 0 1rem;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
}
#editUserModalVue .modal-header .modal-close-icon,
#editUserModal .modal-header .modal-close-icon {
  color: #333;
  font-size: 24px;
}
#editUserModalVue .modal-body .form-inline .form-control,
#editUserModal .modal-body .form-inline .form-control {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#validationModal .modal-dialog .modal-content .modal-header h4 {
  color: #0058a4;
}
#validationModal .modal-dialog .modal-content .modal-header .modal-close-icon {
  color: #333;
  font-size: 24px;
}
#validationModal .modal-dialog .modal-content .modal-body .item-title {
  font-size: 16px;
  font-weight: bold;
}
#validationModal .modal-dialog .modal-content .modal-body .stock-details {
  margin-top: 1rem;
  padding-bottom: 2rem;
  line-height: 24px;
  font-weight: bold;
}
#validationModal .modal-dialog .modal-content .modal-body .stock-details .moco-icon {
  margin-right: 1rem;
}
#validationModal .modal-dialog .modal-content .modal-body .modal-buttons {
  gap: 8px;
  padding: 0;
}

#NavigateAwayModal .modal-dialog .modal-content .modal-header {
  margin: 0 1rem;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
}
#NavigateAwayModal .modal-dialog .modal-content .modal-header .modal-close-icon {
  color: #333;
  font-size: 24px;
}

#ErrorModal .modal-dialog .modal-content {
  border: solid #de263c 2px;
  border-radius: 7px;
}
#ErrorModal .modal-dialog .modal-content .modal-header {
  margin: 0 1rem;
  border-bottom: 0;
}
#ErrorModal .modal-dialog .modal-content .modal-header .modal-close-icon {
  color: #333;
}
#ErrorModal .modal-dialog .modal-content .modal-body {
  padding: 0rem 2rem 1rem 2rem;
}
#ErrorModal .modal-dialog .modal-content .modal-body .modal-buttons {
  padding: 20px 0px 0px 0px;
}
@media (min-width: 576px) {
  #ErrorModal .modal-dialog .modal-content .modal-body .modal-buttons {
    padding: 20px 0px 0px 0px;
  }
}

.search-icon {
  left: 14px;
}

#productListFilters {
  padding-top: 12px;
}
@media (min-width: 768px) {
  #productListFilters {
    padding-left: 8px;
    padding-right: 8px;
  }
}
#productListFilters #searchField .form-control-feedback {
  position: absolute;
  top: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
#productListFilters #searchCategoryButton {
  padding: 6px 12px;
  border-radius: 0 4px 4px 0;
  background-color: #807e80;
  color: #fff;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}
#productListFilters #searchCategoryButton .material-icons {
  font-size: 18px;
}

#productSearchFilters #searchFilters {
  display: inline-block;
  width: 100%;
}
#productSearchFilters #searchFilters > ul > li {
  margin-right: 10px;
}
#productSearchFilters #searchFilters > ul > li:last-child {
  margin-right: 0;
}
#productSearchFilters #searchFilters .btn-group {
  margin-right: 6px;
  min-width: 48%;
}
@media (min-width: 768px) {
  #productSearchFilters #searchFilters .btn-group {
    margin-right: 12px;
    min-width: auto;
  }
}
#productSearchFilters #searchFilters .btn-group button.dropdown-toggle::after {
  vertical-align: middle;
}
#productSearchFilters #searchFilters .dropdown-menu {
  padding-bottom: 22px;
}
#productSearchFilters #searchFilters .clear-filter {
  margin-left: 1em;
}
#productSearchFilters #searchFilters li.dropdown a.dropdown-toggle {
  color: #333;
  border: 1px solid #e0dfdf;
  background-color: #fff;
}
#productSearchFilters #searchFilters label.facets-label {
  font-size: 14px;
  padding-top: 0;
  padding-left: 32px;
}
@media (min-width: 768px) {
  #productSearchFilters #searchFilters label.facets-label {
    font-size: 16px;
    padding-left: 39px;
    padding-top: 4px;
  }
}
@media (max-width: 767.98px) {
  #productSearchFilters #searchFilters label.facets-label::before {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767.98px) {
  #productSearchFilters #searchFilters label.facets-label::after {
    top: 7px;
    left: 6px;
    width: 6px;
    height: 11px;
  }
}
#productSearchFilters #searchFilters div.dropdown-row-facets-filters {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  #productSearchFilters #searchFilters div.dropdown-row-facets-filters {
    padding: 14px;
  }
}
#productSearchFilters #searchFilters div.dropdown-col-cancel-facets-filters {
  padding-left: 24px;
}
@media (min-width: 768px) {
  #productSearchFilters #searchFilters div.dropdown-col-cancel-facets-filters {
    padding-left: 34px;
  }
}
#productSearchFilters #searchFilters div.dropdown-col-apply-facets-filters {
  padding-left: 40px;
}
@media (min-width: 768px) {
  #productSearchFilters #searchFilters div.dropdown-col-apply-facets-filters {
    padding-left: 72px;
  }
}
#productSearchFilters #searchFilters div.filter-scroll-dropdown {
  overflow-y: auto;
  max-height: 400px;
  overflow-x: hidden;
}
#productSearchFilters #searchFilters a.link-facets-filters {
  color: #f58723;
}
#productSearchFilters tags-input {
  margin-top: 8px;
  min-height: 28px;
}
#productSearchFilters tags-input .tags .tag-item {
  margin-right: 6px;
  margin-bottom: 6px;
}
#productSearchFilters .checkbox.disabled {
  background-color: initial;
}
#productSearchFilters .checkbox.disabled label {
  opacity: 0.4;
  cursor: not-allowed;
}
#productSearchFilters .checkbox.disabled .facet-option-count {
  opacity: 0.4;
}

#switchAccountVueContainer .cart-total-row {
  position: relative;
  height: 65px;
}
@media (min-width: 576px) {
  #switchAccountVueContainer .cart-total-row {
    height: auto;
  }
}
#switchAccountVueContainer .cart-total-row .load-bar {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
}
@media (min-width: 576px) {
  #switchAccountVueContainer .toggler {
    margin-top: 1rem;
  }
}

.user-administration-wrapper #mocoMainContent .search-panel button.dropdown-toggle::after {
  vertical-align: middle;
}
.user-administration-wrapper #mocoMainContent .input-group-append button.btn.btn-default {
  height: calc(1.5em + 0.75rem + 2px);
}

.track-any-order-wrapper #mocoMainContent .order-tracking-form .form-group {
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  .track-any-order-wrapper #mocoMainContent .order-tracking-form .form-group {
    margin-bottom: 0;
    width: auto;
  }
}
.track-any-order-wrapper #mocoMainContent .order-tracking-form .form-group #orderNumber {
  width: 100%;
}
@media (min-width: 768px) {
  .track-any-order-wrapper #mocoMainContent .order-tracking-form .form-group #orderNumber {
    margin-left: 1rem;
    margin-right: 1rem;
    width: auto;
  }
}

.product-details-wrapper {
  padding-top: 24px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991.98px) {
  .product-details-wrapper .product-details-right {
    margin-top: 12px;
  }
}
.product-details-wrapper .product-details {
  padding: 0;
}
.product-details-wrapper .product-top-line {
  margin-bottom: 20px;
}
.product-details-wrapper .product-code, .product-details-wrapper .product-storage-area, .product-details-wrapper .product-last-ordered {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
.product-details-wrapper .product-brand-text {
  font-size: 14px;
}
.product-details-wrapper .product-detail-accordions-row {
  margin-top: 46px;
}
.product-details-wrapper .product-title {
  cursor: auto;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
}
.product-details-wrapper .product-dietary-tags-wrapper {
  height: auto;
  padding-bottom: 16px;
}
.product-details-wrapper .product-announcements {
  margin-bottom: 12px;
}
.product-details-wrapper .single-announcement {
  font-size: 14px;
}
.product-details-wrapper .rewards-strip {
  font-size: 14px;
  height: 34px;
}
.product-details-wrapper .rewards-strip .moco-fonticon {
  font-size: 16px;
}
.product-details-wrapper .special-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  padding-bottom: 5px;
}
.product-details-wrapper .product-brand-text {
  margin-bottom: 8px;
}
.product-details-wrapper .product-detail-accordions .detail-title {
  font-size: 16px;
  line-height: 19px;
}
.product-details-wrapper .product-detail-accordions .accordion-item {
  margin-bottom: 8px;
}
.product-details-wrapper .product-detail-accordions .tab-pane {
  padding: 16px 20px 24px;
}
@media (min-width: 768px) {
  .product-details-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.product-details-wrapper .product-icons {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details-wrapper .product-icon {
  border-radius: 20px 20px 0 0;
  background: #fff;
  font-size: 34px;
  width: 46px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5px;
}
.product-details-wrapper .product-icon.product-icon--special {
  padding-left: 4px;
  color: #ff3b2f;
}
.product-details-wrapper .product-icon.product-icon--carton-pricing {
  padding-left: 4px;
  color: #0058a4;
}
.product-details-wrapper .product-icon.product-icon--rewards {
  padding-left: 4px;
  color: #ea9643;
}
.product-details-wrapper .substitutions-carousel {
  padding-top: 0;
  padding-bottom: 0;
}
.product-details-wrapper #productCarousel .carousel-inner {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.product-details-wrapper #productCarousel .carousel-indicators {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.product-details-wrapper #productCarousel .carousel-indicators li {
  margin-right: 6px;
  margin-left: 6px;
  height: 12px;
  width: 12px;
  border-radius: 8px;
}
.product-details-wrapper #productCarousel .carousel-control-prev,
.product-details-wrapper #productCarousel .carousel-control-next {
  bottom: auto;
  width: 28px;
  height: 28px;
  border-radius: 18px;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.product-details-wrapper #productCarousel .carousel-control-prev i.fas,
.product-details-wrapper #productCarousel .carousel-control-next i.fas {
  font-size: 20px;
}
.product-details-wrapper #productCarousel .carousel-control-prev {
  left: 18px;
}
.product-details-wrapper #productCarousel .carousel-control-next {
  right: 18px;
}
.product-details-wrapper #productCarousel .product-ribbon {
  height: 36px;
  position: absolute;
  bottom: 12px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  line-height: 36px;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 6px;
}
.product-details-wrapper #productCarousel .product-ribbon .product-brand-text {
  float: left;
}
.product-details-wrapper #productCarousel .product-ribbon .storage-icon-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.product-details-wrapper #productCarousel .product-ribbon .addToList {
  float: right;
}
.product-details-wrapper #productCarousel .product-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}
.product-details-wrapper #productCarousel .product-notice h4 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 0;
}
.product-details-wrapper #productCarousel .product-notice a.btn.btn-primary {
  padding: 8px 12px;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  color: #0058a4;
  border-radius: 10px;
}
.product-details-wrapper #productCarousel .product-notice a.btn.btn-primary:hover {
  color: rgb(0, 60.6341463415, 113) !important;
}
.product-details-wrapper #productCarousel .next-available-date .single-announcement {
  font-size: 20px;
  font-weight: bold;
  margin-top: 8px;
}
.product-details-wrapper #productCarousel .view-substitutions {
  margin-top: 8px;
}
.product-details-wrapper .product-image-bg {
  position: relative;
  display: block;
  width: 100%;
  height: 360px;
}
.product-details-wrapper .product-image-bg .storage-icon-wrapper {
  position: absolute;
  bottom: 0;
}
.product-details-wrapper .product-image-bg .addToList {
  position: absolute;
  bottom: 0;
  right: 0;
}
.product-details-wrapper .item-details-wrapper .product-title {
  margin-bottom: 0;
  padding: 12px 0;
  color: #0058a4;
}
.product-details-wrapper .item-details-wrapper .jit-message i {
  padding: 6px 0;
}
.product-details-wrapper .item-details-wrapper .jit-message .moco-icon {
  height: 16px;
}
.product-details-wrapper .item-details-wrapper .product-out-of-stock .single-announcement {
  display: inline-block;
}
.product-details-wrapper .item-details-wrapper .product-dietary-tags .dietary-list {
  padding-top: 12px;
  padding-bottom: 12px;
}
.product-details-wrapper .item-details-wrapper .product-dietary-tags .dietary-list .badge-pill {
  margin-right: 8px;
}
.product-details-wrapper .item-details-wrapper .stock-details {
  padding: 6px 0;
}
.product-details-wrapper .item-details-wrapper .product-price-wrapper .quantity-control-wrapper {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.product-details-wrapper .item-details-wrapper .product-price-wrapper .quantity-control-wrapper .product-price {
  padding-top: 6px;
  padding-bottom: 6px;
}
.product-details-wrapper .item-details-wrapper .product-price-wrapper .product-purchase {
  margin-left: 0;
  margin-right: 0;
}
.product-details-wrapper .item-details-wrapper .product-purchase .product-total {
  padding-left: 15px;
}
.product-details-wrapper .item-details-wrapper .product-purchase .product-add {
  padding-right: 15px;
}
@media (max-width: 575.98px) {
  .product-details-wrapper ul.nav.nav-tabs li a.nav-link {
    padding: 0.5rem;
  }
}
.product-details-wrapper #searchResultsController {
  margin-top: 18px;
}
@media (min-width: 992px) {
  .product-details-wrapper #searchResultsController {
    margin-top: 0;
  }
}
.product-details-wrapper #searchResultsController .tab-pane table.table-striped {
  border: 1px solid #dee2e6;
}
.product-details-wrapper #searchResultsController .tab-pane table.table-striped th {
  border-right: 1px solid #dee2e6;
}
.product-details-wrapper .out-of-stock #productCarousel .carousel-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #212529;
  content: "";
  opacity: 0.5;
}
.product-details-wrapper .out-of-stock #productCarousel .product-ribbon .product-brand-text {
  color: #807e80 !important;
}
.product-details-wrapper .out-of-stock .product-brand-text,
.product-details-wrapper .out-of-stock .product-title,
.product-details-wrapper .out-of-stock .special-text,
.product-details-wrapper .out-of-stock .product-code {
  color: #807e80 !important;
}

.lists-wrapper .my-list-row div.list-item {
  margin-right: -15px;
  margin-left: -15px;
  visibility: visible;
  max-height: 100px;
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear;
}
.lists-wrapper .my-list-row div.list-item.hide-list {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
}
.lists-wrapper .my-list-row div.list-item .row {
  margin-right: 0;
  margin-left: 0;
}

#ImportCsvModal .modal-content .modal-header,
#unShareListModal .modal-content .modal-header,
#shareListModal .modal-content .modal-header,
#deleteModal .modal-content .modal-header,
#suspendedCustomerWarning .modal-content .modal-header {
  background-color: #fff;
}
#ImportCsvModal .modal-content .modal-header .modal-close-icon,
#unShareListModal .modal-content .modal-header .modal-close-icon,
#shareListModal .modal-content .modal-header .modal-close-icon,
#deleteModal .modal-content .modal-header .modal-close-icon,
#suspendedCustomerWarning .modal-content .modal-header .modal-close-icon {
  color: #333;
  font-size: 24px;
  padding: 4px;
}

.imgunavailable {
  opacity: 0.35;
}

.redText {
  color: #de263c;
}

.moco-icon {
  display: inline-block;
  width: 29px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.moco-icon.small {
  width: 21px;
  height: 20px;
}
.moco-icon.size-1 {
  width: 24px;
  height: 24px;
}
.moco-icon.add2list {
  background-image: url("data:image/png;base64,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");
}
.moco-icon.added2list {
  background-image: url("data:image/png;base64,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");
}
.moco-icon.do-not-disturb {
  background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAD8AAAA8CAYAAADRy2JxAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAP6ADAAQAAAABAAAAPAAAAADYRbLYAAAJkklEQVRoBeVba2xUxxWembt + YRtiIpAB7/pHSm1jCJVSQ1tFIhDlhx1KDa2J2jxK0zRR2lKitnk1UmsSVWqKFKGmaqoqChW0IsVqCrFZUkUNSdVHeCU0 + EWaNGLXBheX4GIbbPbeO/3mrmd9d3fu9d3HtVfq/bEzc86ZM + ebM + + ZpcTHj7ffFhg8OdRkmvQzhPA6wkk9pzxIOankhFRSQgOcklFKyCjSwwjPUkrOcsJPV8yreGthx6n/ + mgeQXn5/YbuvblcvxTbYhC + FZrXEc4rsykBlQAV5B3CyKEAC + xb2tkTyUaPW568gR/cVFdn6ORRwuld8FyFW6GZ8mAk55S + qRHyXE24vyvT/E7yOYOfAr0TBbRxDj/5/VFymhKtPRTuPZRrUVmDj7Z9toyPjTyFPgxv8 + JcDck0P7rFEVJctD10sPvDTPNK + azAn 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");
}
.moco-icon.do-not-disturb.large {
  background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAD8AAAA8CAYAAADRy2JxAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAP6ADAAQAAAABAAAAPAAAAADYRbLYAAAJkklEQVRoBeVba2xUxxWembt + YRtiIpAB7/pHSm1jCJVSQ1tFIhDlhx1KDa2J2jxK0zRR2lKitnk1UmsSVWqKFKGmaqoqChW0IsVqCrFZUkUNSdVHeCU0 + EWaNGLXBheX4GIbbPbeO/3mrmd9d3fu9d3HtVfq/bEzc86ZM + ebM + + ZpcTHj7ffFhg8OdRkmvQzhPA6wkk9pzxIOankhFRSQgOcklFKyCjSwwjPUkrOcsJPV8yreGthx6n/ + mgeQXn5/YbuvblcvxTbYhC + FZrXEc4rsykBlQAV5B3CyKEAC + xb2tkTyUaPW568gR/cVFdn6ORRwuld8FyFW6GZ8mAk55S + qRHyXE24vyvT/E7yOYOfAr0TBbRxDj/5/VFymhKtPRTuPZRrUVmDj7Z9toyPjTyFPgxv8 + JcDck0P7rFEVJctD10sPvDTPNK + azAn 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");
}
.moco-icon.access-time {
  background-image: url("data:image/png;base64,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");
}
.moco-icon.oos-message {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAACXElEQVQ4Ea1VzWtTQRCf2RcfVuLVgzbPg4c0PC9q6MGjoJDooVqkJwU/EEQvChVvvqNY8KQI4gd466HaQ0nBrz+gxHppDB485EWLeO5Bou+N+9tkH0uapJQ6EGZ35je/tzs7M2EaIHLt2K74x8YUC09pd5mE9hsY07rWdWFZDA7kF/nppz/94dxvaJ8pnZUknROiQ/0+d68Dv7GnZgtLzTeuXdmNRJFqVUsP0iR9DTJmXiOlbvl+LhzL5/bihzVsTNwABljEINbyZCeEgySdJeaODrhdmJx5wlGUWqCrQdBemb8uJA9JxCdWcwdrzTvAGEJcE18DmSdeZXy58dElwLpVmVjX6FUmWQhqX1/C9r0Snkg4WQap8tQ5XJ/xAO32RrN7TXUzqDUfA9wvrUpRQ7qi0/FuN3kX99UaP+Nq6YZI+gg5LRTyJYXX7JLxGq5pg0ZpETn5m5JXwJjU9HIKLtUrDRLm58NyNogcpPHp4mXEiOJnwIALr1PGxs+pt9DbEUlpGngntqxs0Xo+xdshM1jmo9BZrG6ArH5GkbWqE9EQf1Z21q90KaCdKOlQYI2uNmQi91ybXesSWsU6i9VcOGEdxs7f9BS0K6PIgGNWC9BObF2h0Y1T5IrbQluR6ZgP40tfXiCGU7kKDnApMzV0UeoyOIx2guPX+TCvk3Mc64HC/H7PmLqgC1x6LRiisHtcRMNaL64WLwnxNAsdAbEwfd6y9ewJ/utwMF/XuYhX5u+biaMNGF/oHhStrTO8Jh4AOdOTJjSH0ZMmmJy5a7tsUx3tdMBuIjSn3cFfwD+IckLxru1PoAAAAABJRU5ErkJggg==");
}
.moco-icon.oos-message.large {
  background-image: url("data:image/png;base64,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");
}
.moco-icon.action2fix {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAACN0lEQVRIDd1WvUoDQRDejWcSMa2CP5giiMGAYKuVaBMsBEHQB7DxISx8CBsfQCEgWMg1ipW2QiASEQtFDZg2/ses83nZzd7dmo0xWjhw7Ozs7PftzP7MMfbfhbcaYGlpsu+18pzlnI0ywQY/53F2JwS7iCbi7kDutNwKlpXwdj49Va2JDSKaIfCICZTGajR25ET4+tB+8cTkI21fEt4vZRLPlfctwcSydG6l5YzvxBNdq/25QsXkbyS8WZwYrj297AvGJkyTbDYCzUd6YvPDu/mboG+I0IusetwumSQAaTzhTAcjDe2Jl8b2IpNkaLFgYOk26D5CHBDbntHKL6NRJ4MPehBQ7wMLmLrNR4jTqA+adMH4y8Be4QwfdJOPbgtiKkLcMxx93bkTOjCBLbEUIS71V/dMOrfTAhPYcq4ipJWMSmOnWx1bEarnqtNswJNPIakNwt8gMmA6ykYPMS6PXUTqKpsueH4iZfcnD2DXRRHS5l5Io6WNUY7GLT6+YR1bEaLEvD084tVvmma67GXB+SYQuRBrlBR15H0s9Q4dmFp3b9yVYzS/IVfZsQPqzTYsJo2fJd1iBiNeaq3RHibd8zmJpCKEAfWMXoamhJyJWGkh85nSt9dqzLbtwJRkaH0RwnCdTW/b3lP4tSKojSNucUX3De0XiietIq87taMDA1jBuSFC1C8Uz5+QYi4wgrUQ5CFCGFGpUTyREvS/I94vhjNtqvbAocU0lz/7iQouo1O/iUHc/9f/ALdg00eOrl8IAAAAAElFTkSuQmCC");
}
.moco-icon.check-added {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIaADAAQAAAABAAAAIAAAAAArIKmwAAACJklEQVRYCcWYu0oDQRSG3Vgoio0oouAFLMRKbCwlCta+gb6AdbqI2PkCFpaS0lbw0vkAgrdKkVgognirbNT4nWRnnUxmN5PdCTnwZ3bO9efsZmZ2g64WpFKpTOC+ChbAGBgF/eAZPIF7cAjOgiD4ZvQjFM6BNXAOXOUNxz0wnpkFSVbABUgrXwTugIGWyRAUgC3wC3zIDUmmnYng3AMOfFQ2crwyX3QiguO+Eexz+kmy2UQiOBR8VozJdYt+0EoEwxz4iQnMoi4TfGokKMWRODIcfUyFwBSQ50zPLw/8fB0RFMvAt1QJqEIk7wV3WpFjZauOGEqa0cdlHQEpQtKiJXFtMcPQDd4tDmlVrgQk/4bqwkzaapa4VghI+IkikbckU6oPdeEwtkpAUj4qEqsxBXbRj4DrGLuuTkNA4ms7LRfrMjNECATCknEYXBl2fZqWgMqRy1XbkfDDueAF8zK4trg9oMvjU1Y2Mhe53lZzp5GgpNtR7YYkws/sSNYOSCei25GXWYxEt0UjcomvDwJSMnowm/1FTSJDBE/qbWZuW4ikSDOJ/qIui1UdEU8EhGBtsQrb7LJsNxAhSdoOqA79n0HRLCltkzEigl9WAvUbWNgNfatN4iJENpMcHGyNW3lIol2HGhsn+6EmJFKwRXjWxR/vhIQIBTt70A1JdP7IHxLp7MuPkFDCrenca6AiISNE2v5CHO2SeuG4awiZnwbk80AfyPRp4A9QgmXGGIhNIgAAAABJRU5ErkJggg==");
}
.moco-icon.order-alert {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIaADAAQAAAABAAAAIAAAAAArIKmwAAACAklEQVRYCe1XzStEURQ/585LmSxYKBKzofGxYUV27JiU1LNGNv4BS42Nhb9BsZEyUcjsZIeUja8oqTGUsmAxPpqed5w7Ua975+O5Qw3NrVf3nvO75/zO79773n0AJdDQlENysL2b0LXBxRoQcITB6sXG2P6rSTwjEomB1lkAmvEmRMCrQIXV37BxmvTa/fSFH5AXcxsJ96kEpJ+Amt/TzoIX67evKUG2Hbh5Pp5DgnECqM0XSAgx6YK1C5ReYxadubCskkMIh8Kypho3T49VnKbE3cvZCAecLkQAENMBEVwJbZ9cI+KOGtg7ZpUsIOolx9miaFTLaXnBsu+S26Paso6JKpz31HIi0nZARBNZMYqRcU3nZ7Egm1Nel0aCK6xk1l5Mzj7DhoHc4ZyALI66VJWmhGbIMu/XTSVBQl8O/3W/AcLWJ7wl3+koFLIIJfAxFL8clQ8HWSyUKJ+/CBL5wn7PVybxpVdZiZJSwvw9gVSZiIRtWQ0RdsmPuWkzJ0FQzXlXMySKICDn//GNifDEJYzKh+8TS7Ii01bEcuBrKH4Rk4mTg+F63hFjpiRKYjnMlQCqTwyEM0fCNT8YGfF0JYiM/h38LsV9VcpVsRoJgeJABf3UmDfwTXuH/aLG00g0BDvW+bIyz/8CDyrYdCyv/Hx33UPLGsJoVFPCNG553v9V4AMsWI6QOruWggAAAABJRU5ErkJggg==");
}
.moco-icon.cleared-actions {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAIAAAAADUUDHiAAACB0lEQVRIDd2XO0vEUBCFN4uCKBYWgo/CQkVQ7ARBEeys/AWCnaCVnb1/QMRWRARrsbFe8Q9Y+aqMqIWFjYKICPE7cW/IhrtJ7iZr4cDZOzN35pzM5rXrVRwtCAKPlgUwCV7Bhed5L6ztM0THwSWI2wfBVttUIe8Dz3HFhL/pIt5hiiHpxZ8HAyaXWJeIh+q5b9YzMAXG6rltON7wg3ocX74ILjklN/FkhYYZkDYN2w22LgIy3cClby8pfNVAmx1o+tAoTZ7zrO5l09ibVWnZvyW3AnYte1mpHQnrHHeFR+D2MUH5sVtLVK1rqVKNwj92/p2wnmS22yr6XtsxsQ/7LFgDTcXLFpboIg+KB3CAvwGsVqawj0IoKiXuKXHPybdZWcI+5EnRQ3KrNlHlyhD24XESzSOsl0Ga+Ww6i4owbeIn9qfBqQot5pNrSTTk4iLotzxcH8mNqoC1E5wkau6JR0KC35oq8VGiplm4H/axaxPWSyB6L+PHxe+JWxWlNUgVVoHEB2NTSXwPFBGlPVtYRQ2Tm4PQyp7L1ysuY+HEaReX+PX6O6cjmlxJYvWl3qeqS7MsYfVKvGbEyxAVaR5h1RnxYfxCk4pMpl8geU3id6Anb0NaXd6JDUcpoiJzFTYHUHiV8GdhFjeCd5VXeWHLuXbrLVRdi7q5RVz/SdDSkjX+k4iO4A+dHzaQse46SiaTAAAAAElFTkSuQmCC");
}
.moco-icon.stock-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAG6ADAAQAAAABAAAAGgAAAADLb31JAAABRElEQVRIDWNgGK6AkRiP/f//XxGoLgCIzYFYCoi5gfg5EN8F4q1AfICRkfEXkCYfAC3RBuLNQEwIvAAqyARiFrJsA2rMAeLfQEwKOA5ULEGShUANHaTYgKb2EZAvS5SFQIWJaJrJ4Z4DauLCayFQgQQQfyFg+lKg/FQgvkdAXQshy6YRMAAkrQYyBEivI6D2K1AeJf6YYLYDJViB7GgYnwo0KBgjkM2BWwYUNAJiPmRJKrD9kM1AtgyUcakNdJANRLZMBFmCSmwRYPTA7YAzqGQ4XmOQi5c3eFUiJEGlxF8glx8hhJP1Blhm/oPJIlt2DyZIgBYiII8sfQWZgxyM54ESn5AlcbBjgeKOQHwEhzyy8CZkDgobGDw0zdToltGvuALZDPQdfQpimDeBFtKnikGykD6VJ5KFVG0WDJ4GD8yHQ5IGABm4SOsIUuOgAAAAAElFTkSuQmCC");
}
.moco-icon.unavailable {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAACKElEQVQ4EaVVzWoTURQ+58w0UEhfQJt0UVBjdWXoC4hCpIsqFF9AhEJdKLR0maVYcKMgFF9ACppFaUDwBSSuxEYXLpq0fYJQaNq5x/Pd5oZpzKTGXgiTe8/3fXPP7zANWfr0zkTroLPIyotmLpPSFQ9jOrRnQ1lrxav5Gm9+Oxmk8+BBe6H0UBO3oUSzg7b03oi/OZLVwnbzU/pcwkarVdl7UHrlEvcRYkz8g0Se53Lx3GQ+nsKP4ugWzmADBlhwwA06/RvCQOpWifjErC+m87ff8dZWEoDppy4tRfud78uO6DWRThDLxsxOcw0YLwg38TaIRZFUprd3v6QFsv7vL9y8mySuDlGJ5BHcZySg3e404YIQPyvUf77NEhh23q7cWHGkbxDTQiFfEmQzxAxuDiONOvOh6cUUWtIrDVLh91kxGyUIDrjAQAvZKWOTi+Uznv+zUtxyHIo2ylEriO1VrlsULl4z9V8+qZ7bNbw1QL9+LqZnI/j4tF9+sRXOoSlfS7pUNMouaOHN2RLnLUcaGddK1rRwwwbM3VN3/zxsjJ3Tez10Q9Do2LDTJ+iAMWQ8FBxwsYGW+KlhRamkc2incQXBAReFDS3BCMLUgBB6E+30r6LAnvWzeWga0PJZ9iPIGhw9id5EO41yHzZgQh9jOIQx1k83RlDr64eXZxMHCbMRZR2Aog01ikpA8ny8zU3viYkV5x+vc7VqlwVvYF12wP4lCP3LfAL+APkuBivPLlo5AAAAAElFTkSuQmCC");
}
.moco-icon.unavailable.large {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAEyUlEQVRYCc1ZTWhUVxQ+52Vmgk7QEkFjNO2i0iYY3IQideeyjVRjCQi26Fq6k24KTaNCuxB30r2oizbYmOLP0l1LkWwkViu6MKlpFAytZJR5M/Nuz3dn7pvzftRJnHntJck799xzz/e9e++795wbpjWW+QPD75Jf3S/dR8hQP7H84onCtCjyon0SzVIhN/P25bkHtm2Vf3g19ktjuzb7fvkLMjxmjBleTV9mniM204VC99m+6VtPWu3bEsGlz3cVK8v+cRPQl4ZMT6vO0+yYeIU9Op3vLZzpO3+rlGajda8luLBvaCwIzPdkTJ/u+MYy85Ln8bGBK3emX+XrpQRlCvnPfUNfm8BMGqyqROGKKG8Q88/smdsc0GKh2LXI5Sp+thqP+k3AO+XFPpH+e4lMPu5C+hv2eHL7lTunZAmIWbKkABMtjH+4Ligtn5OFPp7owvxYnJ3sWb/+Yu/U7D+J9hTF8vjIxpXnzw/LS08I4S1xE2b6kYu9Rwemfn2RaIsrMHLzo4M/JMgx+x7Rt93FrjObp26vxPu1Un8yvrOnXKodD4i+EqIF3QckB67ePRQfycQILowOTsiaO6E7yzQ+zjEd3Hb17i8R/Rorj0YH91QN/RQfTVmT3wjJk9pthCA+CFMLLuk1h+2hK5/7eNvM3ILu+Kbyo/3DA7VK9ZreroSM4S7vU/3hhASxlZSf+vflrZpfK0Yun/ug3eTcy4FktVK9GRlJ+bq7NxV2uC1IllW9YJ+LkfPttLZ55BwennhxYMgS8kO9DJDl0lBYgjghsAmHRiLgg2jXmtN+4zIwgKX14AJO0FmCOL4iJ4RMLb5W3amTssUSTIcBLvZIdQRxtrpGPLHPrXUr0X5alYEFzIh9g5OHqER/SUKvUnxrw4WIcQaVOiZXHBQ4gZvXCJmcHmfajU0Xf3sWKjISgAnsCJyEc1iDIxGlxzORepYVOddjcCOeHGn1ILPRImf27zGjzKoIOiJgwi0nc4pIOCyISsKKEh5+9L6yUg1rFN+5/kd4SDgXCWzhlhhBhEyuQ9bPBLaMoN0HNREEc7qepRzHNkwSViLBUQXBpqpmKsaxZaT+ysn6A8H3HBNEwiLfc3X3TFszrq1dT4tdU96EW2IEbZiubLIUE9gyu1iDsxESkkNE6llWktizHpJqzUH2kr1PD+/eoHVZyMhbgB3BEm4eMn5Ezc0Gky/9/eyzZj0bCUmVzvzACdzq24xk/JqGHNQTSHC0rpMysIAZwWhwsgRxHYGMPzSQ1BDZV1jvsGCxVDoKLuAEWEsQdyW4jtA8kBoi+9K6TsjAsGmocg4u7v6mPsXSiLsSiVSXQjvJW5EaIrEJdW0WbNJUTz8LoWvhYLk0FCFBZFG4K5HduxkUyLAjNewESfiEb53RARscXEYHjiFBVJCP4q4EsiuIbJEatnO6beIuPuHb4eAJbJ0TW502gCyd0q8+iMoe83dZX31ERtAylojVK/YekSBiKka+OzBm8kWpdn9+dOjYajZz2KIP+sKHjEJzzQmIuzySva+5vBrgMu3pBSPZ0vWbpAiIwt31G7z5pVp/R6/fNOX/+gIzMcWaHGQsWtyV4OYpspnHDVuswwd8wWf8g0hz8dIpTjP+316ip5HN6t8Q/wJHDke7aNyyswAAAABJRU5ErkJggg==");
}
.moco-icon.calendar-sunday {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgB7ZjNUYQwFMf/L1iAHUgHLo6zV7eIdcbbQgVqBbsl7FYgnv0YS2DPOqJjA1iHQ55hGHRHAwT5kEN+l4TkhfzDSx5JgJFDpobx6ZH/9fAhI+/hJUED4rOJi1TMimfv5jk0abcHQwQ7V0VeCgQqCdEEJW73HabtBUbO6AWWzsF4fnyh1C+VyT76hJFI4o13+7TWVWsFvs2nSwleYUBUf5c6kVoXqxH5GBjBdK4r169ihltkiRGmIt2iF1HOTCWLvKPvPnepDTMpp1vTmNUUFVszkYsqm9Gv4tovSOScZCPthdzFlRgIhE/s+Pgn7J+kLbUuljINvPveVrH/YwPxC+vithjvB01Rm4wZMVUG38ndYwBDOhcIki7B8WusjAXaOdgWK7AtVmBbug8zLBLJuEZHdC5QHXwilUToCDsH22LPJJX89UzC4HcCHWT5wc4kTImuWOtihqO9J+kVkhttcZn963y6UrULMLvokdxbWB+WXB5ZLJYaPgHH1mwbhXvKWAAAAABJRU5ErkJggg==");
}

.product-item-wrapper {
  height: 100%;
  position: relative;
}
.product-item-wrapper .product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  background: #FAFAFA;
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.product-item-wrapper .product-item .product-image-container {
  margin-bottom: 12px;
}
.product-item-wrapper .product-item .product-image-container .product-image .product-image-bg {
  width: 100%;
  height: 160px;
  background-color: #FFFFFF;
  border-bottom: 0.25px solid #E0E0E0;
  border-radius: 6px 6px 0px 0px;
}
.product-item-wrapper .product-item .product-image-container.out-of-stock .product-image-bg::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #212529;
  content: "";
  opacity: 0.6;
}

.disabledText {
  color: #807e80;
}

.searchBoxContainer {
  min-width: 230px !important;
}

.redButton {
  color: #de263c;
  border-color: #de263c;
}

.stock-details.green .availability {
  color: #00904b;
}
.stock-details.orange .availability {
  color: #ea6520;
}
.stock-details.red .availability {
  color: #de263c;
}

.pdf-icon {
  background-image: url("data:image/png;base64,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");
}

.word-icon {
  background-image: url("data:image/png;base64,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");
}

.excel-icon {
  background-image: url("data:image/png;base64,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");
}

.generic-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAPPklEQVR42u2daVBUVxbHb7MI2KwqiywaVFBDMDSLuKAx0QQ1zheTmbjhVE1marBSSdVUPkylUmUSS2vMMIlWYkUnMY5ZNBlSU6WJNZ8crQxxizAqIouibKJRxACySdP0nH93X/JEaLDfe/Sl+/6rbvXr192v77vnd885977NwKS8WgZ3V0DKvRIFAMOA17Eq64BX4eWOBuf/6eNY9lEUg5vqpIVg9D4qFoPBYLFarX1sDIAwmo3Nje1LxY+Kv+N1nOPVz/EZB2EsCYa2UOml0oXi4+Nzv6+vD+/73F05ZxqNhsZ/cKMHOMp46iXjAwICgkkh4eHhIaGhoUZ6H0A9x5cajlExWO2ybYQv4zPle8cy1vf3NuX6X1b90hmV21RWFG8dxTrUdvD/A9ZbHcViNpstXV1ddzs6Omrpe3dpXQcVMxMYAj0B4D0ePR1GN5LRw4KCgiJiSOnp6ckLFiyY8+STTyZPmTJl8sSJE8MCAwOD6Ds+w214gN1c/o4rGmy7WEeGZyUlJay4uPjUtm3b/tLd3V1NH92m0s4EhkAvALBd3uODqUQYjcboOXPmzMzLy1v+7LPPZsfHx8f4+voaeK/mPVuTPzeMbLdG+r2RqLOzkxUVFTGCmX377bfHtmzZ8j7tUw2zQ3CPCQqBHgCgB8P4QVTCycgxycnJM19//fW1q1evXkIgBMLovb29jFym7VVrAAbdUZXGHu73AODs2bMsKSnJ5hEIgv8QBDtEh0BrALjxjVQmkbtPePHFF3O3bt36B/L6EWiY+/fv24rFYtHNTY+2eAg4ffo0S01NZTxPGAsQaAkAd/tw+ZHU06e9+eabv3vttddW+/v7+/b09NgaCT3e08QBOHnyJEtLS+NJ6ZiAQEsAYPzxVCKp50+nROiV/Pz8X9FwyIDGoaTIY3r8QCkBMJlM/aOJsQCBVgDA9QdSmUAxP/HVV1/dSAC8jCSPhkQ2l+/JUgKQkZHRb/ixAIEWAGAbGOqFUonPyclZdujQoa0hISEBSIzQMJ4uJQCZmZkPGF50CLQAAL0fGX8Uuf7ZtJN/Xbx4cQp6PXq/p7p9pZQAZGVlPWR4kSHQAgDe+6f+mrR///4/I+7fu3fPIxO+waQEIDs7e1DDO4HgFnPjZJFaAPB7xP5JAQEBs7755pt3c3NzTWgMuH9vkRKAefPmDWn4gRC88847O2jZrZ5ALQBw/xjzxyYnJ+ecOXNmN4UB/7a2Nq/p/ZASgPnz5zs1vGgQqAUAQ79Qg8GQuGnTppffe++9TTB8e3u7V8R+LiUACxcuHNbwIkGgFgAcyp3g7++ftHv37rfy8vKWIvHDmN+bpASARkEjMrwoEKgBAL/FwZ5JRqMx5ejRo7vS09NnwP1jjt+bpARg0aJFIza8CBCoBQAJYHRUVJTp7Nmzn9DrRACAeX5vkhKAp5566pEMr1w+fPiwbXQwmhCoBQBTvzGJiYlzCYC9lACOBwDeFP8hJQBLlix5ZMO7EwI1APAJoNiZM2fOJwD2+ZK8HYCnn37aJcO7CwK1AMADxM6ZMyfn1KlTn6LymADyZgCWLl3qsuHdAYEWAMRlZGQsLioq+hix39uGgJASgGXLlqky/GhDoAkAlP0v/uGHHyQABMBzzz3Xb8CxAIEmAJhMpkUnTpz4RAJwkuXm5j5gQNEh0ASAtLQ0GwCosLcDsHz58ocMqAMEmh1A0gQASgIXURIoASAAVq5cOagBNYbgKv3tbR8fn3b6DBC43OCaAJCamppz+vTpvRKAk+z5558f0oAaQXBs+/btO81mcyWt+8lgMHTSepdn3jQB4IknnsCRQAkAAbBq1SqnBtQCgu++++5kQUHBW9TWpfT3LcweClxqdE0ASElJWfjjjz9+6s0A4Kznqqoqdvv2bV3+g9w98/f3t5XAwEC2cePGl+7cuXOG2ZNCHH1zHwCzZ89eWFxc7LUAQBwCPY+D+Pr6suDgYJsnoLxr7a1bt87S6p+Y/YJUl5JBTQCYNWvWwpKSEq8GgEvPfQcAISEhNsimT5++vqmpqZhW36CC06/cB0BycvKCc+fO7ZMA6CuEAQ7AtGnT8igEwAM0MncDkJSUZAMAK73xWMBoSQlAYmLihubmZngA9wMwY8aM+efPn/8HVkoA9BMHAKfdAYC7d++KAQDFo/kXLlyQAOgsngPgjKvHHntsw88//ywGAETj/IsXL0oAdJYSgKlTp25oaWkRBoB5BMB+rJQA6CdhASB3NK+srGw/VkoA9BMHAPMNBMD61tbWEiYCAFQZGwC4i4YEQD8pAZgyZcr6trY2YQDIJgA+kwDoKyUACQkJ66mtxQCAKpNdXl4uAdBZSgDi4+PXtbe3/4+JAABVJruiokICoLOUAMTFxa3r6OgQAwDSXALgc0xUSAD0EwcA916ABxAGgNjY2LmVlZUSAJ2lBAAeoLOzUwwAJk+ePLeqqkoCoLMkAF4uJQDkddd1dXWJAUBMTMzcy5cvjwgAnDIlNbSOHDky5GcDAFhLAJxjggCQRQB8IQFQr5ECQF53bXd3txgAREdH2wBABWUI0E8cANyAAx5AGACioqKyrly5IgHQWcICEBkZmVVdXS0B0FkSAC+XEgDkAJQLiAHAxIkTs65duzYiAGQS6FwjSQJxEQoA6OnpkQB4msYkABMmTMgkAL5EBXGbOL2f/uGt8vPzY0ajsT8ECANAREREZk1NjQRAZykBiImJWWs2myUA3iRhAQgPD8+sra2VAOgsDgDPAYQDABXEpWHOAJBJoHM5SwKFBgAhAJcuSwDUaaQAIAT09vaKAUBYWFgGeYADIwFAynUJC0BoaGhGXV3dAVRQ5gD6SQLg5RIWgJCQkIz6+noJgM5C+44fP54ngWsIgPNsrAEgk0DnGi4J5ACQB1hjsVjEAIDcUnpDQ8NBJIESAHXyeACkXJcSgOjo6DXUzmIAQJVKv379ugRAZwkLQFBQkKmxsfErVBDPC5QA6CO0L7V1fwgQBoDAwEAbAPAAEgD95BEAyCTQuZwlgfwuoTwEWK1WMQAICAgw3bhxQwKggUYCANoYHmBMAiDlutC+1Nb9IUAoABACxo0bJwHQUcICQIbv9wConARAH0kAvFzCAkAVM928eXNEAMgk0LmGSwIRZh3nBEoAPFFjFgCEAFROhgD9JDwAqCAqJwHQR/yRMbg/gATACyUsAH5+fv05gARAP3kEADIJdK7hkkDexjglTALggRrTAOBwJdyTDAH6CMZHGzvuECIWADwJlADoJyUA5AFeolUXmCAApBEAX0sA9BUHAAfc4uLixAHA19c3jULA16gc7mQtAdBHAABXYAOA+Ph4sQDgHmA4AGQS6FzDJYH8EvyEhATxAOAeQN4jyHUNd10AAMAFuFOnThULgMbGRhsAeKKVvE2cPkL78tvxJiYmCgWA6fr167ZhIJ5qKQHQR2hfPJWltbWVzZgxYw2tEmMYCAAaGhoeAAAVldJOaFMOQEtLC0tOThYLgPr6ehsAeLCxBEB7oU0R/5FgIwTMmjVrLa0T4/JwiksPAGDb8BAAyCTQuYZKAnmnwhAQbZyamvpbSrjPMFEAqKurswHAh4ASANfkDAC0bVtbmy0UpKen/5GGg/+lj64zdwNArim9pqbmIAcAxpchQFsBAAyxccYVQoHJZPo9eYMTTBQArl27dhAVs21UAqC5AAC/8hptK1QIAABXr17tBwBjVQmAtoLhMQHE2zUlJWUDjbjEeHo4GT6jurr6AABABSUA2gsTbHD/vF0ff/zxtZQM4qlhN5gIAFy5csUGAIzvDAB3JoE7duxgSUlJbvt/VwX3D+PzERa9txIAv3FcHn6TShdzFwBk6HgyeDoA4MbnnmAwSQAeXXD/iP9c3d3dXZQErqP1pfT2J2YHwKXpV00AQA5QVVV1gBvfGQBSjyb0fpxjgREAb9Py8vLaF154YRMBUE5vb1O5z9wMQEZlZeWXHAA+ZSmlXphax+SPsj0PHTpU9MYbb2wmAKrobTOVHle3rxkAFRUVX6KS/KwVCYB6cdc/cGp98+bNewsLCz+h9VfpbSuVXlf/QzMAyC09AAC8gZTrgtHR8+EBBrSllfKoP1HOdZTZJ4HaqVhc/R/NALh06VI/ACgSANfFjY/Yj7ZUqqampnHlypX55B3KmD3+u5wAQpoBUFZWZssBJACuC4ZHwYQPAMCNoQdq586d/9yzZ88H9L1qetvCVMR/SCsAMi9evPgFPABuYCABeDRxw2Oyp7m52TbeDw8Pf+h75BHuP/PMM/l37tzBFDAmgFS5f0gzAEpLS/sBwCXMEoDBpTxbih/hwxAPZ/nA+DB8WFjYoL/dt2/fkYKCgr/Rb9D7kf27PPzj0gQASvoyz58//wVW4kaGAwEYuNMQdpyTryyeLuw3ejgf3sHwOMSLB0LGxsY+FPO5CI7WFStWvELf59O/mBlyOfvn0gqArHPnzn2OlQAAXgDegBOOnQXlSGpwVQt/hcvDejQICr7r6dcUcMj5Pf/Q4yMjIxk/kDbEb6z5+fnvfv/994dpsZbZY7/q3g9pCgB2DjuFnYGBQTcn3GLpI8+ABHEcvQb0hwr7sBHnu/vIGcQh9PHHf//Xhx9+sJs6B8b9d5g981cV+7lUA0CuHjlAVklJyefozTA8YllHRyd5AyMLDg4h9xZmM7bUo6uw8OC/Cwre/ZA8JIyPYR+O/MH1axIvNQGAPMDc48ePf1ZXV0duvY9FR8ez0NBwFZuWslh6zR99tPNgYeFXX5Hxa5nd+Ij7ZqaR8SEtAMDzAnJ27dq119/fyKKiYt3acJ6gy5crL9NQf395edlJMj5O+EDGz5M+TZMktQAEUgzH08NXbdu2/f2IiEnua7UxLsqf+ioqLl06duzo0RMnio5T4txIMb+J2ef6u5kOxofUAGCg3j+OkrnoSZMmrXj77S175Nh/eFGSi6S+l0ZAXbdu3WpuaGioa2iov1paeqG4qampjnp8Exn+Ln2njdnjPWb6kPDpMkZWlXJT7/ejigaHhoZOo7dxlAQGUOWDaNlX7bY9UDAgjI9ejN5spuVuaq8OMnoHLd+jgle4evR4M/sl2dNtgkQtAOjyfuSugqj3Y+I6iAj3Y/bwIAF4UFbHHECfAwILvQICGBoFPb3XUXiP131mTLWRaAjoQzvhQyRzw8s44FzcqH2O5b4By6M6HaplLzUMeJUaWtYhlkdd0lheLgmAl+v/4c7YYnvmJuoAAAAASUVORK5CYII=");
}

.product-document-ul {
  list-style-type: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.reward-tab {
  min-height: 45px;
  background-color: #d57245;
  -webkit-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.5);
  bottom: -100%;
}
@media (max-width: 767px) {
  .reward-tab {
    min-height: 20px;
  }
}
.reward-tab-container {
  max-height: 35px;
}
@media (max-width: 767px) {
  .reward-tab-container {
    max-height: 20px;
  }
}
.reward-tab.cart-padding {
  height: 0px;
  -webkit-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}
.reward-tab.cart-padding.open {
  height: 85px;
}
.reward-tab.in-cart {
  padding-right: 0px !important;
  max-width: 660px;
  position: absolute;
  right: 0;
  z-index: 9;
}
.reward-tab.above-totalContainer {
  bottom: -80px;
}
.reward-tab.open {
  bottom: 0;
}
.reward-tab.open.above-totalContainer {
  bottom: 80px;
}
.reward-tab .message-box {
  width: 100%;
}
.reward-tab .message-container {
  padding: 20px 35px;
}
.reward-tab .description a {
  color: #d57245 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 47px !important;
  width: 178px !important;
  border: 2px solid #d57245 !important;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  font-family: proxima-nova;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 20px;
  float: right;
}
.reward-tab .button {
  display: inline-block;
  position: relative;
  height: 75px;
  width: 75px;
  bottom: 35px;
  border-radius: 50%;
  outline: none;
  border: none;
  background-color: #d57245;
}
@media (max-width: 767px) {
  .reward-tab .button {
    width: 55px;
    height: 55px;
    bottom: 30px;
  }
}
.reward-tab .button.hidden {
  opacity: 0;
}
.reward-tab .button.reward {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .reward-tab .button.reward {
    margin-right: 0;
  }
}
.reward-tab .button.reward.in-cart {
  margin-right: 15px;
}
.reward-tab .button.discount {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .reward-tab .button.discount {
    margin-left: 0;
  }
}
.reward-tab .button.discount.in-cart {
  margin-left: 5px;
}
.reward-tab .icon {
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  /*
  &.reward {
      background: url("/Static/img/Rewards_Inactive_web.png");

      &.active {
          background: url("/Static/img/Rewards_Active_web.png");
      }
  }*/
  /*&.discount {
      background: url("/Static/img/Disc_Inactive_web.png");

      &.active {
          background: url("/Static/img/Disc_Active_web.png");
      }
  }*/
}
.reward-tab .icon:focus {
  outline: 0 !important;
}
@media (max-width: 767px) {
  .reward-tab .icon {
    width: 55px;
    height: 55px;
  }
}
.reward-tab .icon.active {
  width: 75px;
  height: 75px;
}
@media (max-width: 767px) {
  .reward-tab .icon.active {
    width: 55px;
    height: 55px;
  }
}
.reward-tab .icon.pulse {
  -webkit-animation: pulse 1s 1;
          animation: pulse 1s 1;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.reward-tab .text {
  padding: 5px 10px;
  display: block;
  font-family: proxima-nova;
  color: white;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: bold;
  opacity: 0.6;
}
@media (max-width: 767px) {
  .reward-tab .text {
    display: none;
  }
}
.reward-tab .text.active {
  font-size: 18px;
  letter-spacing: 0.14px;
  text-decoration: none;
  opacity: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .reward-tab .text.active {
    display: contents;
    font-size: 14px;
    padding: 0px;
  }
}

.progress-container {
  width: 270px;
  height: 14px;
  top: 50%;
  margin-left: -75px;
  text-align: left;
  font-family: proxima-nova;
  color: white !important;
  font-size: 16px;
  letter-spacing: 0.13px;
  font-weight: bold;
  line-height: 19px;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
@media (max-width: 767px) {
  .progress-container {
    margin-left: -55px;
    font-size: 14px;
    width: 240px;
  }
}
.progress-container.slide-up {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.progress2 {
  margin-top: 4px;
  padding: 2px;
  border-radius: 7px;
  background: rgba(28, 27, 25, 0.2);
}

.progress-bar2 {
  height: 10px;
  border-radius: 7px;
  background-image: #fff;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
  opacity: 1;
  -webkit-transition-property: width, background-color;
  transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
  background-color: #fff;
  opacity: 1;
  -webkit-animation: progressAnimation 6s;
          animation: progressAnimation 6s;
}

/* set z-index for modal windows because we could have multiple modal windows displayed on the page at the same time */
/* level one */
#subModal {
  z-index: 1054;
}

/* level two */
#viewSubstitutionModal,
#mocoCart,
#myCartSubstituteModal {
  z-index: 1053;
}

/* level three */
#saveToListModal,
#validationModal,
#mocoCheckout {
  z-index: 1062;
}

/* level one backdrop */
.modal-backdrop.show {
  opacity: 0;
}

/* level two backdrop */
.modal-backdrop.show + .modal-backdrop.show {
  z-index: 1053 !important;
}

/* level three backdrop */
.modal-backdrop.show + .modal-backdrop.show + .modal-backdrop.show {
  z-index: 1060 !important;
}

/* only show backdrop for highest modal */
.modal-backdrop.show:last-child {
  opacity: 0.75;
}

#deleteCartModal,
#deleteActionItemsModal {
  z-index: 1055;
}

/* rewards */
.rewardsummary .rewards-header {
  font-size: 16px;
  font-weight: bold;
}
.rewardsummary .rewards-box {
  border: 1px solid #f58723;
}
.rewardsummary .rewardSeparator {
  border-bottom: 1px solid #e2e2e2;
}
.rewardsummary .rewards-small-text {
  font-size: small;
}
.rewardsummary .btn.btn-primary {
  background-color: #025093;
  color: white;
}
.rewardsummary .btn.btn-primary:hover {
  background-color: #0b467a;
}

/* rewards gauge*/
.gauge-container {
  position: relative;
  width: 142px;
  height: 142px;
}
.gauge-container .gauge-element {
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.gauge-container .gauge-element svg {
  width: 100%;
  height: 100%;
}
.gauge-container .gauge-center-slot {
  position: absolute;
  width: 79%;
  height: 68.5%;
  top: 10.5%;
  left: 10.5%;
}
.gauge-container .gauge-bottom-slot {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  color: white;
}
.gauge-container .gauge-mask {
  -webkit-transform: rotate(136deg);
      -ms-transform: rotate(136deg);
          transform: rotate(136deg);
}

.msChatBox {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#lpcheckoutContainer {
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.limepay-checkout .btn-submit {
  background-color: #3b833a;
}
.limepay-checkout .btn-cancel {
  color: #9b9b9b;
  font-weight: bold;
  width: 100px;
  font-size: 14px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window {
  z-index: 1035 !important;
}
.fixed-footer #Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window.BottomRight {
  bottom: 90px;
}
.has-rewards #Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window.BottomRight {
  bottom: 70px;
}
.has-rewards.fixed-footer #Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window.BottomRight {
  bottom: 150px;
}

/* Text Colour Utility Classes */
.text-red-50 {
  color: #d00808;
}
.text-red-200 {
  color: #ff3b2f;
}
.text-green-300, .text-green-150 {
  color: #1fad4b;
}
.text-green-170 {
  color: #37825e;
}
.text-gold {
  color: #ea9643;
}
.text-gray-300 {
  color: #ddd;
}
.text-gray-480 {
  color: #787878;
}
.text-gray-800 {
  color: #333;
}
.text-blue {
  color: #0058a4;
}
.text-error {
  color: #c53131;
}
.text-orange {
  color: #ea9643;
}
.text-dark-orange {
  color: #c04e36;
}
.text-black {
  color: #000;
}
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
.text-bolder {
  font-weight: bolder;
}

/* Background Colour Utilities */
.bg-blue {
  background-color: #0058a4;
}
.bg-red {
  background-color: #de263c;
}
.bg-red-50 {
  background-color: #d00808;
}
.bg-gold {
  background-color: #ea9643;
}
.bg-light-gray {
  background-color: #ededed;
}
.bg-light-blue {
  background-color: #e9eef5;
}
.bg-light-red {
  background-color: #fff5f5;
}
.bg-light-orange {
  background-color: #fef8f2;
}

/* Misc utilities */
.rounded-xl {
  border-radius: 8px;
}

/* Promo Tile */
.promo-row {
  gap: 16px;
}
.promo-header span, .promo-header h4 {
  font-size: 16px;
}
.promo-header a, .promo-header .reward-tab .description a, .reward-tab .description .promo-header a {
  color: #000;
}
.promo-header a:hover {
  color: #000;
}
.promo-items {
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
.promo-items a:hover {
  text-decoration: none;
}
.promo-items-link {
  font-size: 10px;
}
.promo-items-link i {
  font-size: 16px;
}
.promo-items-link a, .promo-items-link .reward-tab .description a, .reward-tab .description .promo-items-link a {
  color: #000;
}
.promo-items-link a:hover {
  color: #000;
  text-decoration: none;
}
.promo-item {
  row-gap: 6px;
  font-size: 10px;
  width: 54px;
}
.promo-item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.promo img {
  -o-object-fit: cover;
     object-fit: cover;
}

.promo,
.teaser-tile {
  width: 100%;
}
@media (min-width: 992px) {
  .promo,
  .teaser-tile {
    width: calc(50% - 8px);
  }
}
@media (min-width: 1200px) {
  .promo,
  .teaser-tile {
    width: calc(33% - 8px);
  }
}

/* Ad Tile */
.img-full {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Statement payment page */
.inside-background__navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 6px solid white;
  height: 152px;
  padding-bottom: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media (max-width: 767px) {
  .inside-background__navbar {
    height: 74px;
    padding-bottom: 0;
  }
}
.inside-background__navbar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.inside-background__navbar-container .inside-background__mobile-header-content {
  display: none;
}
.inside-background__navbar-container .inside-background__desktop-header-content {
  display: block;
}
@media (max-width: 767px) {
  .inside-background__navbar-container {
    padding: 0 20px 0 0 !important;
    margin: 0 !important;
    max-width: unset;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .inside-background__navbar-container .navbar-brand {
    position: relative;
  }
  .inside-background__navbar-container #mocoHeaderLogo {
    height: 35px !important;
  }
  .inside-background__navbar-container .inside-background__mobile-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inside-background__navbar-container .inside-background__desktop-header-content {
    display: none;
  }
}
.inside-background__background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 152px);
  background-color: #0058a4;
  background-image: url("/static/img/icons-top-right-with-bg-desktop.png");
  background-position-y: top;
  background-position-x: right;
  background-repeat: no-repeat;
  padding-top: 42px;
  padding-bottom: 42px;
}
@media (max-width: 767px) {
  .inside-background__background {
    padding: 20px 16px;
    background-image: url("/static/img/icons-top-right-with-bg-mobile.png");
    background-position-y: bottom;
    background-position-x: left;
    min-height: calc(100vh - 74px);
  }
}
@media (max-width: 767px) {
  .inside-background__content-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.inside-background__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  min-height: 765px;
  max-height: calc(100vh - 236px);
  padding: 26px 32px 40px;
  border-radius: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767px) {
  .inside-background__content {
    min-height: unset;
    max-height: unset;
  }
  .inside-background__content:not(.bpoint-page) {
    background-color: unset;
    border-radius: unset;
    padding: 0;
  }
  .inside-background__content.bpoint-page {
    padding: 15px 15px 24px 15px;
  }
  .inside-background__content.bpoint-page .bpoint-page__right-container {
    -webkit-box-shadow: unset;
            box-shadow: unset;
    border-radius: unset;
    overflow: unset;
  }
  .inside-background__content.bpoint-page .bpoint-page__grey-rectangle {
    width: unset;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 11px;
    padding: 24px 15px 28px;
  }
  .inside-background__content.bpoint-page .bpoint-page__payment-section-row {
    margin-bottom: 10px;
  }
  .inside-background__content.bpoint-page .bpoint-page__payment-types {
    margin-top: 15px;
    margin-left: 16px;
    margin-right: 16px;
  }
  .inside-background__content.bpoint-page .bpoint-page__payment-type-label {
    width: 100%;
  }
  .inside-background__content.bpoint-page .bpoint-page__hr {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .inside-background__content.bpoint-page .bpoint-page__payment-section-totals-container {
    max-width: unset;
    margin: unset;
  }
  .inside-background__content.bpoint-page #bpoint_cardDiv {
    margin-left: 16px;
    margin-right: 16px;
  }
  .inside-background__content.bpoint-page .bpoint-page__info {
    margin-top: 20px;
  }
  .inside-background__content.bpoint-page #cardForm {
    margin-top: 15px;
  }
}
.inside-background__error-container {
  min-height: 765px;
  color: #fff;
  font-weight: 400;
  font-size: 30px;
  line-height: 56px;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 192px;
}
.inside-background__error-container p {
  width: 100%;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .inside-background__error-container {
    min-height: unset;
    margin-top: 74px;
    font-size: 19px;
    line-height: 28px;
  }
}
.inside-background__error-container a[href^="tel:"] {
  color: #fff;
}
.inside-background__title {
  color: #0058a4;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 6px;
}
.inside-background__sub-headings {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .inside-background__sub-headings {
    margin-bottom: 16px;
  }
}
.inside-background__sub-heading-1 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 2px;
  line-height: 20px;
}
.inside-background__sub-heading-2 {
  font-size: 15px;
  margin-bottom: 2px;
  line-height: 20px;
}
.inside-background__desktop-header-text-1 {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.25px;
  text-align: right;
}
.inside-background__desktop-header-call-link {
  display: block;
  margin-bottom: 3px;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right;
  color: #fff !important;
  text-decoration: none !important;
}
.inside-background__mobile-header-link {
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right;
  color: #fff !important;
  text-decoration: none !important;
}
.inside-background__desktop-header-support-link {
  display: block;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right;
  color: #fff !important;
  text-decoration: none !important;
}
.inside-background__desktop-external-link-icon {
  margin-left: 5px;
}
.inside-background__mobile-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.inside-background__mobile-header-icon {
  margin-right: 5px;
}

.payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  font-size: 15px;
  height: 100%;
}
@media (max-width: 767px) {
  .payment {
    border-radius: 8px;
    background-color: #fff;
    padding: 15px;
  }
}
.payment__sections-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.payment.payment--mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .payment.payment--mobile-only {
    border-radius: unset;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: unset;
    background-color: #E9EEF5;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0;
  }
  .payment.payment--mobile-only .payment__total-left {
    background-color: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .payment.payment--mobile-only .payment__bordered-content--right-padded {
    border-top: 1px solid #0058a4;
    padding: 15px;
  }
}
.payment__col-left {
  padding-right: 12px;
  max-width: 680px;
}
.payment__col-right {
  padding-left: 12px;
}
@media (max-width: 767px) {
  .payment__col-right {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .payment__col-right {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
}
.payment__bordered-content {
  padding: 21px 28px 4px;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.08);
}
.payment__bordered-content.payment__bordered-content--left {
  height: 100%;
  max-height: max(100vh - 398px, 603px);
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .payment__bordered-content.payment__bordered-content--left {
    max-height: unset;
    overflow-y: unset;
    overflow-x: unset;
  }
}
.payment__bordered-content.payment__bordered-content--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  background-color: #E9EEF5;
  overflow: hidden;
}
.payment__bordered-content .payment__bordered-content--right-padded {
  padding: 15px;
}
@media (max-width: 767px) {
  .payment__bordered-content {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.payment__title-left-desktop {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .payment__title-left-desktop {
    display: none;
  }
}
.payment__item-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.payment__item-title--green {
  color: #009c4f;
}
.payment__item-title--blue {
  color: #0058a4;
}
.payment__item-title--red {
  color: #BE122A;
}
.payment__item-title--grey {
  color: #000;
}
@media (max-width: 767px) {
  .payment__item-title--mobile-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.payment__total-left {
  background-color: #E9EEF5;
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 15px;
  margin-left: -15px;
  margin-right: -15px;
  font-weight: 700;
}
.payment__statement-title-hr {
  margin-top: 15px;
  margin-bottom: 20px;
  border-color: #D9D9D9;
}
@media (max-width: 767px) {
  .payment__statement-title-hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.payment__fee-category-title {
  font-weight: 600;
  line-height: 100%;
}
.payment__item-subtitle {
  margin-top: 2px;
  color: #333;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.payment__items-left {
  margin-left: 15px;
  margin-right: 15px;
}
.payment__item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
  line-height: 20px;
}
.payment__item-left.payment__item-left-mobile {
  display: none;
}
@media (max-width: 767px) {
  .payment__item-left.payment__item-left-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.payment__item-total-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.payment__item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 9px;
}
.payment__sub-total {
  font-weight: 600;
}
.payment__date-right {
  margin-left: 12px;
}
.payment__cost-right {
  margin-left: 12px;
  white-space: nowrap;
}
.payment__total-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.25px;
  margin-top: 5px;
}
.payment__total-right--l-desktop-only {
  display: none;
}
@media (min-width: 1200px) {
  .payment__total-right--l-desktop-only {
    display: inline-block;
  }
}
.payment__total-right--desktop-only {
  display: block;
  margin-top: 4px;
  margin-bottom: 2px;
}
@media (min-width: 1200px) {
  .payment__total-right--desktop-only {
    display: none;
  }
}
@media (max-width: 991px) {
  .payment__total-right--desktop-only {
    text-align: center;
  }
}
.payment__total-right--desktop-only .payment__cost-right {
  margin-left: 0;
}
.payment__total-right--l-mobile-only {
  display: none;
}
@media (min-width: 390px) {
  .payment__total-right--l-mobile-only {
    display: inline-block;
  }
}
.payment__total-right--mobile-only {
  display: block;
  margin-top: 4px;
  margin-bottom: 2px;
}
@media (min-width: 390px) {
  .payment__total-right--mobile-only {
    display: none;
  }
}
.payment__total-right--mobile-only .payment__cost-right {
  margin-left: 0;
}
.payment__subtotal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0px;
  margin-top: 5px;
  color: #0058a4;
}
.payment__total-right-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.payment__total-right-row .payment__cost-right {
  margin-left: 0;
}
@media (max-width: 991px) {
  .payment__total-right-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
  .payment__total-right-row .payment__total-right {
    margin-top: 0;
  }
  .payment__total-right-row .payment__cost-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    margin-top: 0;
  }
}
.payment__total-mobile-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.payment__total-mobile-row .payment__cost-right {
  margin-left: 0;
}
.payment__disclaimer-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
}
@media (max-width: 384px) {
  .payment__disclaimer-text {
    margin-top: 3px;
  }
}
.payment__error-container {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__error-icon {
  height: 18px;
}
.payment__error {
  color: #BE122A;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
}
.payment__error--mobile {
  min-height: 24px;
}
.payment__error-red-bar {
  background-color: #BE122A;
  padding: 10px 15px;
  margin-top: 0;
}
.payment__error-red-bar .payment__error-icon {
  color: #fff;
}
.payment__error-red-bar .payment__error {
  color: #fff;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.payment__error-red-bar .payment__error p {
  margin-bottom: 0;
}
.payment__total-left {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 14px;
  background-color: #fff;
  border-radius: 17px;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.payment__select-items-header-container {
  margin: 30px -15px 28px -15px;
}
.payment__select-items-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  text-align: center;
  border-radius: 17px;
  background-color: #0058a4;
  color: #fff;
}
.payment__fee-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
  font-weight: unset;
}
.payment__fee-list-item--disallow-selection {
  cursor: unset;
}
.payment__fee-list-item--disabled {
  pointer-events: none;
}
.payment__fee-list-item .payment__fee-category-chevron-right {
  margin-top: 3px;
}
.payment__fee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  text-decoration: none !important;
  color: #333 !important;
}
.payment__fee-item.payment__fee-item--disallow-selection {
  color: #7E7E7E !important;
}
.payment__fee-item:not(.collapsed) .payment__fee-category-chevron-right {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.payment__fee-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__fee-item-collapse {
  padding-right: 34px;
  width: 100%;
  cursor: default;
}
.payment__fee-item-collapse-content {
  padding: 15px;
  border-bottom: 1px solid #C6C6C6;
  margin-bottom: 10px;
  font-size: 14px;
}
.payment__fee-item-collapse-content button.disabled {
  cursor: not-allowed;
  color: #7e7e7e !important;
  border-color: #7e7e7e !important;
  background-color: #fff !important;
}
.payment__fee-item-checkbox {
  margin: 7px;
  width: 20px;
  height: 20px;
  accent-color: #0058a4;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment__fee-item-checkbox--disabled {
  accent-color: #7f7f7f;
  cursor: not-allowed;
  pointer-events: none;
}
.payment__fee-item-disabled-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 7px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background-color: #DADADA;
  cursor: not-allowed;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment__fee-category-hr {
  margin-top: 0;
  margin-bottom: 20px;
  border-color: #D9D9D9;
}
.payment__collapse-container {
  padding-right: 2px;
}
.payment__collapse-body-inner {
  list-style-type: none;
  padding: 0;
  margin-bottom: 12px;
}
.payment__collapse-body-inner .payment__desktop-only {
  display: unset;
}
@media (max-width: 767px) {
  .payment__collapse-body-inner .payment__desktop-only {
    display: none;
  }
}
@media (max-width: 767px) {
  .payment__collapse-body-inner .mobile-full-width {
    width: 100%;
  }
}
.payment__fee-category-chevron-right {
  font-size: 13px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  color: #434343;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  margin-right: 10px;
  line-height: 15px;
}
.payment__collapse-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.payment__collapse-header {
  text-decoration: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px;
  width: 100%;
}
.payment__collapse-header--green .payment__fee-category-title {
  color: #009c4f;
}
.payment__collapse-header--red .payment__fee-category-title {
  color: #BE122A;
}
.payment__collapse-header--blue .payment__fee-category-title {
  color: #0058a4;
}
.payment__collapse-header--grey .payment__fee-category-title {
  color: #000;
}
.payment__collapse-header:not(.collapsed) .payment__fee-category-chevron-right {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.payment__collapse-header.payment__collapse-header--single-line {
  padding-bottom: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__collapse-header--disabled {
  cursor: default;
}
.payment__collapse-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.payment__collapse-body--green .payment__fee-item {
  background-color: #EFF8EE;
}
.payment__collapse-body--red .payment__fee-item {
  background-color: #FFF4F4;
}
.payment__collapse-body--blue .payment__fee-item {
  background-color: #e9eef5;
}
.payment__collapse-body--grey .payment__fee-item {
  background-color: #EFEFEF;
}
.payment__select-all-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
  margin-left: 12px;
}
.payment__select-all-container.payment__collapse-header--single-line {
  padding-bottom: 0px;
}
.payment__select-all-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: right;
  color: #0058a4;
  white-space: nowrap;
  margin-bottom: 0;
  cursor: pointer;
}
.payment__total-title-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 14px;
  color: #0058a4;
}
.payment__total-title-left {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #0058a4;
  margin-left: 14px;
  margin-right: 14px;
}
.payment__proceed-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.payment__proceed-button-container.payment--mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .payment__proceed-button-container.payment--mobile-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.payment__proceed-button-chevron-right {
  font-size: 13px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  color: #434343;
  margin-left: 10px;
}
.payment__proceed-button {
  padding: 9px 14px;
  background-color: #FEA34C;
  color: #000;
  border: none;
  font-weight: 600;
}
@media (max-width: 767px) {
  .payment__proceed-button {
    margin-top: 0;
  }
}
.payment__proceed-button:hover {
  background-color: #F0753E;
  color: #fff;
}
.payment__proceed-button:hover .payment__proceed-button-chevron-right {
  color: #fff;
}
.payment__proceed-button:disabled, .payment__proceed-button[disabled] {
  background-color: #D9D9D9;
  color: #fff;
  cursor: not-allowed;
}
.payment__proceed-button:disabled .payment__proceed-button-chevron-right, .payment__proceed-button[disabled] .payment__proceed-button-chevron-right {
  color: #fff;
}
.payment__proceed-button--desktop-only {
  display: none;
}
@media (min-width: 992px) {
  .payment__proceed-button--desktop-only {
    display: block;
  }
}
.payment__proceed-button--s-desktop-only {
  display: block;
  margin-top: 14px;
}
@media (min-width: 991px) {
  .payment__proceed-button--s-desktop-only {
    display: none;
  }
}
.payment__bottom-content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 20px;
}
.payment__bottom-content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 5px;
}
@media (max-width: 1199px) {
  .payment__bottom-content-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.payment__bottom-content-row.payment__bottom-content-row--mobile {
  display: none;
}
@media (max-width: 767px) {
  .payment__bottom-content-row.payment__bottom-content-row--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
  }
}
.payment__bottom-content-row-text {
  color: #0058a4;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 1199px) {
  .payment__bottom-content-row-text-break {
    display: none;
  }
}
.payment__my-account-btn {
  font-size: 13px;
  font-weight: 600;
}
.payment .order-history-row {
  padding-top: 0;
}

.font-weight-semi-bold {
  font-weight: 600;
}

.no-wrap {
  white-space: nowrap;
}

.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.authenticated-payment .order-history-row .orders-filters__input-group .dollar-sign {
  bottom: 4px;
}
.authenticated-payment .order-history-row-left {
  padding-left: 0;
  padding-right: 30px;
}
.authenticated-payment .orders-filters {
  min-width: 250px;
}
.authenticated-payment .payment__col-left {
  padding-right: 0;
  max-width: unset;
}
@media (max-width: 991.98px) {
  .authenticated-payment .payment__col-left {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    padding-left: 10px;
  }
}
@media (max-width: 991.98px) {
  .authenticated-payment .payment .no-results-msg {
    min-height: 427px;
  }
}
.authenticated-payment .payment__bordered-content.payment__bordered-content--left {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-right: 15px;
}
@media (max-width: 991.98px) {
  .authenticated-payment .payment__bordered-content.payment__bordered-content--left {
    padding-right: 10px;
  }
}
.authenticated-payment .payment__fee-category-title {
  color: #0058a4 !important;
  font-size: 18px;
}
.authenticated-payment .payment__select-items-header-container {
  margin-top: 0;
}
.authenticated-payment .payment__fee-list-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.authenticated-payment .payment__collapse-container {
  padding-bottom: 16px;
}
.authenticated-payment .payment .mobile-filters-button-container .mobile-filters-button {
  margin-top: -82px;
}
@media (min-width: 768px) {
  .authenticated-payment .payment .mobile-filters-button-container .mobile-filters-button {
    margin-top: -95px;
    margin-right: -15px;
  }
}
.authenticated-payment .payment .mobile-filters-button-container .count-badge--quick-filter {
  margin-top: -81px;
}
@media (min-width: 768px) {
  .authenticated-payment .payment .mobile-filters-button-container .count-badge--quick-filter {
    margin-top: -94px;
    margin-right: -15px;
  }
}
.authenticated-payment .payment.payment--mobile-only {
  z-index: 5;
}
@media (max-width: 767px) {
  .authenticated-payment .payment.payment--mobile-only .desktop-size {
    display: none;
  }
}
@media (min-width: 768px) {
  .authenticated-payment .payment.payment--mobile-only {
    border-radius: unset;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: unset;
    background-color: #E9EEF5;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0;
  }
  .authenticated-payment .payment.payment--mobile-only .mobile-size {
    display: none;
  }
  .authenticated-payment .payment.payment--mobile-only .desktop-size {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .authenticated-payment .payment.payment--mobile-only .desktop-size .label-selected {
    max-width: 150px;
    margin-right: 20px;
    margin-top: 5px;
  }
  .authenticated-payment .payment.payment--mobile-only .desktop-size .total-section {
    margin-right: 31px;
  }
  .authenticated-payment .payment.payment--mobile-only .desktop-size .payment__total-mobile-row {
    gap: 0;
  }
  .authenticated-payment .payment.payment--mobile-only .desktop-size .payment__subtotal-title {
    margin-top: 0;
    margin-right: 34px;
  }
  .authenticated-payment .payment.payment--mobile-only .desktop-size .payment__total-right {
    margin-top: 0;
  }
  .authenticated-payment .payment.payment--mobile-only .payment__total-left {
    background-color: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .authenticated-payment .payment.payment--mobile-only .payment__bordered-content--right-padded {
    padding: 15px;
    border-top: 1px solid #0058a4;
  }
  .authenticated-payment .payment.payment--mobile-only .payment__error-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* BPoint payment page */
.bpoint-page__header-and-back-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
}
.bpoint-page__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #0058a4;
  margin-bottom: 10px;
}
.bpoint-page__back-chevron {
  color: #0058a4;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  font-size: 16px;
  padding: 10px;
  margin: -8px 0px 0 -5px;
  cursor: pointer;
}
.bpoint-page__left-info-row {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 2px;
}
.bpoint-page__subtitle {
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 100px;
}
.bpoint-page__total-header {
  background-color: #e9eef5;
  padding: 8px 14px;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 15px;
}
.bpoint-page__payment-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 14px;
  margin-right: 14px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 10px;
  font-weight: 600;
}
.bpoint-page__total-row {
  background-color: #e9eef5;
  padding: 8px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.bpoint-page__right-container {
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.bpoint-page__payment-section {
  padding: 30px 30px 35px;
  max-height: max(100vh - 454px, 547px);
  overflow-y: auto;
}
.bpoint-page__payment-section .bpoint-cardExpiry .bpoint-col-sm-12 {
  width: 50%;
}
.bpoint-page__payment-section .bpoint-cardCvn {
  width: 50% !important;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .bpoint-page__payment-section {
    padding: 0;
    max-height: unset;
    margin-top: 20px;
  }
}
.bpoint-page__payment-section--hide {
  display: none;
}
.bpoint-page__payment-section-title {
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.25px;
  margin-bottom: 44px;
}
.bpoint-page__payment-section-title--margin-top {
  margin-top: 52px;
}
.bpoint-page__payment-section-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.bpoint-page__payment-section-row-left {
  width: 110px;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.25px;
}
.bpoint-page__payment-section-row-left--full-width {
  width: 100%;
}
.bpoint-page__payment-section-row-right {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0;
}
.bpoint-page__payment-section-totals-container {
  max-width: 422px;
  margin: auto;
}
.bpoint-page__hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-color: #D0D0D0;
}
.bpoint-page__grey-rectangle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #253E51;
  width: 100%;
  padding: 30px 38px 30px 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bpoint-page__header-img-bpoint-logo {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
@media (max-width: 991px) {
  .bpoint-page__header-img-bpoint-logo {
    width: 178px;
  }
}
.bpoint-page__header-img-combank-logo {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
@media (max-width: 991px) {
  .bpoint-page__header-img-combank-logo {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .bpoint-page__header-img-combank-logo {
    width: 105px;
  }
}
.bpoint-page #cardForm {
  max-width: 422px;
  margin: auto;
  margin-top: 25px;
}
.bpoint-page .bpoint-container {
  max-width: unset;
  padding: 0;
}
.bpoint-page .bpoint-container label {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.bpoint-page .bpoint-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
}
.bpoint-page .bpoint-cardExpiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
}
.bpoint-page .bpoint-cardExpiry-month,
.bpoint-page .bpoint-cardExpiry-year {
  width: 100%;
  margin-bottom: 0;
}
.bpoint-page #bpoint_cardExpiryMonth,
.bpoint-page #bpoint_cardExpiryYear {
  width: 100%;
}
.bpoint-page .bpoint-cardCvn {
  width: 200px;
}
.bpoint-page .bpoint-btn {
  width: 100%;
  padding: 9px 14px;
  background-color: #FEA34C;
  color: #000;
  border: none;
  font-weight: 600;
  font-size: 17px;
  border-radius: 8px;
  margin-top: 10px;
  text-transform: uppercase;
}
.bpoint-page .bpoint-btn:focus {
  color: #000;
  background-color: #FEA34C;
}
.bpoint-page .bpoint-btn:hover {
  background-color: #F0753E !important;
  color: #fff !important;
}
.bpoint-page .bpoint-btn--try-again {
  width: auto;
}
.bpoint-page .save-card-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 14px;
  cursor: pointer;
  font-size: 15px;
}
.bpoint-page .save-card-checkbox {
  margin-right: 8px;
  accent-color: #0058a4;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.bpoint-page__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.25px;
  text-align: center;
  margin-top: 30px;
  color: #0058a4;
}
.bpoint-page__payment-type-label {
  padding: 10px;
  border: 1px solid #EFEFEF;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-bottom: 0;
  height: 39px;
  width: 205px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
.bpoint-page__payment-type-label--active {
  border-color: #0058a4;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1490196078);
}
.bpoint-page__payment-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.bpoint-page__payment-type-radio {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  accent-color: #0058a4;
}
.bpoint-page apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 44px;
  --apple-pay-button-border-radius: 8px;
  --apple-pay-button-padding: 0px 0px;
  --apple-pay-button-box-sizing: border-box;
}
.bpoint-page__hidden {
  display: none;
}
.bpoint-page__hidden #cardForm {
  display: none;
}
.bpoint-page__payment-declined-container {
  margin-left: 20px;
  margin-right: 20px;
}
.bpoint-page__payment-declined-container .payment__error-red-bar {
  background-color: #FFF4F4;
}
.bpoint-page__payment-declined-container .payment__error-red-bar .payment__error-icon {
  color: #BE122A;
}
.bpoint-page__payment-declined-container .payment__error-red-bar .payment__error {
  color: #BE122A;
}
.bpoint-page #result {
  max-width: 422px;
  margin: auto;
  text-align: center;
}
.bpoint-page #result #outcome {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #0058a4;
}
.bpoint-page #result #outcome-img {
  display: none;
  margin: auto;
  margin-bottom: 10px;
}
.bpoint-page .bpoint-confirmation {
  padding: 30px 30px 35px;
  max-height: max(100vh - 454px, 547px);
  overflow-y: auto;
  display: none;
}
@media (max-width: 767px) {
  .bpoint-page .bpoint-confirmation {
    padding: 0;
    max-height: unset;
    margin-top: 20px;
  }
}
.bpoint-page .bpoint-confirmation__title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.bpoint-page .bpoint-confirmation__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #0058a4;
  margin-bottom: 0;
}
.bpoint-page .bpoint-confirmation__title-img {
  margin-right: 9px;
}
.bpoint-page .bpoint-confirmation__content-area {
  margin-left: 33px;
}
.bpoint-page .bpoint-confirmation__text {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0px;
  color: #0058a4;
}
.bpoint-page .bpoint-confirmation__hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-color: #D0D0D0;
}
.bpoint-page .bpoint-confirmation__line-items {
  padding: 0;
}
.bpoint-page .bpoint-confirmation__line-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.25px;
  margin-bottom: 20px;
}
.bpoint-page .bpoint-confirmation__line-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 213px;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 991px) {
  .bpoint-page .bpoint-confirmation__line-item-left {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .bpoint-page .bpoint-confirmation__line-item-left {
    width: 116px;
  }
}
.bpoint-page .bpoint-confirmation__line-item-right {
  overflow-wrap: anywhere;
}
.bpoint-page .bpoint-confirmation__info {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.25px;
  color: #0058a4;
  margin-bottom: 25px;
}
.bpoint-page .bpoint-confirmation__print-button {
  padding: 4px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  color: #0058a4;
  border: 1px solid #0058a4;
  font-weight: bold;
}
@media (max-width: 767px) {
  .bpoint-page .bpoint-confirmation__print-button {
    display: none;
    width: 116px;
  }
}
.bpoint-page .bpoint-confirmation__print-button:hover {
  background-color: #0058a4;
  border-color: #0058a4;
  color: #fff;
}
.bpoint-page .bpoint-confirmation__print-button:hover .bpoint-confirmation__print-button-icon {
  content: url("/static/img/print-white.svg");
}
.bpoint-page .bpoint-confirmation__print-button-icon {
  margin-right: 4px;
}
.bpoint-page .bpoint-confirmation--show {
  display: block;
}
.bpoint-page .load-bar {
  margin-top: 20px;
  padding-bottom: 13px;
}

.is-mobile-remittance-payment #mocoHeader {
  display: none;
}
.is-mobile-remittance-payment .inside-background__left-col {
  display: none;
}
.is-mobile-remittance-payment .inside-background__background {
  min-height: 100vh;
  padding-bottom: 776px;
}
.is-mobile-remittance-payment .bpoint-page__grey-rectangle {
  margin-top: 0 !important;
}
.is-mobile-remittance-payment .container.inside-background__content.bpoint-page {
  padding-top: 0 !important;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .bpoint-payment-page.header-and-footer .inside-background__left-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    max-width: 31%;
  }
  .bpoint-payment-page.header-and-footer .inside-background__right-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
            flex: 0 0 69%;
    max-width: 69%;
  }
}
/*# sourceMappingURL=D:\a\1\s\Moco.Ecommerce\Moco.Ecommerce.Site\Static\scss\moco.css.map */