/*** ***/
/** If you are looking at css/site.css, DO NOT EDIT - Auto-generated from sass/site.scss **/
/*** ***/
/*** svg icons */
.sicon {
  display: inline-flex;
  align-self: center; }

.sicon svg, .sicon img {
  height: 1em;
  width: 1em;
  fill: none;
  stroke: currentColor; }

.sicon.baseline svg, .sicon img {
  top: .125em;
  position: relative; }

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  font-size: 1rem; }

.icon-stack-1x,
.icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.icon-stack-1x {
  line-height: inherit; }

.icon-stack-2x {
  font-size: 2em; }

.icon-wrapper-lg {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: .25rem;
  margin-left: .25rem; }
  .icon-wrapper-lg .bi, .icon-wrapper-lg .sicon {
    position: absolute;
    font-size: 1.4em;
    top: -0.45em;
    left: -0.2em; }

.icon-wrapper-xl {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: .25rem;
  margin-left: .25rem; }
  .icon-wrapper-xl .bi, .icon-wrapper-xl .sicon {
    position: absolute;
    font-size: 1.75em;
    top: -0.45em;
    left: -0.2em; }

/*** Header */
.page-header {
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem; }
  .page-header .logo {
    max-width: 150px;
    padding: 0;
    padding-left: 10px; }
  .page-header .search-input-top {
    max-width: 31rem; }
  .page-header .search-bar-bottom {
    max-width: 35rem;
    margin-left: auto;
    margin-right: auto; }
  .page-header .nav-burger {
    border: 1px solid #FFF;
    border-radius: 50%;
    padding: 1px 2px 1px 2px; }
    .page-header .nav-burger:hover {
      border-color: #adb5bd;
      background-color: #e7efed; }
    .page-header .nav-burger:active {
      border-color: #005741;
      background-color: #e7efed; }
  .page-header .nav-link {
    color: #01271c; }
    .page-header .nav-link .sicon, .page-header .nav-link .nav-icon {
      margin-right: 10px; }
  .page-header .cart-btn {
    position: relative; }
    .page-header .cart-btn .cart-count-container {
      display: none;
      position: absolute;
      top: -10px;
      right: -8px;
      vertical-align: middle;
      background-color: #005741;
      color: #FFF;
      font-size: 0.75rem;
      width: 21px;
      height: 21px;
      border-radius: 50%; }
    .page-header .cart-btn:hover .cart-count-container {
      background-color: #FFF;
      color: #005741;
      border: 1px solid #005741;
      width: 23px;
      height: 23px; }

@media (min-width: 992px) {
  .page-header .logo {
    max-width: 200px;
    padding: 5px 0; }
  .page-header .nav-link {
    color: #01271c; }
    .page-header .nav-link .sicon, .page-header .nav-link .nav-icon {
      display: none; } }

@media (min-width: 1400px) {
  .page-header .logo {
    max-width: 260px;
    padding: 5px 0; } }

/*** Footer */
.page-footer {
  background-color: #005741;
  padding-top: 1rem;
  margin-top: 2rem; }
  .page-footer .footer-copyright {
    margin-bottom: 1rem;
    font-size: 0.875rem; }

/*** Footer */
body {
  background-color: #fbfcfc; }

/*** Generic widgets */
.logo-secondary {
  max-width: 350px;
  width: 100%; }

.btn-circle {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  padding: 5px; }

.btn-circle-sm {
  width: 32px;
  height: 32px;
  font-size: 0.875rem; }

.btn-circle-lg {
  width: 40px;
  height: 40px;
  font-size: 1.125rem; }

.btn-circle:after {
  content: '';
  padding-top: 100%;
  display: table; }

.alert-white {
  color: #212529;
  background-color: #FFF;
  border: 2px solid #dee2e6; }

/** jquery sortable styles */
body.dragging, body.dragging * {
  cursor: move !important; }

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000; }

.dropdown-toggle::after {
  display: none; }

.hidden {
  display: none !important; }

.pointer {
  cursor: pointer; }

.btn-dark-form-action {
  font-weight: 300;
  padding: .656rem 1rem;
  font-size: 0.875rem;
  border-radius: .85rem;
  width: 100%;
  color: #000;
  background-color: #FFF; }
  .btn-dark-form-action:hover {
    color: #000;
    border-color: #005741;
    background-color: #FFF; }

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

.form-control-lg {
  font-weight: 300; }

.btn-header {
  font-size: 0.75rem;
  padding: .437rem .75rem;
  border-radius: .625rem; }

.modal-content .modal-body {
  padding: 0rem 1rem; }

.modal-footer .modal-footer-left .btn {
  margin-right: 0.5rem; }

.modal-footer .modal-footer-right .btn {
  margin-left: 0.5rem; }

.btn-modal-cancel {
  color: #6c757d;
  font-size: 0.875rem; }

.btn-modal-link {
  color: #495057;
  font-size: 0.875rem;
  text-decoration: underline; }

.form-check-inline {
  margin-bottom: 0; }

.form-floating label {
  font-size: 0.85rem; }

.text-standout-color {
  color: #dc3545 !important; }

.offcanvas-start {
  width: 300px;
  border-top-right-radius: 0.65rem;
  border-bottom-right-radius: 0.65rem; }

.offcanvas-end {
  width: 300px;
  border-top-left-radius: 0.65rem;
  border-bottom-left-radius: 0.65rem; }

.page-title-header {
  margin-bottom: 1.5rem; }

.page-section-title-header {
  display: inline-block;
  margin-top: 1.5rem; }

.page-section-title-header-first {
  display: inline-block; }

.page-tothetop-link {
  margin-left: 0.75rem;
  color: #999999; }

.text-disclaimer {
  color: #777;
  font-size: 0.875rem; }

.blockquote {
  border-left: .25rem solid #eceeef;
  padding: .5rem 1rem; }

.sheret-card-container {
  padding: 5px;
  text-align: center; }

.sheret-card, .sheret-card-med, .sheret-card-small {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }

/* Default card size ideal for 320px phone screen. Works best with col-sm-12 col-md-6 col-lg-6 col-xl-4 */
.sheret-card {
  height: 280px;
  width: 280px; }

.sheret-card-med {
  height: 245px;
  width: 245px; }

/* Small card size ideal for col-sm-6 col-md-4 col-lg-4 col-xl-3 */
.sheret-card-small {
  height: 210px;
  width: 210px; }

.sheret-card-extra-small {
  height: 160px;
  width: 160px; }

.sheret-card-super-small {
  height: 120px;
  width: 120px; }

.sheret-card-top {
  height: 220px;
  line-height: 220px; }

.sheret-card-med-top {
  height: 185px;
  line-height: 185px; }

.sheret-card-small-top {
  height: 150px;
  line-height: 150px; }

.sheret-card-extra-small-top {
  height: 100px;
  line-height: 100px; }

.sheret-card-super-small-top {
  height: 60px;
  line-height: 60px; }

.sheret-card-img {
  max-height: 210px;
  max-width: 270px; }

.sheret-card-med-img {
  max-height: 175px;
  max-width: 235px; }

.sheret-card-small-img {
  max-height: 140px;
  max-width: 200px; }

.sheret-card-extra-small-img {
  max-height: 90px;
  max-width: 150px; }

.sheret-card-super-small-img {
  max-height: 50px;
  max-width: 110px; }

.sheret-card-bottom {
  padding: 0.25rem;
  padding-top: 0rem; }

.sheret-card-text {
  font-size: 0.875rem;
  margin-bottom: 0.25rem; }

/* Custom datatables styles */
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  background: solid;
  left: auto;
  /* needed to quash base setting */
  top: 0;
  /* Note: top has no effect here, need to quash base setting */
  width: 60%;
  /* adjust remaining space for margin*/
  margin: 115px 20% 0px 20%;
  padding: 0px 0px 40px 0px;
  text-align: center;
  color: black;
  background: #669A8D !important;
  /* removes gradient */
  border: 2px solid #ddd;
  z-index: 1000000;
  opacity: 0.9;
  font-weight: bold;
  height: 24px !important;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */ }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #005741;
  border-color: #005741;
  color: #FFF !important;
  border-radius: 5px;
  padding: 0.1rem 0.25rem 0.1rem 0.25rem; }

.dataTables_wrapper .dataTables_paginate {
  padding-bottom: 0.25rem;
  padding-top: 0rem;
  padding-left: 0.5rem; }

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
  padding: 0rem;
  margin-left: 0;
  color: #FFF;
  background-color: #005741;
  border: 0; }

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link:hover {
  color: #FFF !important;
  background-color: #005741 !important;
  border-color: #005741;
  background-image: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #FFF !important;
  background-color: #005741 !important;
  border-color: #005741;
  background-image: none; }

.dataTables_wrapper .page-item.disabled .page-link {
  color: #adb5bd;
  pointer-events: none;
  background-color: #669A8D;
  border-color: #dee2e6;
  background-image: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link:disabled {
  background-color: #669A8D !important;
  color: #adb5bd !important;
  background-image: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: #669A8D;
  border-color: #dee2e6;
  background-image: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: #adb5bd;
  pointer-events: none;
  background-color: #669A8D;
  border-color: #dee2e6; }

/* The responsive row expand button */
table.dataTable.dtr-inline.collapsed tbody tr td:first-child::before, table.dataTable.dtr-inline.collapsed tbody tr th:first-child::before {
  background-color: #005741; }

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child::before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child::before {
  background-color: #dc3545; }

.data-search-grid-contents-container {
  border: 2px solid #dee2e6;
  min-height: 355px;
  background-color: #FFF;
  border-radius: 0.65rem;
  margin-top: 0.5rem; }
  .data-search-grid-contents-container .data-search-input-group {
    max-width: 20rem; }
    .data-search-grid-contents-container .data-search-input-group .input-group-text {
      background-color: #FFF; }
    .data-search-grid-contents-container .data-search-input-group input {
      border-right: 0px; }
  .data-search-grid-contents-container .data-search-grid-tools .data-search-filters {
    padding: 0.1565rem 0.5rem;
    background-color: #F6F7F7;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem; }
  .data-search-grid-contents-container .data-search-grid-tools .data-search-filter-label {
    font-size: 0.75rem;
    margin-right: 8px; }
  .data-search-grid-contents-container .data-search-grid-tools .form-check-label {
    font-size: 0.75rem; }
  .data-search-grid-contents-container .data-search-grid-tools .data-search-date-selection {
    width: 115px;
    font-size: 0.75rem;
    margin-right: 8px; }
  .data-search-grid-contents-container .data-search-grid-tools .data-search-fromdate, .data-search-grid-contents-container .data-search-grid-tools .data-search-todate {
    width: 90px;
    font-size: 0.75rem; }
  .data-search-grid-contents-container .data-search-grid-tools .btn-circle {
    margin-left: 15px; }
  .data-search-grid-contents-container .data-search-grid-row-check-wrapper {
    display: inline-block;
    padding: 2px 8px; }
  .data-search-grid-contents-container .data-search-grid-master-check, .data-search-grid-contents-container .data-search-grid-row-check {
    display: inline-block;
    font-size: 0.9rem; }
  .data-search-grid-contents-container .data-search-grid-contents {
    overflow-x: hidden; }
  .data-search-grid-contents-container .data-search-grid-contents-sm {
    max-height: 315px;
    overflow-y: auto; }
  .data-search-grid-contents-container .data-search-grid-loading, .data-search-grid-contents-container .data-search-grid-no-content {
    height: 315px;
    width: 100%; }
  .data-search-grid-contents-container .data-search-grid-tools {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem; }
  .data-search-grid-contents-container .data-search-grid-row-header {
    padding-left: 1rem;
    padding-top: 0.5rem; }
    .data-search-grid-contents-container .data-search-grid-row-header .data-search-grid-col-header {
      font-size: 0.85rem;
      font-weight: 600;
      padding-bottom: 0.5rem; }
  .data-search-grid-contents-container .data-search-grid-row {
    padding-left: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid #dee2e6;
    cursor: pointer; }
    .data-search-grid-contents-container .data-search-grid-row .data-search-grid-col {
      font-size: 0.875rem;
      padding-bottom: 0.5rem; }
    .data-search-grid-contents-container .data-search-grid-row:hover {
      background-color: #e7efed; }

.data-search-grid-row-footer {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.location-chooser-btn {
  font-size: 0.875rem; }
  .location-chooser-btn .bi {
    color: #005741; }

.location-chooser-btn.nav-link {
  padding-right: 0.25rem; }

.location-chooser-modal .modal-body .my-store-col {
  font-size: 0.875rem; }

.location-chooser-modal .modal-body .find-store-col .location-chooser-store-results {
  max-height: 500px;
  overflow-y: auto; }

.location-chooser-modal .modal-body .location-results-branch {
  font-size: 0.875rem; }

.location-chooser-modal .modal-body .directions-hint {
  font-weight: 600; }

.location-chooser-modal .modal-body .location-name {
  font-size: 1rem;
  font-weight: 600; }

.location-chooser-modal .modal-body .location-distance {
  font-size: 0.75rem; }

@media (min-width: 1200px) {
  .location-chooser-modal .modal-body .find-store-col {
    border-left: 1px solid #dee2e6; } }

@media (min-width: 576px) {
  .location-chooser-modal .modal-dialog {
    max-width: 90%; } }

@media (min-width: 992px) {
  .location-chooser-modal .modal-dialog {
    max-width: 800px; } }

#notice-carousel-public .notice-carousel {
  margin-top: -1.5rem;
  margin-bottom: -2rem; }

.notice-carousel {
  margin: -1.5rem auto -1rem auto; }
  .notice-carousel .carousel-indicators {
    margin-bottom: 0; }
    .notice-carousel .carousel-indicators button {
      background-color: #adb5bd;
      height: 5px;
      margin-right: 7px;
      margin-left: 7px; }
    .notice-carousel .carousel-indicators button.active {
      background-color: #005741; }
  .notice-carousel .carousel-control-prev, .notice-carousel .carousel-control-next {
    width: 2rem;
    margin: 2rem 0; }
  .notice-carousel .carousel-control-prev-icon, .notice-carousel .carousel-control-next-icon {
    color: #495057;
    background: unset; }
  .notice-carousel .carousel-inner {
    padding: 1rem 2rem; }
    .notice-carousel .carousel-inner .carousel-item.active {
      display: flex; }
    .notice-carousel .carousel-inner .carousel-item {
      flex-direction: column;
      padding: 0.5rem 0.875rem;
      border-radius: 0.65rem;
      background-color: #FFF;
      overflow-y: hidden; }
      .notice-carousel .carousel-inner .carousel-item .carousel-title-bar {
        display: flex;
        justify-content: space-between; }
        .notice-carousel .carousel-inner .carousel-item .carousel-title-bar .carousel-title {
          font-weight: 600; }
        .notice-carousel .carousel-inner .carousel-item .carousel-title-bar .carousel-control-dismiss, .notice-carousel .carousel-inner .carousel-item .carousel-title-bar .carousel-control-expand {
          color: #495057; }
      .notice-carousel .carousel-inner .carousel-item .carousel-text p, .notice-carousel .carousel-inner .carousel-item .carousel-text ul, .notice-carousel .carousel-inner .carousel-item .carousel-text ol {
        margin-bottom: 0.25rem; }
      .notice-carousel .carousel-inner .carousel-item .carousel-text > :last-child {
        margin-bottom: 0; }
      .notice-carousel .carousel-inner .carousel-item .carousel-img-text {
        font-size: 0.875rem; }
      .notice-carousel .carousel-inner .carousel-item .carousel-item-img-wide-wrapper {
        text-align: center; }
        .notice-carousel .carousel-inner .carousel-item .carousel-item-img-wide-wrapper img {
          max-width: 100%; }
      .notice-carousel .carousel-inner .carousel-item .carousel-img-wide-text {
        max-height: 100px; }
      .notice-carousel .carousel-inner .carousel-item .carousel-dual-narrow-standalone {
        max-height: 270px; }
      .notice-carousel .carousel-inner .carousel-item .carousel-dual-narrow-text {
        max-height: 150px; }
      .notice-carousel .carousel-inner .carousel-item .carousel-text-standalone {
        margin-bottom: 1rem; }

@media (min-width: 1px) {
  .multi-notice .carousel-item {
    height: 340px; }
  .notice-carousel {
    max-width: 450px; }
    .notice-carousel .carousel-title-bar {
      margin-bottom: 0.5rem; }
    .notice-carousel .carousel-img-wide-standalone {
      max-height: 150px; }
    .notice-carousel .carousel-item-img-narrow-wrapper img {
      max-height: 170px;
      max-width: 100%; } }

@media (min-width: 768px) {
  .multi-notice .carousel-item {
    height: 190px; }
  .notice-carousel {
    max-width: 900px; }
    .notice-carousel .carousel-title-bar {
      margin-bottom: 0rem; }
    .notice-carousel .carousel-img-wide-standalone {
      max-height: 130px; }
    .notice-carousel .carousel-item-img-narrow-wrapper img {
      max-height: 140px;
      max-width: 100%; } }

/*** Old navigation stuff phasing out */
.page-nav {
  margin-top: 1rem; }

.page-nav ul {
  padding-left: 0px; }

.page-nav ul li {
  list-style: none outside none; }

.page-nav ul li a {
  padding-bottom: 0px; }

/* Slightly smaller nav text to prevent wrapping until we get a lot smaller */
@media (max-width: 991px) {
  .page-nav ul li {
    font-size: 1rem; } }

/* Side navigation - extends/overrides global page-nav options */
.side-nav {
  margin-top: 0rem; }

.side-nav ul li + li::before {
  content: initial; }

.side-nav ul li.active a {
  outline: 0; }

.category-cards-container {
  padding: 0 0.75rem; }

.category-card {
  border-radius: 0.65rem;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  border: 0px;
  background-color: #FFF; }
  .category-card .sheret-card-med-top a, .category-card .sheret-card-extra-small-top a {
    width: 100%;
    height: 100%;
    display: block; }
  .category-card .sheret-card-med-top img, .category-card .sheret-card-extra-small-top img {
    display: inline-block;
    transition: ease-in transform 0.2s;
    -webkit-transition: ease-in transform 0.2s;
    -moz-transition: ease-in transform 0.2s;
    -o-transition: ease-in transform 0.2s;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    position: relative; }
    .category-card .sheret-card-med-top img:hover, .category-card .sheret-card-extra-small-top img:hover {
      z-index: 2;
      -webkit-transform: scale(1.02, 1.02);
      -moz-transform: scale(1.02, 1.02);
      -o-transform: scale(1.02, 1.02);
      transform: scale(1.02, 1.02); }
  .category-card .sheret-card-med-top img.img-logo, .category-card .sheret-card-extra-small-top img.img-logo {
    max-height: 60%; }
  .category-card .sheret-card-bottom {
    border-top: 1px solid #adb5bd;
    margin-top: 3px; }
  .category-card .sheret-card-bottom-small .sheret-card-text {
    font-size: 0.8rem; }

.fav-star {
  color: #f8a400; }

.category-nav-crumbs {
  font-size: 0.85rem; }
  .category-nav-crumbs i {
    font-size: 1rem; }

.category-nav-title {
  font-size: 0.9rem; }
  .category-nav-title .category-nav-title-link {
    font-weight: 600;
    text-decoration: underline;
    padding-top: 15px;
    padding-bottom: 15px; }

.category-nav-crumbs {
  border-bottom: 1px solid #adb5bd; }

.nav-content-0 .category-nav-crumbs {
  display: none; }

.category-active-arrow {
  display: none;
  color: #f8a400; }

.category-nav.category-active {
  background-color: #e7efed; }
  .category-nav.category-active a {
    color: #212529; }
  .category-nav.category-active .category-active-arrow {
    display: inline-block; }

.category-nav:hover {
  background-color: #e7efed; }
  .category-nav:hover a {
    color: #212529; }

.category-nav a {
  padding: 6px 11px 6px 9px;
  color: #005741;
  font-weight: 400; }
  .category-nav a:hover {
    text-decoration: none; }

.category-nav-section-title {
  font-weight: 600;
  padding: 6px 4px 6px 4px; }

.main-nav-container {
  z-index: 10000;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #adb5bd;
  border-radius: 0.65rem; }
  .main-nav-container .nav-content-container {
    display: none;
    overflow-y: auto;
    min-width: 200px;
    max-width: 300px;
    max-height: 700px;
    border-left: 1px solid #adb5bd; }
  .main-nav-container .category-nav-crumbs {
    display: none; }
  .main-nav-container .nav-content-last .category-nav:first-child {
    border-top-right-radius: 0.65rem; }
  .main-nav-container .nav-content-last .category-nav:last-child {
    border-bottom-right-radius: 0.65rem; }
  .main-nav-container .nav-content-0 {
    border-left: 0px; }
    .main-nav-container .nav-content-0 .category-nav-title {
      border-left: 0px; }
    .main-nav-container .nav-content-0 .category-nav:first-child {
      border-top-left-radius: 0.65rem; }
    .main-nav-container .nav-content-0 .category-nav:last-child {
      border-bottom-left-radius: 0.65rem; }

.category-nav-menu-close {
  display: none; }

.search-form {
  position: relative; }

.search-bar {
  display: flex;
  border: 1px solid #F2F2F7;
  box-shadow: none;
  border-radius: 20px;
  z-index: 3;
  background-color: #F2F2F7;
  padding-top: 3px;
  padding-bottom: 3px; }
  .search-bar .search-input {
    z-index: auto;
    background-clip: initial;
    background-color: transparent;
    border: none;
    padding: 0;
    padding-left: 15px;
    word-wrap: break-word;
    outline: none;
    display: flex;
    flex: 100%;
    tap-highlight-color: transparent; }
    .search-bar .search-input:focus {
      box-shadow: none;
      border: none; }
    .search-bar .search-input:active {
      box-shadow: none;
      border: none; }
  .search-bar .clear-button {
    border-right: 1px solid #adb5bd;
    border-radius: 0px; }
  .search-bar .search-button {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    padding-left: 0.5rem;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0; }
    .search-bar .search-button .bi::before {
      vertical-align: -.11em; }
    .search-bar .search-button:hover {
      color: #005741; }

.search-bar.search-bar-expanded {
  border-bottom-color: #FFF;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.search-bar.search-bar-active {
  background-color: #FFF;
  border-color: #adb5bd; }

.search-bar.search-bar-active.search-bar-expanded {
  border-bottom-color: #FFF; }

.search-suggestions-box {
  position: absolute;
  width: 100%;
  z-index: 10000;
  background-color: #FFF;
  border: 1px solid #adb5bd;
  border-top: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-bottom: 0.5rem; }
  .search-suggestions-box .brand-page-feature img {
    width: auto;
    max-width: 100%;
    max-height: 25px; }
  .search-suggestions-box .search-suggestion-header {
    padding-left: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 0.875rem;
    color: #212529;
    background-color: #e9ecef;
    border-top: 1px solid #adb5bd; }
  .search-suggestions-box .search-suggestion {
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-top: 1px solid #adb5bd;
    cursor: pointer; }
    .search-suggestions-box .search-suggestion .suggestion-phrase {
      color: #005741;
      font-size: 0.85rem; }
    .search-suggestions-box .search-suggestion .suggestion-desc {
      font-size: 0.75rem; }
  .search-suggestions-box .search-suggestion.active, .search-suggestions-box .search-suggestion:hover {
    background-color: #e7efed; }

@media (max-width: 576px) {
  #search-bar #search-input {
    min-width: auto; } }

.filter-toggle-btn, .export-btn-sm {
  background-color: #FFF;
  padding: 0.1rem 0.5rem; }

.facets-container-offcanvas {
  max-width: 325px; }
  .facets-container-offcanvas .facets-container-offcanvas-body {
    background: #fbfcfc; }

.facets-container {
  width: 100%;
  max-width: 300px;
  position: relative; }
  .facets-container .facet-container {
    margin-bottom: 0.75rem;
    background-color: #FFF;
    border-radius: 0.65rem;
    box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1); }
    .facets-container .facet-container .facet-title {
      transition: ease all 0.2s;
      -webkit-transition: ease all 0.2s;
      -moz-transition: ease all 0.2s;
      -o-transition: ease all 0.2s;
      padding: 0.5rem 0.75rem;
      padding-bottom: 0;
      font-weight: 600;
      font-size: 0.875rem;
      color: #212529;
      cursor: pointer; }
      .facets-container .facet-container .facet-title .facet-match-toggle-wrapper {
        font-size: 0.8rem; }
        .facets-container .facet-container .facet-title .facet-match-toggle-wrapper .badge {
          font-size: 90%;
          margin-bottom: 2px; }
      .facets-container .facet-container .facet-title .facet-list-display-info {
        font-size: 0.75rem;
        font-weight: 400; }
      .facets-container .facet-container .facet-title .facet-list-selected-desc {
        font-size: 0.75rem;
        font-weight: 400;
        color: #999; }
      .facets-container .facet-container .facet-title .facet-group-toggle {
        padding-bottom: 2px;
        color: #005741; }
    .facets-container .facet-container .facet-title.collapsed {
      padding: 0.25rem 0.75rem; }
    .facets-container .facet-container .facet-title .facet-group-toggle:before {
      content: "\f286"; }
    .facets-container .facet-container .facet-title.collapsed .facet-group-toggle:before {
      content: "\f282"; }
    .facets-container .facet-container .facet-list {
      margin-bottom: 0;
      padding: 0.5rem 0.75rem; }
      .facets-container .facet-container .facet-list .facet-filter-box-wrapper {
        margin-bottom: 0.5rem;
        margin-top: 0.25rem; }
        .facets-container .facet-container .facet-list .facet-filter-box-wrapper .facet-filter-box {
          border-color: #adb5bd; }
      .facets-container .facet-container .facet-list .facet-item-hide {
        display: none; }
      .facets-container .facet-container .facet-list .facet-item {
        padding-bottom: 0.25rem; }
        .facets-container .facet-container .facet-list .facet-item .facet-item-link {
          font-size: 0.875rem;
          font-weight: 400; }
          .facets-container .facet-container .facet-list .facet-item .facet-item-link .facet-checkbox {
            color: #555; }
          .facets-container .facet-container .facet-list .facet-item .facet-item-link .facet-check-label {
            margin-left: 0.25rem; }
            .facets-container .facet-container .facet-list .facet-item .facet-item-link .facet-check-label .facet-check-count {
              font-size: 0.75rem;
              color: #adb5bd; }
      .facets-container .facet-container .facet-list .show-more, .facets-container .facet-container .facet-list .show-less {
        display: none;
        font-size: 0.875rem;
        font-weight: 400;
        padding-left: 0.25rem;
        margin-top: 0.5rem; }
        .facets-container .facet-container .facet-list .show-more a, .facets-container .facet-container .facet-list .show-less a {
          color: #495057; }

.facet-clear-link {
  margin-left: 0.25rem;
  color: #f8a400; }

.facet-item-clear-link-text {
  vertical-align: text-bottom; }

.facet-clear-icon {
  color: #f8a400;
  font-size: 1rem; }

.facet-item-link {
  font-weight: 400; }

.facet-clear-label {
  font-size: 0.75rem; }

.facet-clear-query-text {
  font-size: 0.875rem;
  font-weight: 400; }

.facet-clear-items-container {
  margin-bottom: 0;
  padding: 0.5rem 0.75rem;
  padding-bottom: 0.25rem; }

.facet-item-clear .facet-item-link {
  padding: 0.05rem 0.4rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 50px;
  border-width: 1px; }

.search-filter-selection-display {
  font-size: 0.75rem; }

@media (min-width: 992px) {
  .facets-container {
    min-width: 280px; }
  .facets-container-offcanvas {
    width: 100%; } }

.category-crumbs .category-crumb-item, .category-crumbs a {
  font-size: 0.875rem;
  font-weight: 400; }

.category-crumbs .category-crumb-item:last-child a {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #212529; }

.search-results-container-wrapper {
  position: relative;
  flex-grow: 1;
  width: 100%;
  min-height: 355px;
  margin: 0; }
  .search-results-container-wrapper .brand-page-feature img {
    width: auto;
    max-width: 100%;
    max-height: 40px; }

#search-results-container {
  position: relative;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  min-height: 355px;
  border-radius: 0.65rem; }
  #search-results-container .load-screen-container {
    border-radius: 0; }
    #search-results-container .load-screen-container .load-screen {
      border-radius: 0; }

.search-container-header-actions {
  padding: 0 5px; }

.search-results {
  position: relative;
  min-height: 275px;
  width: 100%; }

.search-results-sort-select {
  max-width: 115px; }

.product-image-link img {
  max-height: 55px;
  max-width: 100%;
  width: initial; }

.product-image-link img.img-brand-images {
  filter: grayscale(100%);
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"; }

.product-card-image-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .product-card-image-container .product-fav-image-float {
    position: absolute;
    top: -7px;
    left: 2px; }

.card-scroll {
  margin: 5px;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  border-radius: 0.65rem; }

.product-cards-container {
  font-size: 1rem;
  background-color: #FFF; }

.product-card-container {
  font-size: 1rem;
  background-color: #FFF; }
  .product-card-container .product-card-title {
    height: 2.8em;
    line-height: 1.3em;
    border-top: 2px solid #adb5bd; }
    .product-card-container .product-card-title .product-title-text {
      height: 100%;
      overflow: hidden;
      color: #333;
      font-size: 0.9rem;
      font-weight: 600; }
    .product-card-container .product-card-title .product-title-action {
      height: 100%;
      overflow: hidden; }
  .product-card-container .product-card {
    text-align: center;
    position: relative;
    height: 100%;
    padding: 1rem;
    border-right: 1px solid #e9ecef;
    border-top: 1px solid #e9ecef; }
    .product-card-container .product-card .product-card-top {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 150px;
      width: 100%;
      min-height: 150px;
      background-color: #FFF; }
      .product-card-container .product-card .product-card-top a img {
        vertical-align: middle;
        max-height: 150px;
        max-width: 100%;
        width: initial; }
      .product-card-container .product-card .product-card-top a img.img-brand-images {
        max-height: 40%;
        max-width: 40%;
        filter: grayscale(100%);
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"; }
    .product-card-container .product-card .product-card-body {
      height: 100%;
      padding: 1rem 0;
      text-align: left; }
      .product-card-container .product-card .product-card-body .product-name {
        font-size: 0.875rem; }
      .product-card-container .product-card .product-card-body .product-series-finish-container {
        font-size: 0.75rem; }
      .product-card-container .product-card .product-card-body .product-price {
        margin-top: 0.5rem;
        font-weight: 600;
        font-size: 0.875rem;
        color: #212529; }
        .product-card-container .product-card .product-card-body .product-price .product-price-info {
          font-weight: 400;
          font-size: 0.675rem; }
      .product-card-container .product-card .product-card-body .product-stock-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.5rem;
        font-size: 0.75rem; }
        .product-card-container .product-card .product-card-body .product-stock-container .product-stock-info {
          color: #f8a400; }
      .product-card-container .product-card .product-card-body .product-brand {
        color: #212529;
        font-size: 0.875rem; }
      .product-card-container .product-card .product-card-body .product-partid {
        font-size: 0.75rem;
        color: #212529; }
      .product-card-container .product-card .product-card-body .product-sku-container {
        font-size: 0.75rem;
        color: #212529; }
    .product-card-container .product-card .product-card-footer {
      background-color: #FFF; }

.product-card-container-header {
  font-weight: 600;
  font-size: 0.875rem;
  color: #212529;
  border-bottom: 1px solid #e9ecef; }

.product-card-table-row {
  position: relative;
  font-size: 0.75rem;
  border-bottom: 1px solid #dee2e6;
  background-color: #FFF;
  width: 100%;
  padding: 0.5rem 0;
  min-height: 65px; }
  .product-card-table-row .product-image-link {
    padding-left: 12px;
    padding-right: 3px; }
  .product-card-table-row .product-price {
    font-weight: 600;
    font-size: 0.75rem;
    color: #212529; }
    .product-card-table-row .product-price .product-price-info {
      font-weight: 400;
      font-size: 0.675rem; }
  .product-card-table-row .product-stock-container {
    display: flex;
    justify-content: space-between; }
    .product-card-table-row .product-stock-container .product-stock-info {
      color: #f8a400; }
  .product-card-table-row .product-brand {
    color: #212529; }
  .product-card-table-row .product-sku, .product-card-table-row .product-quick-code {
    color: #212529; }
  .product-card-table-row .product-card-footer {
    text-align: center; }
    .product-card-table-row .product-card-footer .btn {
      font-size: 0.75rem;
      padding-left: 8px;
      padding-right: 8px; }
    .product-card-table-row .product-card-footer .quote-button {
      margin-left: 3px;
      padding-left: 5px;
      padding-right: 5px; }

.product-sort-controls {
  margin-bottom: 0.5rem;
  max-width: 18rem; }
  .product-sort-controls select {
    max-width: 18rem; }

.search-results-query-info {
  font-weight: 400;
  font-size: 0.85rem; }
  .search-results-query-info .search-results-clear {
    margin-left: 5px; }
  .search-results-query-info .search-results-info-all-categories {
    margin-top: 0.5rem; }

.result-view-switch {
  cursor: pointer;
  vertical-align: -10%; }

.result-view-switch-active {
  color: #ffc107; }

.load-screen-container {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 0.65rem; }
  .load-screen-container .load-screen {
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(201, 219, 215, 0.6);
    border-radius: 0.65rem;
    transition: ease all 0.2s;
    -webkit-transition: ease all 0.2s;
    -moz-transition: ease all 0.2s;
    -o-transition: ease all 0.2s; }
    .load-screen-container .load-screen .load-msg {
      z-index: 1;
      padding-top: 50px; }

.favourite-categories-dropdown {
  margin-bottom: 0; }
  .favourite-categories-dropdown .dropdown-item {
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem; }

.search-container-header {
  padding: 0.75rem; }

.search-container-footer {
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem; }

.product-paging-container .btn-previous, .product-paging-container .btn-next {
  color: #005741;
  cursor: pointer;
  font-weight: 600;
  padding-left: 5px; }
  .product-paging-container .btn-previous:hover, .product-paging-container .btn-next:hover {
    color: #212529; }

.product-paging-container .disabled {
  color: #CCC;
  cursor: default; }
  .product-paging-container .disabled:hover {
    color: #CCC; }

.results-stock-dropdown-btn {
  cursor: pointer;
  border-radius: 10rem;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 1.2;
  border: 1px solid #adb5bd;
  color: #adb5bd;
  background-color: #FAFBFC; }

.in-stock-btn {
  color: #198754; }

.region-stock-btn {
  color: #f8a400; }

.no-stock-btn {
  color: #dc3545; }

.stock-dropdown-menu {
  min-width: 12rem;
  z-index: 1050; }
  .stock-dropdown-menu .stock-dropdown-title {
    border-bottom: 1px solid #adb5bd;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .stock-dropdown-menu .stock-dropdown-close {
    cursor: pointer; }
  .stock-dropdown-menu .dropdown-item {
    color: #212529;
    font-size: 0.875rem;
    background-color: #FFF;
    padding: .1rem 1rem; }
    .stock-dropdown-menu .dropdown-item:hover {
      background-color: #FFF; }
  .stock-dropdown-menu .home-stock-item {
    font-weight: 600;
    padding: 0.5rem 1rem; }
  .stock-dropdown-menu .ecomm-stock-last-item {
    padding: 0.5rem 1rem 0.25rem 1rem; }

@media (max-width: 576px) {
  .product-sort-controls {
    margin-left: auto;
    margin-right: auto; }
  .category-crumbs .category-crumb-item, .category-crumbs a {
    font-size: 0.6875rem; } }

@media (max-width: 767px) {
  .category-crumbs .category-crumb-item, .category-crumbs a {
    font-size: 0.75rem; } }

@media (min-width: 0px) {
  .product-cards-container .product-card-container:nth-child(1n) .product-card {
    border-right: 0; } }

@media (min-width: 576px) {
  .product-cards-container .product-card-container:nth-child(1n) .product-card {
    border-right: 1px solid #e9ecef; }
  .product-cards-container .product-card-container:nth-child(2n) .product-card {
    border-right: 0; }
  .search-container-header-actions {
    padding: 0 12px; } }

@media (min-width: 768px) {
  .product-cards-container .product-card-container:nth-child(1n) .product-card {
    border-right: 1px solid #e9ecef; }
  .product-cards-container .product-card-container:nth-child(2n) .product-card {
    border-right: 1px solid #e9ecef; }
  .product-cards-container .product-card-container:nth-child(3n) .product-card {
    border-right: 0; } }

@media (min-width: 992px) {
  .product-cards-container .product-card-container:nth-child(1n) .product-card {
    border-right: 1px solid #e9ecef; }
  .product-cards-container .product-card-container:nth-child(2n) .product-card {
    border-right: 0; }
  .product-cards-container .product-card-container:nth-child(3n) .product-card {
    border-right: 1px solid #e9ecef; } }

@media (min-width: 1200px) {
  .product-cards-container .product-card-container:nth-child(1n) .product-card {
    border-right: 1px solid #e9ecef; }
  .product-cards-container .product-card-container:nth-child(2n) .product-card {
    border-right: 1px solid #e9ecef; }
  .product-cards-container .product-card-container:nth-child(3n) .product-card {
    border-right: 0; } }

@media (min-width: 992px) {
  .search-results-container-wrapper {
    margin-left: 0.75rem; } }

.paging-container .btn-previous, .paging-container .btn-next {
  padding-right: 5px;
  padding-left: 5px;
  color: #005741;
  cursor: pointer;
  font-weight: 600; }
  .paging-container .btn-previous:hover, .paging-container .btn-next:hover {
    color: #212529; }

.paging-container .disabled {
  color: #CCC;
  cursor: default; }
  .paging-container .disabled:hover {
    color: #CCC; }

.drag-handle {
  cursor: move !important; }

.data-editor-container.combined-rows {
  box-shadow: 3px 0px 6.5px rgba(0, 87, 65, 0.1); }
  .data-editor-container.combined-rows .data-item-row {
    border-radius: 0px; }
  .data-editor-container.combined-rows .data-item-row:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
  .data-editor-container.combined-rows .data-item-row:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }

.data-editor-container .placeholder {
  position: relative; }

.data-editor-container .placeholder:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-top: -8px;
  left: -8px;
  top: -1px;
  border: 8px solid transparent;
  border-left-color: #005741;
  border-right: none; }

.data-editor-container .data-item-row.data-item-linked-group {
  border-left: 3px solid #495057;
  border-right: 3px solid #495057; }

.data-editor-container .data-item-row.subtotal-row, .data-editor-container .data-item-row.spaced-data-row.subtotal-row {
  border-top: 2px solid #6c757d;
  margin-bottom: 1.5rem; }

.data-editor-container .data-item-subtotal-section {
  color: #000; }

.data-editor-container .data-item-info-section {
  border-bottom: 2px solid #e9ecef; }

.data-editor-container .data-item-your-cost-section {
  border-left: 2px solid #e9ecef;
  border-bottom-left-radius: 12px; }

.data-editor-container .data-item-client-cost-section {
  border-right: 2px solid #e9ecef; }

.data-editor-container .data-item-row.spaced-data-row {
  border: 1px solid #495057;
  border-top: 1px solid #495057;
  border-bottom: 0;
  margin-bottom: 0px; }

.data-editor-container .data-item-row {
  background-color: #FFF;
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  box-shadow: 3px 0px 6.5px rgba(0, 87, 65, 0.1); }
  .data-editor-container .data-item-row .data-item-actions-row {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .data-editor-container .data-item-row .data-item-actions-row .data-item-buttons {
      display: flex; }
      .data-editor-container .data-item-row .data-item-actions-row .data-item-buttons .data-item-button {
        border-radius: 0;
        padding: 2px 8px;
        margin: 3px 0px;
        border: 0;
        border-left: 1px solid #e9ecef;
        background-color: transparent;
        color: #005741;
        font-size: 1.25rem; }
      .data-editor-container .data-item-row .data-item-actions-row .data-item-buttons .data-item-cart-quantity, .data-editor-container .data-item-row .data-item-actions-row .data-item-buttons .item-cart-quantity {
        font-size: 0.875rem;
        vertical-align: text-bottom; }
      .data-editor-container .data-item-row .data-item-actions-row .data-item-buttons .data-item-cart-dropdown {
        display: inline-block; }
      .data-editor-container .data-item-row .data-item-actions-row .data-item-buttons .data-item-cart-dropdown-menu {
        padding: 5px; }
    .data-editor-container .data-item-row .data-item-actions-row .data-item-title-row {
      padding-right: 1rem;
      padding-left: 0.5rem; }
      .data-editor-container .data-item-row .data-item-actions-row .data-item-title-row .data-item-title-name {
        font-size: 0.875rem; }
  .data-editor-container .data-item-row .data-item-actions-row.highlighted-action-row {
    background-color: #c9dbd7; }
  .data-editor-container .data-item-row .data-item-drag-handle {
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    color: #005741;
    font-size: 1.25rem;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 0px; }
  .data-editor-container .data-item-row .data-item-img-col {
    display: flex;
    align-items: center;
    justify-content: center; }
    .data-editor-container .data-item-row .data-item-img-col .data-item-img {
      max-height: 50px; }
  .data-editor-container .data-item-row .badge {
    font-size: 0.8rem;
    top: -2px; }
  .data-editor-container .data-item-row .data-item-flags-row {
    font-size: 0.8rem; }
  .data-editor-container .data-item-row .data-item-price {
    font-size: 0.875rem; }
  .data-editor-container .data-item-row .data-item-cart-container {
    height: 100%;
    text-align: left; }

.data-editor-container .data-item-row:last-child {
  border-bottom: 0; }

.data-item-section {
  border-right: 2px solid #e9ecef; }
  .data-item-section .data-item-section-content {
    padding: 0.5rem 0.75rem 0rem 0.75rem; }

.data-item-field {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem; }
  .data-item-field label {
    margin-bottom: 0; }

.data-item-info-field {
  margin-bottom: 0.25rem; }

.data-item-price-label {
  font-weight: 600;
  font-size: 0.875rem; }

.data-item-info-number {
  font-size: 0.875rem; }

.data-item-info-col {
  padding: 0rem 0.5rem;
  font-size: 0.875rem; }

.data-item-line-total {
  border-top: 1px dashed #adb5bd;
  padding-top: 0.25rem; }

.data-editor-header-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.45rem; }
  .data-editor-header-title .btn-circle {
    margin-right: 12px; }

.data-editor-section {
  background-color: #FFF;
  border-radius: 0.65rem;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  padding: 1rem; }

.data-editor-header-content {
  background-color: #FFF;
  border-radius: 0.65rem;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  padding-top: 1rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem; }
  .data-editor-header-content .data-editor-header-field {
    padding-bottom: 0.5rem; }
    .data-editor-header-content .data-editor-header-field div {
      display: inline-block; }
    .data-editor-header-content .data-editor-header-field .field-label {
      font-weight: 600;
      min-width: 7.5rem; }

.data-editor-action-buttons .data-editor-action-btn {
  width: 100%; }

.data-editor-action-buttons .btn, .data-editor-action-buttons .dropdown, .data-editor-action-buttons .dropdown-menu {
  width: 100%; }

.data-editor-action-buttons .btn {
  font-weight: 300;
  text-align: left; }
  .data-editor-action-buttons .btn .btn-icon {
    padding-right: 0.5rem; }
  .data-editor-action-buttons .btn .dropdown-icon {
    float: right; }

#data-totals-container {
  margin-bottom: 1rem; }
  #data-totals-container .data-totals-header {
    background: #c9dbd7;
    font-size: 1rem;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem; }
  #data-totals-container .your-totals-section {
    background-color: #FFF;
    border-right: 2px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    border-left: 2px solid #e9ecef;
    box-shadow: -1px 0px 6.5px rgba(0, 87, 65, 0.1);
    border-top-left-radius: 6px; }
    #data-totals-container .your-totals-section .your-totals-header {
      border-top-left-radius: 6px; }
  #data-totals-container .client-totals-section {
    background-color: #FFF;
    border-bottom: 1px solid #e9ecef;
    border-right: 2px solid #e9ecef;
    box-shadow: 3px 1px 6.5px rgba(0, 87, 65, 0.1);
    border-top-right-radius: 6px; }
    #data-totals-container .client-totals-section .client-totals-header {
      border-top-right-radius: 6px; }

@media (min-width: 768px) {
  .data-editor-container .data-item-your-cost-section {
    border-bottom-left-radius: 0px; }
  #data-totals-container {
    margin-bottom: 0; } }

@media (min-width: 992px) {
  .data-editor-container .data-item-info-section {
    border-bottom: 0; }
  .data-editor-container .data-item-your-cost-section {
    border-left: 0;
    border-bottom-left-radius: 12px; }
  .data-editor-container .data-item-client-cost-section {
    border-right: 0; }
  .data-editor-container .data-item-row .data-item-drag-handle {
    border-bottom-left-radius: 12px; }
  .data-editor-container .data-item-row .data-item-actions-row .data-item-title-row .data-item-title-name {
    font-size: 1rem; }
  #data-totals-container .your-totals-section {
    border-left: 0; }
  #data-totals-container .client-totals-section {
    border-right: 0; }
  #data-totals-container .data-totals-header {
    font-size: 1.25rem; } }

.radio-bubble-container [type="radio"] {
  z-index: -1;
  position: absolute;
  opacity: 0; }
  .radio-bubble-container [type="radio"]:checked ~ label {
    border-color: #005741;
    background-color: rgba(0, 87, 65, 0.16); }
    .radio-bubble-container [type="radio"]:checked ~ label:before {
      will-change: transform, border-width, border-color;
      animation: bubble 1s ease-in; }
    .radio-bubble-container [type="radio"]:checked ~ label > .bubble-radio-placeholder {
      will-change: transform;
      border: 0;
      background-image: linear-gradient(to top right, #669A8D, #005741);
      animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49); }
      .radio-bubble-container [type="radio"]:checked ~ label > .bubble-radio-placeholder:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 6px;
        height: 6px;
        border-radius: 10px;
        background-color: #fff; }

.radio-bubble-container label {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 10px auto;
  grid-gap: 20px;
  padding: 5px 10px;
  border-radius: 50rem;
  border: 2px solid transparent;
  background-color: transparent;
  transition: all 300ms ease-in; }
  .radio-bubble-container label:hover {
    border-color: #005741;
    background-color: rgba(0, 87, 65, 0.04); }
  .radio-bubble-container label:before, .radio-bubble-container label:after {
    position: absolute;
    left: 20px;
    border-radius: 50%;
    content: ''; }
  .radio-bubble-container label:before {
    margin: -1.25rem;
    border: solid 1.25rem #545461;
    width: 2.5rem;
    height: 2.5rem;
    transform: scale(0); }
  .radio-bubble-container label > .bubble-radio-placeholder {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #454861; }

.radio-bubble-container .option:not(:last-child) {
  margin-bottom: 4px; }

@keyframes radio {
  0%, 17.5% {
    transform: scale(0); } }

@keyframes bubble {
  15% {
    transform: scale(1);
    border-color: #669A8D;
    border-width: 1.25rem; }
  30%, 100% {
    transform: scale(1);
    border-color: #669A8D;
    border-width: 0; } }

.accordion-button:not(.collapsed) .accordion-item-checked {
  display: inline; }

.accordion-button:not(.collapsed) .accordion-item-unchecked {
  display: none; }

.accordion-button:is(.collapsed) .accordion-item-checked {
  display: none; }

.accordion-button:is(.collapsed) .accordion-item-unchecked {
  display: inline; }

.accordion-detached .accordion-item {
  margin-bottom: 1rem;
  border-radius: 0.65rem; }

.accordion-detached .accordion-button {
  border-top-left-radius: 0.65rem;
  border-top-right-radius: 0.65rem;
  font-weight: 600; }

.accordion-detached .accordion-button.collapsed {
  background-color: #f2f2f7;
  border-bottom-left-radius: 0.65rem;
  border-bottom-right-radius: 0.65rem; }

.accordion-detached .accordion-button:focus {
  box-shadow: none;
  border: 0; }

.accordion-detached .accordion-button:active {
  box-shadow: none;
  border: 0; }

.data-field-card {
  font-size: 0.875rem;
  background-color: #f2f2f7;
  border-color: #dee2e6; }
  .data-field-card .card-body {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .data-field-card .card-body .flex-between-placeholder {
      display: none; }
    .data-field-card .card-body .card-title, .data-field-card .card-body .card-iconed-title {
      font-size: 0.875rem;
      font-weight: 600; }
    .data-field-card .card-body .card-iconed-title {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .data-field-card .card-body hr {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    .data-field-card .card-body .data-field {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }

.data-field-card-resp .data-field-card .flex-between-placeholder {
  width: 1rem;
  display: flex; }

.data-field-card-resp .data-field-card .card-title {
  margin-bottom: 0.25rem; }

.data-field-card-resp .data-field-card .data-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  justify-content: center; }
  .data-field-card-resp .data-field-card .data-fields .data-field {
    gap: 0.25rem; }

.data-field-card-resp .data-field-card hr, .data-field-card-resp .data-field-card .balance-card-buttons, .data-field-card-resp .data-field-card .data-field-md {
  display: none; }

@media (min-width: 576px) {
  .data-field-card-resp .data-field-card .data-field-md {
    display: flex; } }

@media (min-width: 1200px) {
  .data-field-card-resp .data-field-card .flex-between-placeholder {
    display: none; }
  .data-field-card-resp .data-field-card .data-fields {
    display: block; }
  .data-field-card-resp .data-field-card hr {
    display: block; } }

.nav-card {
  background-color: #f2f2f7;
  border: 0;
  width: 100%; }
  .nav-card .card-header {
    background: linear-gradient(to bottom, #0F5640, #0F3B21);
    color: #FFF;
    border: 1px solid #005741;
    border-top-left-radius: var(--bs-card-border-radius);
    border-top-right-radius: var(--bs-card-border-radius);
    border-bottom: 0;
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center; }
    .nav-card .card-header .nav-card-header-icon {
      margin-right: 1rem; }
  .nav-card .card-body {
    font-size: 0.75rem;
    border: 1px solid #dee2e6;
    border-bottom-left-radius: var(--bs-card-border-radius);
    border-bottom-right-radius: var(--bs-card-border-radius);
    border-top: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .nav-card .card-body .nav-card-link {
      line-height: 1.625rem;
      display: block;
      text-wrap: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .nav-card .nav-card-split-body {
    column-fill: auto;
    height: 8rem;
    column-count: 2; }

.offcanvas-header {
  padding-bottom: 0rem; }

.portal-header {
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 0;
  padding-bottom: 1rem; }

.header-banner {
  margin-bottom: 2rem; }

.account-banner {
  background-color: #005741;
  color: #FFF;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 3px 0px; }
  .account-banner a {
    color: #FFF; }
  .account-banner .account-banner-item {
    min-width: 12rem; }

.balance-container {
  font-size: 0.9rem; }

.account-list-email {
  font-size: 0.75rem; }

.nav-link-account {
  font-size: 0.85rem; }

#navOffcanvas, #accountOffcanvas {
  max-width: 335px; }

.account-icon-link {
  padding-bottom: 2px; }
  .account-icon-link .account-icon {
    font-size: 2.25rem;
    line-height: 1;
    vertical-align: middle; }

.page-header .location-chooser-btn {
  font-size: 0.875rem; }
  .page-header .location-chooser-btn .location-icon {
    padding-right: 0.5rem; }
  .page-header .location-chooser-btn:hover {
    text-decoration: none; }

#accountOffcanvas .nav-link, #accountOffcanvas .location-chooser-btn {
  color: #005741; }
  #accountOffcanvas .nav-link:hover, #accountOffcanvas .location-chooser-btn:hover {
    text-decoration: none; }

#accountOffcanvas .location-chooser-btn {
  font-size: 1rem; }
  #accountOffcanvas .location-chooser-btn .location-icon {
    padding-right: 0.5rem; }
  #accountOffcanvas .location-chooser-btn .location-content {
    color: #000; }

@media (min-width: 1px) {
  .header-content-container .nav-link {
    font-size: 0.875rem;
    padding: var(--bs-nav-link-padding-y) 0.5rem; } }

@media (min-width: 992px) {
  .header-content-container .location-chooser-btn.nav-link {
    color: #005741; }
  .page-header #accountOffcanvas .nav-link, .page-header #accountOffcanvas .location-chooser-btn {
    color: #005741; }
    .page-header #accountOffcanvas .nav-link:hover, .page-header #accountOffcanvas .location-chooser-btn:hover {
      text-decoration: none; } }

@media (min-width: 1200px) {
  .header-content-container .nav-link {
    font-size: 1rem;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); } }

.product-card-table-row .product-patriotic-icon {
  max-height: 1rem;
  margin-top: -4px;
  margin-left: 2px; }

.product-card-footer .product-patriotic-icon {
  max-height: 1.875rem;
  margin-left: 0.875rem;
  display: inline !important;
  max-width: 1.875rem; }

.product-detail-patriotic-container .product-patriotic-icon {
  height: 1rem;
  width: 1rem;
  margin-top: -4px; }

.product-container .search-results-back {
  font-weight: 400;
  font-size: 0.875rem; }

.product-container .splide {
  margin: 0 auto;
  padding: 0; }

.product-container #main-slider {
  background-color: #FFF;
  border-radius: 0.65rem; }

.product-container .splide__arrow {
  width: 1.75em;
  height: 1.75em; }

.product-container .splide__arrow svg {
  fill: #005741;
  width: 1.75em;
  height: 1.75em; }

.product-container .splide__arrow--next {
  right: 0.25em; }

.product-container .splide__arrow--prev {
  left: 0.25em; }

.product-container .splide__arrow:hover:not(:disabled) svg {
  fill: #01271c; }

.product-container .gallery-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.product-container .gallery-content-container {
  text-align: center;
  max-height: 500px; }

.product-container .gallery-image-container img {
  max-height: 500px;
  max-width: 100%;
  width: auto; }

.product-container .thumbnails {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1rem auto 0;
  padding: 0; }

.product-container .product-thumbnail-wrapper {
  position: relative; }
  .product-container .product-thumbnail-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.product-container .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
  opacity: 0.5; }

.product-container .thumbnail.is-active {
  opacity: 1;
  box-shadow: 0px 0px 3px #005741; }

.product-container .thumbnail img {
  max-height: 70px;
  max-width: 70px;
  height: auto; }

.product-container .img-brand-images {
  max-height: 250px;
  max-width: 50%; }

.product-container .image-disclaimer {
  margin-top: 0.5rem;
  font-size: 0.6875rem;
  color: #adb5bd; }

.product-container .product-detail-name {
  color: #212529;
  font-size: 1.75rem; }

.product-container .product-detail-series {
  color: #212529;
  font-size: 1.3rem; }

.product-container .product-stock {
  color: #212529;
  padding: 0.5rem 0;
  border-bottom: 1px solid #adb5bd; }
  .product-container .product-stock .product-stock-box {
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #005741; }
  .product-container .product-stock .product-branch-stock-dropdown-btn, .product-container .product-stock .product-branch-stock-location-chooser-btn {
    cursor: pointer; }
  .product-container .product-stock #product-stock-field {
    display: inline-block; }
    .product-container .product-stock #product-stock-field .stock-number {
      font-size: 1.3rem;
      font-weight: 600; }
  .product-container .product-stock #product-more-stock-label {
    display: none; }
  .product-container .product-stock #product-more-stock-container {
    display: none; }

.product-container .product-store-location-section .product-location-label {
  font-size: 0.875rem; }

.product-container .product-store-location-section #product-location-text {
  font-size: 0.75rem; }

.product-container .product-detail-price-per {
  color: #212529;
  font-size: 1rem;
  padding-bottom: 5px; }

.product-container .product-detail-list-price {
  color: #212529;
  font-size: 1rem;
  font-weight: 600; }
  .product-container .product-detail-list-price #product-price-label {
    padding-left: 5px; }

.product-container .product-detail-customer-price {
  color: #212529;
  font-size: 1rem;
  font-weight: 600; }
  .product-container .product-detail-customer-price #customer-price-amount {
    font-size: 2rem;
    color: #005741; }
  .product-container .product-detail-customer-price #customer-price-label {
    padding-left: 7px; }

.product-container .product-display-info {
  color: #dc3545;
  font-size: 0.875rem; }

.product-container .product-display-info-secondary {
  font-size: 0.875rem; }

.product-container .product-map-msg {
  font-size: 0.75rem; }

.product-container #product-action-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; }
  .product-container #product-action-bar .cart-button, .product-container #product-action-bar .quote-button, .product-container #product-action-bar .fav-button {
    font-size: 1.2rem;
    margin-bottom: 0.25rem; }
  .product-container #product-action-bar .cart-button, .product-container #product-action-bar .quote-button {
    padding-top: 8px;
    padding-bottom: 8px; }
  .product-container #product-action-bar .fav-button {
    display: inline-flex;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 0.5rem;
    padding-left: 0.25rem; }

.product-container .detail-title {
  position: relative;
  color: #212529;
  width: 100%;
  border-bottom: 1px solid #adb5bd;
  padding-bottom: 3px; }

.product-container .detail-title::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 250px;
  height: 3px;
  background: #005741; }

.product-container .product-links-list, .product-container .product-features-list, .product-container .more-stock-list {
  display: table;
  list-style: none;
  margin-left: 0.5rem;
  padding-left: 0.5rem; }
  .product-container .product-links-list li, .product-container .product-features-list li, .product-container .more-stock-list li {
    display: table-row; }
  .product-container .product-links-list li::before, .product-container .product-features-list li::before, .product-container .more-stock-list li::before {
    content: "\2023";
    display: table-cell;
    text-align: right;
    padding-right: .3rem;
    color: #ffc107; }

.product-container .product-spec-list {
  list-style: none;
  max-width: 600px;
  padding-left: 0;
  margin-top: 1rem;
  background-color: #FFF; }
  .product-container .product-spec-list li:first-child {
    border-top: 1px solid #adb5bd; }
  .product-container .product-spec-list li {
    border-bottom: 1px solid #adb5bd; }
    .product-container .product-spec-list li .spec-label {
      display: inline-block;
      width: 200px;
      padding: 7px;
      background-color: #FAFBFC;
      border-right: 1px solid #adb5bd; }
    .product-container .product-spec-list li .spec-field {
      display: inline-block;
      color: #212529;
      padding: 7px; }

#install-requires-container .product-card-body .product-name {
  height: 45px; }

#compatibles-container .product-card-body .product-name {
  height: 45px; }

#boughtwith-container .product-card-body .product-name {
  height: 45px; }

.product-variant-card-container {
  text-align: center;
  font-size: 0.75rem;
  height: 165px;
  padding: 5px;
  margin-top: 1rem;
  max-width: 165px; }
  .product-variant-card-container .product-variant-card {
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 0px; }
    .product-variant-card-container .product-variant-card .product-variant-card-top {
      position: relative;
      height: 110px;
      line-height: 105px; }
      .product-variant-card-container .product-variant-card .product-variant-card-top a {
        display: block; }
        .product-variant-card-container .product-variant-card .product-variant-card-top a img {
          vertical-align: middle;
          max-height: 105px;
          max-width: 100%; }
    .product-variant-card-container .product-variant-card .product-card-body {
      padding: 5px;
      overflow: hidden; }

#compatibles-outer-container .owl-carousel .owl-stage-outer {
  height: 465px; }

#install-requires-outer-container .owl-carousel .owl-stage-outer {
  height: 510px; }

.owl-nav {
  margin-top: 0; }

.product-list-container .owl-theme .owl-dots {
  margin-top: -5px !important; }
  .product-list-container .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 8px;
    margin-top: 0;
    border-radius: 0px; }
  .product-list-container .owl-theme .owl-dots .owl-dot.active span {
    background-color: #005741; }

.owl-prev {
  position: absolute;
  top: 40%;
  margin-left: -19px !important;
  display: block !important;
  border: 0px solid black; }

.owl-next {
  position: absolute;
  top: 40%;
  right: -25px;
  display: block !important;
  border: 0px solid black; }

.owl-prev i, .owl-next i {
  color: #005741;
  font-weight: 600;
  font-size: 1.5rem; }

@media (max-width: 767px) {
  .product-container .product-spec-list li .spec-label {
    width: 100%;
    display: block;
    border-right: 0; }
  .product-container .product-spec-list li .spec-field {
    display: block; } }

@media (max-width: 576px) {
  .product-list-container {
    margin-left: 0px;
    margin-right: 0px; }
  .owl-prev {
    margin-left: 0px !important; }
  .owl-next {
    right: 0px; } }

:root {
  --colorBrandLogoBg: #EEE; }

.brand-container .brand-text-section, .brand-container .product-list-section, .brand-container .brand-video-section {
  margin: 4rem 0; }

.brand-container .brand-profile p {
  font-size: 1.25rem; }

.brand-text-section.brand-profile {
  padding: 1rem 4rem 3rem;
  text-align: center; }

.brand-section.fw-video-section {
  background: #f1f1f1;
  padding: 2rem 0 6rem 0;
  margin: 0rem 0; }

.fw-testimonial-section {
  background-color: #FFF; }

.brand-testimonial {
  background-color: #FFF;
  text-align: center;
  padding: 2rem;
  font-size: 2rem;
  margin: 0rem auto;
  max-width: 600px; }

.brand-testimonial-content {
  padding: 3rem 0; }

.brand-logo {
  padding: 4rem;
  max-width: 100%; }

.brand-hero-wrapper {
  aspect-ratio: 23/10;
  width: 100%;
  position: relative;
  max-height: 65lvh; }

.brand-hero {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0; }

.fw-banner-section {
  position: relative;
  width: 100%; }
  .fw-banner-section img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    max-height: 100%; }

.brand-logo-col {
  background: var(--colorBrandLogoBg); }

.brand-container {
  margin-top: -2rem; }
  .brand-container h2, .brand-container h3 {
    font-weight: 600;
    margin-bottom: 1.5rem; }
  .brand-container .brand-collection-text {
    padding: 1rem 0 2rem; }
  .brand-container .product-list-outer-container {
    padding-top: 1rem; }
  .brand-container #brand-videos {
    margin: 0 auto;
    padding: 0; }
  .brand-container .gallery-content-container {
    text-align: center;
    max-height: 500px;
    aspect-ratio: 16 / 9; }
  .brand-container .thumbnails {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1rem auto 0;
    padding: 0; }
  .brand-container .brand-thumbnail-wrapper {
    position: relative; }
    .brand-container .brand-thumbnail-wrapper svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .brand-container .thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    overflow: hidden;
    list-style: none;
    margin: 0 0.5rem;
    cursor: pointer;
    opacity: 0.5; }
  .brand-container .thumbnail img {
    max-height: 90px;
    max-width: 90px;
    height: auto; }

@media (min-width: 1px) {
  .fw-banner-section {
    min-height: 190px; }
  .fw-banner-section.banner-tall {
    min-height: 300px; } }

@media (min-width: 576px) {
  .brand-container .thumbnail {
    margin: 0 2rem; } }

@media (min-width: 992px) {
  .fw-banner-section {
    min-height: 320px; }
  .fw-banner-section.banner-tall {
    min-height: 450px; }
  .brand-container .thumbnail {
    width: 120px;
    height: 120px; }
  .brand-container .thumbnail img {
    max-height: 120px;
    max-width: 120px; } }

#reportInfoFormModal {
  font-size: 0.875rem; }
  #reportInfoFormModal .form-control-sm {
    font-size: 0.75rem; }
  #reportInfoFormModal label {
    margin-bottom: 0; }
  #reportInfoFormModal .form-group {
    margin-bottom: 0.5rem; }

.job-report-container-header {
  font-weight: 600;
  border-bottom: 2px solid #777;
  border-top: 1px solid #dee2e6;
  background-color: #e9ecef;
  color: #212529; }

.job-report-sticky-top {
  width: 100%;
  background-color: #FFF;
  z-index: 999; }
  .job-report-sticky-top .job-report-sticky-container {
    background-color: #e9ecef;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6; }

.job-report-table-row {
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 1px solid #dee2e6; }
  .job-report-table-row .invoice-number-text {
    margin-left: 0.5rem; }
  .job-report-table-row .invoice-created-text {
    margin-left: 0.5rem;
    font-size: 0.75rem; }
  .job-report-table-row .invoice-data-description {
    font-size: 0.75rem; }
  .job-report-table-row .line-total {
    font-weight: 600; }
  .job-report-table-row .client-line-total {
    width: 80px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem;
    font-size: 0.875rem;
    display: inline;
    padding-right: 5px;
    text-align: right;
    color: #212529; }
  .job-report-table-row .job-report-sell-quantity-badge {
    background-color: #ffc107;
    cursor: pointer; }
  .job-report-table-row .lock-control {
    margin-left: 3px; }
  .job-report-table-row .fa-lock {
    color: #dc3545; }
  .job-report-table-row .fa-unlock {
    color: #005741; }

.invoice-tab-row-selections {
  display: none; }

#invoice-search-container {
  overflow-x: hidden; }
  #invoice-search-container .offcanvas-start {
    max-width: 100%;
    width: 100%; }
  #invoice-search-container .offcanvas-start.show {
    max-width: 325px; }

.invoice-search-results {
  min-height: 350px;
  max-height: 400px;
  overflow-y: auto;
  position: relative; }

.invoice-search-results-query-info {
  font-weight: 400;
  font-size: 0.875rem;
  padding: 0 1rem;
  margin-bottom: 1rem; }

.invoice-select-info {
  font-size: 0.875rem; }

.invoice-expand, .invoice-expand-all {
  cursor: pointer;
  font-size: 0.875rem; }

.invoice-expand.disabled {
  cursor: revert;
  color: #dee2e6; }

.invoice-extra-info-row {
  max-width: 30rem;
  font-size: 0.875rem;
  padding-bottom: 0.75rem;
  color: #212529; }

.data-search-grid-sort-col {
  cursor: pointer; }

.invoice-extra-info-row-content {
  padding-left: 0rem; }

.invoice-data-rows-container {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem; }
  .invoice-data-rows-container .data-match-row {
    background-color: #fee8bd;
    color: #333; }

.invoice-details-modal-body .invoice-data-rows-container {
  padding-left: 0; }

.invoice-details-modal-body .invoice-data-checkbox-label {
  display: none; }

.invoice-selected-info-container {
  font-size: 1rem;
  color: #212529; }
  .invoice-selected-info-container button {
    font-size: 0.875rem; }

.badge-search-match, .select-matches-btn {
  background-color: #fee8bd;
  color: #333; }

.badge-search-match {
  font-size: 0.8rem; }

.select-matches-btn {
  border-color: #adb5bd; }

.invoice-sticky-footer, .job-report-sticky-footer {
  text-align: center;
  border-top: 2px solid #777;
  border-bottom: 1px solid #adb5bd;
  background: rgba(221, 221, 221, 0.9); }

.invoice-action-bar {
  text-align: center;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  background-color: #e9ecef; }

.invoice-search-data-container {
  display: none;
  margin-bottom: 1rem;
  padding-left: 1rem; }

.invoice-table-row.data-search-grid-row {
  cursor: revert; }

.invoice-data-table-row {
  font-size: 0.75rem;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  color: #212529;
  background-color: #FFF; }

.invoice-data-table-row:last-child {
  border-bottom-left-radius: var(--bs-border-radius-sm);
  border-bottom-right-radius: var(--bs-border-radius-sm); }

.invoice-data-table-header-row {
  border: 1px solid #dee2e6;
  background-color: #f2f2f7;
  color: #212529;
  font-weight: 600;
  border-top-left-radius: var(--bs-border-radius-sm);
  border-top-right-radius: var(--bs-border-radius-sm); }

.invoice-data-checkbox-label {
  display: inline-block;
  padding: 0;
  margin: 0; }

@media (min-width: 768px) {
  .invoice-extra-info-row-content {
    padding-left: 3rem; }
  .invoice-data-rows-container {
    padding-left: 3.5rem; } }

/*
.invoice-search-type-dropdown {
	position: relative;
	background-color: $color-neutral-lighter;
	border-color: $color-border;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
	padding-top: 0.25rem;
	padding-right: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.25rem;
	max-width: 90px;

	.invoice-search-type-name {
		cursor: pointer;
		font-size: $font-size-dn2;
		overflow: hidden;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.invoice-search-type-select {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		cursor: pointer;
		@include opacity(0, 0);
	}	
}

.invoice-search-type-dropdown {
	margin-left: 0px;
}


.invoice-type-check-label {
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0;
}

.invoice-type-check {
	margin-right: 0.15rem;
}

.action-btn {
	font-size: 0.95rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	
	.next-action-icon {
		margin-left: 0.25rem;
		color: #333;
	}
		
	.prev-action-icon {
		margin-right: 0.25rem;
		color: #333;
	}
}

.action-btn-small {
	font-size: 0.75rem;
}

.action-btn-secondary {
	background-color: $color-brand-main;
	border-color: $color-brand-main;
	
	&:hover {
		color: #FFF;
	}
}

.invoice-page-container {
	.btn-previous, .btn-next {
		padding-right: 5px;
		padding-left: 5px;
		color: $color-brand-main;
		cursor: pointer;
		font-weight: $font-weight-bold;
		
		&:hover {
			color: $color-font;
		}
	}

	.paging-container {
		.disabled {
			color: #CCC;
			cursor: default;
			
			&:hover {
				color: #CCC;
			}
		}
	}
}

.invoice-help-header {
	margin-top: 1rem;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid $color-border;
}

.invoice-help-snippet {
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}




.toggle-results-mode-btn, .selection-mode-help {
	
}

.invoice-tabs-container {
	width: 100%;
	background-color: #FFF;
	z-index: 999;

	.nav-tabs .nav-link.active {
		background-color: $color-neutral-lighter;
		border-bottom: 1px solid $color-neutral-lighter;
	}

	.nav-tabs .nav-link {
		padding: .25rem .5rem;
		font-size: $font-size-dn1;
		border-top-left-radius: .5rem;
		border-top-right-radius: .5rem;
		border-color: #e9ecef #e9ecef #dee2e6;
	}
}

.invoice-tabs-content-container, .job-report-tabs-content-container {
	border-top: 1px solid $color-border-light;
	border-bottom: 1px solid $color-border-light;
	//border-top: 0;
	background-color: $color-neutral-lighter;
}

.invoice-tab-row-filter {
	
}



.invoice-tab-row-download {
	display: none;
}

.invoice-expand, .invoice-expand-all {
	color: $color-brand-main;
	cursor: pointer;
	font-size: $font-size;
	
	padding: 0.2rem;
	margin: 0.2rem 0;
}

.invoice-expand {
	margin-right: 0.25rem;	
}


.invoice-search-container-header {
	background-color: $color-neutral-lighter;
	border-top: 1px solid $color-border-light;
}

.badge-checkbox-all {
	padding: 0.2rem 0.35rem;
	margin: 0.2rem 0;
	background-color: $color-brand-main;
	cursor: pointer;
}

.badge-checkbox-invoice {
	padding: 0.2rem 0.35rem;
	margin: 0.2rem 0;
	cursor: pointer;
}

.invoice-checkbox-all-label {
		display: inline-block;
		background-color: $color-brand-main;
		margin: 0;
		padding-left: 0;
		cursor: pointer;
		
		.invoice-checkbox-all {
			//vertical-align: middle;
		}
}

.invoice-checkbox-label {
		display: inline-block;
		margin: 0;
		padding-left: 0;
		cursor: pointer;
}

.invoice-container-header {
	font-weight: $font-weight-bold;
	border-bottom: 2px solid #777;
	border-top: 1px solid $color-border-light;
	background-color: $color-neutral-lighter;
	color: $color-font-dark;

	

	.invoice-number-header {
		margin-left: 1.5rem;	
	}

	.dropdown-item {
		padding: .25rem 0.5rem;
		font-size: $font-size-dn1;
	}

	.dropdown-divider {
		margin: 0.15rem 0;	
	}
}

.invoice-select-count-badge, .invoice-data-select-count-badge {
	display: inline-block;
	width: 1.3rem;
	
	
}

.invoice-select-count {
	min-width: 1.3rem;
	display: inline-block;	
}



.invoice-select-dropdown {
	cursor: pointer;
	
	.dropdown-item {
		padding: .25rem 0.5rem;
		font-size: $font-size-dn1;
	}

	.dropdown-divider {
		margin: 0.15rem 0;	
	}	
}

.invoice-table-row {
	text-align: left;
	font-size: $font-size-dn1;
	border-bottom: 1px solid $color-border-light;

	
	.invoice-number-text {
		//color: $color-font-dark;
		margin-right: 0.25rem;
	}

	.invoice-download-links {
		
	}

	.net-text {
		font-weight: $font-weight-bold;
	}

	.invoice-created-text {
		margin-right: 0.25rem;
		font-size: $font-size-dn2;
	}

	.status-text {
		font-size: $font-size-dn2;
	}

	.ship-notes-text {
		font-size: $font-size-dn2;
	}

}







.invoice-search-results-query-info {
	font-weight: $font-weight;
	font-size: 0.85rem;
	
	.info-label {
		
	}
}

.invoice-select-info {
	font-weight: $font-weight;
	font-size: 0.85rem;

}

.invoice-search-results-footer {
	margin-top: 0.25rem;	
}


*/
.statement-search-container-header {
  background-color: #e9ecef;
  border-top: 1px solid #dee2e6; }

.statement-container-header {
  font-weight: 600;
  border-bottom: 2px solid #777;
  border-top: 1px solid #dee2e6;
  background-color: #e9ecef;
  color: #212529; }

.quote-search-container-header {
  background-color: #e9ecef;
  border-top: 1px solid #dee2e6; }

#quote-fav-dropdown {
  margin-right: 1rem; }

#sticky-button-bar {
  margin-bottom: 1rem;
  background-color: #FFF; }
  #sticky-button-bar .btn {
    font-size: 0.85rem;
    padding: 0.175rem 0.35rem; }

.quote-btn, .quote-btn-first, .quote-btn-last, .job-btn, .job-btn-first, .job-btn-last {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem; }

.quote-btn-first, .job-btn-first {
  margin-left: 0rem; }

.quote-btn-last, .job-btn-last {
  margin-right: 0rem; }

.quote-btn2, .quote-btn2-first, .quote-btn2-last, .job-btn2, .job-btn2-first, .job-btn2-last {
  display: block;
  vertical-align: top;
  margin-bottom: 0.5rem;
  min-width: 14rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem; }

.quote-btn2-last, .job-btn2-last {
  margin-bottom: 0rem; }

.data-rows-container .placeholder {
  position: relative; }

.data-rows-container .placeholder:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-top: -8px;
  left: -8px;
  top: -1px;
  border: 8px solid transparent;
  border-left-color: #005741;
  border-right: none; }

.drag-handle {
  cursor: move !important; }

.quote-button-icon {
  position: relative; }
  .quote-button-icon span {
    position: absolute;
    top: -11px;
    right: -6px;
    font-weight: 600; }

.quote-button, .fav-full-button {
  padding: 0.25rem 0.5rem;
  background-color: #FFF;
  position: relative; }

.fav-full-button {
  display: flex;
  align-items: center; }
  .fav-full-button .fav-icon-stack {
    position: relative; }
    .fav-full-button .fav-icon-stack .fav-button-star-icon {
      position: relative; }

.cart-button .icon-wrapper-lg {
  height: 1.2em; }

.item-cart-quantity {
  vertical-align: text-bottom; }

.fav-icon-button {
  position: absolute;
  padding: 0;
  background-color: #FFF;
  border: 0; }

.fav-icon-stack {
  position: absolute;
  line-height: 24px; }
  .fav-icon-stack .fav-button-star-icon {
    position: absolute;
    font-size: 24px; }
  .fav-icon-stack .fav-button-lock-icon {
    position: absolute;
    left: 6px;
    line-height: inherit;
    font-size: 12px; }

.fav-button .faved, .fav-full-button .faved {
  color: #ffc107; }

.fav-button .unfaved, .fav-full-button .unfaved {
  color: #DDD; }

.fav-button .bi-lock-fill, .fav-full-button .bi-lock-fill {
  color: #777; }

.product-card-container-small .product-card .cart-button {
  margin-right: 0.1rem; }

.product-card-container-small .product-card .quote-button {
  margin-right: 0.1rem; }

.list-view-action-column {
  border-left: 1px solid #adb5bd;
  border-right: 1px solid #adb5bd; }

#totals-container .totals-header {
  border-top: 1px solid #adb5bd;
  background: #dee2e6;
  padding: 0.25rem;
  font-weight: 600; }

.item-container-row, .item-actions-row, .item-title-row, .item-flags-row, .item-body-row, .totals-row {
  margin-right: 0px;
  margin-left: 0px; }

.item-actions-row.highlighted-action-row {
  background-color: #FFDF76; }

.item-actions-row {
  border-bottom: 1px solid #dee2e6;
  background-color: #dee2e6; }

.item-display-info {
  font-weight: 400;
  font-size: 0.75rem; }

.item-actions {
  display: inline-block;
  font-size: 1.25rem; }

.item-button {
  width: 40px;
  cursor: pointer;
  display: inline-block;
  color: #005741;
  text-align: center;
  vertical-align: top;
  padding-right: 3px;
  border-right: 1px solid #adb5bd; }
  .item-button .show-toggle-off {
    color: #dc3545; }

.item-button:hover {
  color: #ffc107; }

.cart-actions {
  display: inline-block;
  margin-left: auto; }

.item-order-history-dropdown {
  display: inline-block; }

.item-cart-dropdown {
  display: inline-block; }

.item-cart-button {
  display: inline-block;
  font-size: 0.8rem;
  padding-top: 0.15rem;
  padding-bottom: 0.1rem;
  vertical-align: top; }
  .item-cart-button .badge {
    vertical-align: middle; }

.cart-badge {
  padding: 0.175rem;
  cursor: pointer; }

.item-cart-dropdown-menu {
  padding: 5px; }

.item-section {
  margin: 0;
  padding: 0;
  border-right: 1px solid #adb5bd;
  border-bottom: 1px solid #adb5bd; }
  .item-section .item-section-content {
    padding: 3px;
    width: 100%; }

.item-col {
  padding: 3px;
  vertical-align: middle; }

.item-prices-col {
  padding-right: 15px;
  padding-left: 3px; }

.sell-prices-col {
  border-left: 3px solid #adb5bd; }

.item-sell-total-line {
  border-top: 1px dotted #dee2e6; }

.item-img-col {
  display: inline-block;
  min-width: 90px;
  text-align: center; }

.item-info-col {
  display: inline-block; }

.item-title-text {
  display: block;
  padding-top: 0.25rem;
  padding-left: 0.25rem; }

#quote-notification-toast {
  z-index: 1200; }

.product-list-group {
  border-bottom: 1px solid #495057; }

.data-rows-container .data-rows-item.quote-item-linked-group {
  border-left: 3px solid #495057;
  border-right: 3px solid #495057; }

.data-rows-container .data-rows-item.subtotal-row, .data-rows-container .data-rows-item.spaced-data-row.subtotal-row {
  border-bottom: 3px solid #212529;
  border-top: 3px solid #212529;
  background-color: #6c757d;
  color: #FFF;
  margin-bottom: 1rem; }
  .data-rows-container .data-rows-item.subtotal-row .item-section, .data-rows-container .data-rows-item.spaced-data-row.subtotal-row .item-section {
    border-bottom: 0; }

.data-rows-container .data-rows-item.spaced-data-row {
  border: 1px solid #495057;
  border-top: 1px solid #495057;
  border-bottom: 0;
  margin-bottom: 0px; }

.data-rows-container .data-rows-item {
  border-left: 1px solid #adb5bd;
  border-top: 1px solid #adb5bd; }
  .data-rows-container .data-rows-item strong {
    color: #212529; }
  .data-rows-container .data-rows-item .badge {
    font-size: 0.8rem; }
  .data-rows-container .data-rows-item .item-flags-row {
    font-size: 0.8rem; }
  .data-rows-container .data-rows-item .item-title-name {
    font-size: 0.85rem; }
  .data-rows-container .data-rows-item .item-price-label {
    font-size: 0.8rem; }
  .data-rows-container .data-rows-item .item-price {
    font-size: 0.9rem;
    color: #212529; }
  .data-rows-container .data-rows-item .item-quantity {
    margin-left: 2px; }
  .data-rows-container .data-rows-item .item-brand {
    display: inline-block;
    padding-right: 1.5rem; }
  .data-rows-container .data-rows-item .item-sku {
    display: inline-block;
    padding-right: 1.5rem; }
  .data-rows-container .data-rows-item .item-partid {
    display: inline-block; }
  .data-rows-container .data-rows-item .item-img {
    vertical-align: middle;
    max-height: 50px;
    padding-top: 3px; }
  .data-rows-container .data-rows-item .item-cart-container {
    height: 100%;
    text-align: left; }

.item-info-table {
  border: 0;
  font-size: 0.8rem; }
  .item-info-table .item-info-label {
    text-align: left;
    padding: 2px; }
    .item-info-table .item-info-label label, .item-info-table .item-info-label .form-check {
      margin-bottom: 0; }
  .item-info-table .item-info-value, .item-info-table .item-info-number {
    font-weight: 600;
    padding: 2px;
    display: inline-block;
    min-width: 70px; }
  .item-info-table .item-line-total {
    border-top: 1px solid #adb5bd; }
  .item-info-table .item-info-number {
    text-align: right; }

.item-info-table.item-info-table-compact {
  line-height: 1.2; }

#embedded-search-container .search-help {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 1rem;
  margin-bottom: 1rem; }

#embedded-search-container #search-results-wrapper {
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: none; }
  #embedded-search-container #search-results-wrapper .search-results-help {
    font-size: 0.75rem;
    color: #6c757d; }
  #embedded-search-container #search-results-wrapper #search-results-container .search-results {
    max-height: 350px;
    min-height: 150px;
    overflow: auto; }

#embedded-search-container .embedded-search-footer {
  padding-top: 0.5rem; }

.quote-messages {
  color: #dc3545; }

.soldper-field {
  font-size: 0.75rem;
  color: #6c757d; }

.item-desc-field {
  max-width: 500px; }

.item-form-wrapper {
  max-width: 500px; }
  .item-form-wrapper .form-control, .item-form-wrapper .form-select {
    max-width: 200px; }

.add-to-quote-col-header {
  font-size: 1rem; }

.add-to-quote-feedback {
  border: 1px solid #dee2e6;
  border-radius: 7px;
  background-color: #e9ecef;
  font-size: 0.75rem; }

.add-to-quote-feedback-hide {
  cursor: pointer; }

#add-to-quote-location-section, #add-to-quote-tip {
  font-size: 0.85rem; }

/*
.edit-quote-form-body {
	font-size: 0.9rem;
	
	label {
		margin-bottom: 0.1rem;
	}
}
*/
@media (min-width: 576px) {
  .item-title-text {
    display: inline-block;
    padding-top: 0rem;
    padding-left: 0rem; } }

.cart-widget {
  display: inline-block; }
  .cart-widget .view-cart-btn {
    position: relative;
    padding-left: 1rem;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
    .cart-widget .view-cart-btn a {
      color: #fff; }
    .cart-widget .view-cart-btn .cart-count-container {
      position: absolute;
      top: 13%;
      left: -11px;
      vertical-align: middle;
      background-color: #333;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      padding-top: 0px;
      text-align: center; }

.cart-row-header {
  font-weight: 600;
  border-bottom: 2px solid #777;
  border-top: 1px solid #dee2e6;
  background-color: #e9ecef;
  color: #212529;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.cart-row {
  border-bottom: 1px solid #adb5bd;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.cart-row.cart-row-linked-group {
  border-left: 3px solid #495057;
  border-right: 3px solid #495057; }

.cart-summary-row {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-color: #e9ecef;
  color: #212529; }

.cart-total-row {
  font-size: 1.2rem;
  border-top: 2px solid #777;
  border-bottom: 1px solid #dee2e6;
  background-color: #e9ecef;
  color: #212529; }

.cart-field-med {
  font-size: 0.85rem; }

.cart-field-small {
  font-size: 0.8rem; }

.cart-flags-seperator {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.cart-flags {
  padding-left: 1rem; }

#orderForm {
  font-size: 0.85rem; }
  #orderForm label {
    margin-bottom: 0.1rem; }
  #orderForm .form-group {
    margin-bottom: 0.5rem; }

.order-form-totals-label {
  font-size: 0.8rem; }

.order-form-totals-value {
  font-size: 0.9rem;
  font-weight: 600; }

.order-form-totals-total {
  font-size: 1rem; }

.order-form-totals-row {
  border-bottom: 1px solid #6c757d;
  border-top: 1px solid #6c757d;
  background-color: #adb5bd;
  color: #212529;
  padding-top: 5px;
  padding-bottom: 5px; }

.checkout-page-container {
  margin-bottom: -2rem;
  background-color: #FFF; }
  .checkout-page-container .summary-container {
    margin-top: 1rem;
    max-width: 540px;
    padding: 0px; }
  .checkout-page-container .form-container {
    margin-top: 1rem;
    max-width: 760px;
    padding: 0px; }

.cart-checkout-header-banners .header-banner {
  margin-bottom: 0; }

.checkout-summary-wrapper {
  background-color: #f7f7f7;
  border-bottom: 1px solid #dee2e6;
  border-left-width: 0px; }
  .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-image-col {
    display: flex;
    justify-content: center;
    align-items: center; }
    .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-image-col .summary-img {
      max-width: 60px;
      max-height: 40px; }
  .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-info-col {
    display: flex;
    justify-content: start;
    align-items: center; }
    .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-info-col .summary-brand {
      font-weight: 600;
      font-size: 0.9rem; }
    .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-info-col .summary-name {
      font-size: 0.75rem;
      padding-left: 0.25rem; }
  .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-price-col {
    display: flex;
    justify-content: end;
    align-items: center; }
    .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-price-col .summary-price {
      font-size: 0.9rem; }
    .checkout-summary-wrapper .checkout-summary-products .summary-row .summary-price-col .summary-fee {
      font-size: 0.75rem; }
  .checkout-summary-wrapper .checkout-summary-mobile .summary-mobile-row {
    display: flex;
    justify-content: space-between; }
  .checkout-summary-wrapper .summary-totals-row .summary-totals-col {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
    .checkout-summary-wrapper .summary-totals-row .summary-totals-col .summary-totals-label {
      font-size: 0.9rem; }

.summary-totals-value {
  font-size: 0.9rem;
  font-weight: 600; }

.summary-totals-total {
  font-size: 1.1rem; }

.checkout-form-wrapper {
  background-color: #FFF; }
  .checkout-form-wrapper .checkout-form {
    padding-bottom: 4rem; }

.step-submit-buttons .step-submit-btn:not(:first-child) {
  margin-left: 1rem; }

.step-prev-buttons {
  margin-top: 1rem; }

.checkout-crumbs .step-crumb {
  display: inline-block;
  padding: 0.5rem 0rem; }

.checkout-crumbs .divider {
  display: inline-block;
  padding: 0.5rem; }

.checkout-crumbs .step-crumb.current {
  pointer-events: none;
  font-weight: 600; }

.checkout-crumbs .step-crumb.pending {
  pointer-events: none;
  color: #adb5bd; }

.delivery-date-time-selection .delivery-date {
  max-width: 8rem; }

.delivery-date-time-selection .delivery-time {
  max-width: 8rem; }

@media (min-width: 992px) {
  .checkout-summary-wrapper {
    border-left: 1px solid #dee2e6;
    border-bottom-width: 0px; }
  .checkout-summary-products.collapse:not(.show) {
    display: block; }
  .checkout-totals-container.collapse:not(.show) {
    display: block; }
  .checkout-page-container .checkout-form-wrapper {
    min-height: 83vh; } }

.bulk-order-dropdown {
  width: 260px;
  z-index: 1030; }

.bulk-order-container {
  max-width: 350px; }

.bulk-order-toggle-row {
  width: 100%; }
  .bulk-order-toggle-row .bulk-order-entry-toggle {
    width: 50%;
    background-color: #EEE;
    display: inline-block; }
  .bulk-order-toggle-row .toggle-form {
    margin-right: 5px;
    border-bottom-right-radius: 0.65rem;
    border-top-left-radius: 0.65rem; }
  .bulk-order-toggle-row .toggle-paste {
    margin-left: 5px;
    border-bottom-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem; }
  .bulk-order-toggle-row .toggle-form.toggle-selected {
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
    background-color: #CCC; }
  .bulk-order-toggle-row .toggle-paste.toggle-selected {
    border-bottom: 2px solid #555;
    border-left: 2px solid #555;
    background-color: #CCC; }

.bulk-order-error-row input {
  border-color: #dc3545; }

.bulk-add-item-row {
  font-size: 0.8rem;
  border-bottom: 1px solid #adb5bd;
  min-height: 40px; }

.bulk-add-title-row {
  font-size: 1.1rem;
  background: #dee2e6; }
  .bulk-add-title-row .badge {
    font-size: 1.1rem; }
  .bulk-add-title-row .bulk-add-title-icon {
    color: #555; }
  .bulk-add-title-row .bulk-add-from-display-name, .bulk-add-title-row .bulk-add-to-display-name {
    color: #495057; }
  .bulk-add-title-row .bulk-add-create-new-link {
    font-size: 0.9rem; }

#addNewLoginModal .modal-body {
  font-size: 0.9rem; }

.login-access-row {
  margin-bottom: 1rem;
  font-size: 0.9rem; }

.login-access-header {
  border-top-left-radius: 0.65rem;
  border-top-right-radius: 0.65rem;
  color: #212529;
  padding: 5px; }

.login-access-row-contents {
  border: 1px solid #dee2e6;
  border-radius: 0.65rem; }
  .login-access-row-contents .collapse {
    background-color: #FFF;
    border-bottom-left-radius: 0.65rem;
    border-bottom-right-radius: 0.65rem; }

.login-access-expand-btn {
  padding-right: 10px; }

.pending-reg-row {
  border-bottom: 1px solid #adb5bd;
  border-top: 1px solid #adb5bd;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.help-page-container {
  position: relative; }
  .help-page-container .help-page-hero {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 200px; }
  .help-page-container .help-page-header {
    z-index: 1 !important;
    position: relative;
    padding-top: 2rem;
    margin-bottom: 2rem; }
    .help-page-container .help-page-header .help-crumb {
      white-space: nowrap; }
    .help-page-container .help-page-header .help-title, .help-page-container .help-page-header .help-phone {
      font-weight: 300; }
    .help-page-container .help-page-header .help-menu {
      font-size: 0.75rem;
      font-weight: 300; }
      .help-page-container .help-page-header .help-menu a {
        font-weight: 600;
        padding: 0 5px; }
    .help-page-container .help-page-header .help-logo {
      margin: 1rem auto 0 auto;
      max-width: 30px; }
  .help-page-container .help-page-body {
    z-index: 1000;
    position: relative;
    min-height: 500px; }
  .help-page-container .help-content-img {
    max-width: 100%;
    height: auto; }
  .help-page-container .help-content-img-caption {
    text-align: center;
    font-style: italic;
    font-weight: 300;
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem; }
  .help-page-container .nav-card-header-icon {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: start; }
    .help-page-container .nav-card-header-icon img {
      max-width: 48px;
      height: auto; }

@media (min-width: 768px) {
  .help-page-container .help-page-hero {
    display: block; }
  .help-page-container .help-page-header {
    color: #FFF; }
    .help-page-container .help-page-header a {
      color: #FFF; } }

.ezcode-table {
  margin-bottom: 1rem; }
  .ezcode-table .ezcode-table-header {
    background-color: #e9ecef; }
  .ezcode-table td, .ezcode-table th {
    padding: 5px; }

.ezcode-example-img {
  margin-bottom: 1rem; }

.help-screen-shot {
  display: block;
  margin-bottom: 1rem;
  margin-top: 0.25rem; }

.help-screen-list {
  font-size: 0.875rem; }

@media (min-width: 1px) {
  .help-title, .help-phone {
    font-size: 1.1rem; } }

@media (min-width: 768px) {
  .help-title, .help-phone {
    font-size: 1.5rem; } }

.left-title {
  float: left; }

.right-title {
  float: right;
  padding-top: 5px; }

.div-title {
  padding: 5px;
  padding-left: 10px; }

.note {
  font-weight: bold; }

.reward-number-row {
  white-space: nowrap;
  padding-top: 1em;
  padding-right: 1em; }

.rp-scroll {
  max-height: 300px;
  overflow: auto; }

.nexstar-disable {
  pointer-events: none;
  opacity: 0.6; }

.customer-search-container-header {
  background-color: #e9ecef;
  border-top: 1px solid #adb5bd;
  border-bottom: 1px solid #adb5bd; }

.customer-table-row {
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 1px solid #adb5bd;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }
  .customer-table-row .customer-number-text {
    font-weight: 600; }
  .customer-table-row .customer-name-text {
    color: #212529; }
  .customer-table-row .net-text {
    font-weight: 600; }
  .customer-table-row .customer-created-text {
    margin-right: 0.25rem;
    font-size: 0.75rem; }
  .customer-table-row .customer-phone-text {
    font-size: 0.75rem; }
  .customer-table-row .customer-email-text {
    font-size: 0.75rem; }
  .customer-table-row .customer-search-emails {
    font-size: 0.75rem;
    background-color: #DDD;
    color: #555;
    border-radius: 15px;
    padding: 4px; }

.customer-summary-header {
  border-bottom: 1px solid #adb5bd;
  padding-bottom: 5px; }

.customer-search-results {
  min-height: 130px;
  position: relative; }

.customer-summary-label {
  font-size: 0.875rem; }

.customer-summary-value {
  font-size: 0.75rem; }

.customer-flag-text {
  font-size: 0.875rem;
  color: #dc3545; }

.home-title {
  margin-top: 2rem; }

.home-action-btn {
  width: 100%;
  font-weight: 400; }
  .home-action-btn .sicon, .home-action-btn .bi {
    margin-right: 0.75rem; }

.quote-action-link {
  position: relative; }

.link-notification {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1000; }

.quote-notification {
  vertical-align: bottom; }

@media (min-width: 1px) {
  .home-action-btn {
    font-size: 1.25rem;
    padding: 1rem 0.75rem; }
    .home-action-btn .sicon {
      margin-right: 0.25rem; } }

@media (min-width: 768px) {
  .home-action-btn {
    font-size: 1.5rem;
    padding: 1.25rem 1rem; }
    .home-action-btn .sicon {
      margin-right: 0.75rem; } }

@media (min-width: 992px) {
  .home-action-btn {
    font-size: 1.5rem;
    padding: 1.25rem 1rem; }
    .home-action-btn .sicon {
      margin-right: 0.75rem; } }

@media (min-width: 1200px) {
  .home-action-btn {
    font-size: 1.75rem;
    padding: 1.25rem 1rem; }
    .home-action-btn .sicon {
      margin-right: 0.75rem; } }

/** Global */
/**
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {}
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {}
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {}
// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {}
// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {}
*/
/** TODO move these to web-common-resources header styles */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

footer.page-footer {
  margin-top: auto; }

/** Add some things back that Bootstrap 5 removed or changed */
.btn.disabled {
  --bs-btn-disabled-opacity: 0.35; }

.btn-light {
  border-color: #e9ecef; }

.input-daterange input:first-child {
  -webkit-border-radius: 0.375rem 0 0 0.375rem;
  -moz-border-radius: 0.375rem 0 0 0.375rem;
  border-radius: 0.375rem 0 0 0.375rem; }

.input-daterange input:last-child {
  -webkit-border-radius: 0 0.375rem 0.375rem 0;
  -moz-border-radius: 0 0.375rem 0.375rem 0;
  border-radius: 0 0.375rem 0.375rem 0; }

.tooltip {
  --bs-tooltip-max-width: 250px; }

label.form-check {
  min-height: unset; }

.form-group {
  margin-bottom: 1.1256rem; }

label {
  display: inline-block;
  margin-bottom: .35rem; }

.form-group label, .form-check label {
  font-size: 0.875rem; }

.form-group label.form-check-label, .form-check label.form-check-label {
  font-size: 0.875rem; }

.form-group.form-floating label {
  font-size: 0.8125rem;
  opacity: 0.65; }

.text-sm {
  font-size: 0.875rem; }

.text-lh-sm {
  font-size: 0.875rem;
  line-height: 0.875rem; }

.text-xs {
  font-size: 0.75rem; }

.text-xm-to-sm {
  font-size: 0.75rem; }

@media (min-width: 576px) {
  .text-xm-to-sm {
    font-size: 0.875rem; } }

.text-info-box, .text-info-box-simple {
  background-color: #FFF;
  padding: 0.75rem 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid #e9ecef; }

.text-info-box {
  border-radius: 0.65rem;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1); }

.form-select-btn {
  width: unset;
  padding-right: 2rem;
  max-width: 17rem;
  text-overflow: ellipsis "..";
  overflow: hidden; }

/** Quantity widget **/
.quantity-widget {
  width: 170px; }
  .quantity-widget .btn-increment, .quantity-widget .btn-decrement, .quantity-widget .btn-lock-slave {
    font-size: 0.8rem; }
  .quantity-widget .quantity-input {
    text-align: center;
    max-width: 60px;
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    border: 0; }
  .quantity-widget .quantity-widget-max-msg {
    font-size: 0.875rem; }

.quantity-widget-lg {
  width: 200px; }

/** END Quantity widget **/
/** inline grid form **/
.inline-grid-form .row {
  margin-bottom: 0.5rem; }
  .inline-grid-form .row .inline-grid-field {
    display: flex;
    align-items: center; }

/** END inline grid form  **/
.dark-form-panel {
  background-color: #01271c;
  color: #FFF;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border-radius: 0.75rem;
  font-weight: 300; }
  .dark-form-panel .form-control, .dark-form-panel .form-select {
    background-color: #345249;
    border-color: #345249;
    color: #FFF; }
    .dark-form-panel .form-control:focus, .dark-form-panel .form-select:focus {
      border-color: #FFF; }
  .dark-form-panel .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
  .dark-form-panel .form-check-input {
    border-color: #FFF;
    background-color: unset; }
  .dark-form-panel .form-check-input:checked {
    border-color: #FFF; }
  .dark-form-panel .big-icon {
    font-size: 5rem; }

.password-input {
  position: relative; }
  .password-input .password-eye {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    cursor: pointer; }

.list-select-for-text {
  cursor: pointer; }

.datatable-container-header {
  font-weight: 600;
  border-bottom: 2px solid #777;
  border-top: 1px solid #dee2e6;
  background-color: #e9ecef;
  color: #212529; }

.datatable-content-container {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  background-color: #e9ecef; }

.download-pill {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  background-color: #DDD;
  color: #FFF; }
  .download-pill:hover {
    color: #333; }

.account-table th {
  border-right: 1px solid #DDD; }

.flex-gap-sm {
  gap: 0.75rem; }

.content-container {
  border-radius: 0.65rem;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  background-color: #FFF; }
  .content-container .content-row:last-child {
    border: 0; }
  .content-container .content-row {
    border-bottom: 1px solid #e9ecef;
    padding: 1rem; }

.resp-table {
  padding: 0.75rem;
  margin-bottom: 1.5rem;
  border-radius: 0.65rem;
  background-color: #FFF;
  border: 2px solid #dee2e6; }
  .resp-table .row {
    margin: 0; }
  .resp-table .resp-table-header {
    font-weight: 600;
    padding: 5px; }
  .resp-table .resp-table-value {
    padding: 5px;
    font-size: 0.875rem; }

.options-nav-col .options-nav-container {
  border-radius: 0.65rem;
  box-shadow: 0px 0px 6.5px rgba(0, 87, 65, 0.1);
  background-color: #FFF;
  padding: 0.5rem;
  margin-bottom: 1rem; }
  .options-nav-col .options-nav-container .options-nav-header {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
    font-weight: 600; }
  .options-nav-col .options-nav-container .options-nav, .options-nav-col .options-nav-container .options-nav-active {
    font-size: 0.95rem;
    margin-left: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .options-nav-col .options-nav-container .options-nav a, .options-nav-col .options-nav-container .options-nav-active a {
      font-weight: 400; }
  .options-nav-col .options-nav-container .options-nav-active a {
    color: #555;
    font-weight: 600;
    border-bottom: 1px solid #adb5bd; }

.text-overflow-elipsis {
  text-overflow: ellipsis "..";
  overflow: hidden;
  text-wrap: nowrap; }

.collapse-link {
  display: flex; }
  .collapse-link .collapse-text-icon {
    margin-right: 0.25rem; }
  .collapse-link .collapse-caret {
    margin-left: 0.5rem; }
    .collapse-link .collapse-caret .caret-dn {
      display: none; }

.collapse-caret {
  transition: 0.2s ease-in-out; }

.collapsed .collapse-caret .caret-dn {
  display: block; }

.collapsed .collapse-caret .caret-up {
  display: none; }

.fieldset-border {
  border: 1px solid #BABABA;
  margin-bottom: 0.5rem;
  padding: .5rem;
  padding-top: 0.25rem; }

.fieldset-border legend {
  width: auto;
  float: none;
  margin: 0px;
  padding: 0px 5px;
  font-size: 0.875rem; }

.form-select {
  background-position: right .5rem center; }

.sheret-title-container {
  padding: 0.5rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  text-align: center;
  line-height: 1rem; }

.help-blockquote {
  font-size: 1.2rem; }

.pending-shipping-orders {
  background-color: #e7efed;
  border-bottom: 2px solid #dee2e6; }

.order-number-pendinguser {
  color: #f8a400; }

.account-file-name-pendinguser {
  background-color: #f8a400; }

.account-file-name-pendingbranch {
  background-color: #dee2e6; }

.faq-pills {
  list-style: none outside none;
  display: inline-block; }
  .faq-pills li {
    display: inline-block; }

.button-group .btn {
  display: inline-block;
  margin-top: 0.5rem;
  margin-right: 0.5rem; }

.how-to-help .how-to-btn {
  border-radius: 7px; }

.how-to-help #how-to-accordion {
  padding-left: 0.5rem;
  border-left: 2px solid #dee2e6; }

.how-to-help .how-to-heading {
  padding: 0.25rem; }

/** reviews **/
.star-rating .bi {
  cursor: pointer; }

.star-rating .bi-star-fill {
  color: #ffc107; }

.access-toggle-on, .access-toggle-off {
  cursor: pointer;
  color: #495057; }

/* Custom data tables styles */
/* Hide checkboxes select info since we show a custom one outside of the table widget */
.select-info {
  display: none !important; }

.datatables-select-info {
  display: inline-block;
  font-size: 1.1rem;
  color: #212529;
  padding-left: 2rem; }

.datatables-paging-info {
  display: inline-block;
  text-align: right; }

.dataTables_wrapper .dataTables_paginate {
  float: none;
  display: inline-block; }

div.dataTables_wrapper div.dataTables_info {
  clear: none;
  float: none;
  display: inline-block;
  padding-top: 0.35rem; }

div.dataTables_wrapper div.dataTables_length select {
  width: 85px; }

table.dataTable tbody tr.odd, table.dataTable tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #f9f9f9; }

table.dataTable tbody tr.even, table.dataTable tbody tr.even.selected, table.dataTable.display tbody tr.even.selected, table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #fff; }

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  background: solid;
  left: auto;
  /* needed to quash base setting */
  top: 0;
  /* Note: top has no effect here, need to quash base setting */
  width: 60%;
  /* adjust remaining space for margin*/
  margin: 115px 20% 0px 20%;
  padding: 0px 0px 40px 0px;
  text-align: center;
  color: black;
  font-size: 1.2rem;
  background: #669A8D !important;
  /* removes gradient */
  border: 2px solid #ddd;
  z-index: 1000000;
  opacity: 0.9;
  font-weight: 600;
  height: 24px !important;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */ }

/* The responsive row expand button */
table.dataTable.dtr-inline.collapsed tbody tr td:first-child::before, table.dataTable.dtr-inline.collapsed tbody tr th:first-child::before {
  background-color: #005741; }

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child::before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child::before {
  background-color: #dc3545; }

table.dataTable thead th, table.dataTable thead td {
  border-bottom: 2px solid #777; }

@media (min-width: 1px) {
  .resp-table .resp-table-value {
    padding-left: 2rem;
    border-top: 0; } }

@media (min-width: 577px) {
  .resp-table .resp-table-value {
    padding-left: 1rem; } }