@charset "UTF-8";
/******************************************************
 * CSS override for CloudCraze.
 * Override any CSS provided by OOTB CloudCraze below
*******************************************************/
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
:root {
  --primary-blue: #1459a3;
  --primary-midnight-blue: #05225a;
  --secondary-powder: #c1dee5;
  --light-gray: #e6e6e6;
  --gunsmoke-gray: #858585;
  --snow-white: #fcfcfc;
  --shark-black: #252525;
  --medium-gray: #575757;
  --dark-grayish: #474342;
  --neutral-bluegrey: #272d33;
  --orange: #d23f00;
  --primary-blue-50: rgba(24, 103, 190, 0.50);
  --black: #000;
  /*** status color  ***/
  --success-status: #056d0f;
  --warning-status: #fbb801;
  --error-status: #dc2323;
  --shadow-blue: rgba(24, 103, 190, 0.50);
  --darkmode-shadow: #FDFDFD80;

  /*** dynamic values ***/
  --popoverXPosition: '-20px';
}

.alert-danger {
  color:var(--snow-white);
  border-color: var(--error-status);
  background-color:var(--error-status);

}
.hide-mobile {
  display: none!important;
  visibility: hidden;

  @media only screen and (min-width: 768px) {
    display: inline-block!important;
    visibility: visible;
  }
}
.sticky p {
  margin: 0!important;
  padding: 0!important;
  border: none;
}
.sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: var(--snow-white);
  width: 100%;
  padding: 16px;
  border-top: 1px solid var(--gunsmoke-gray);
  font-weight: 700;
  font-size: 25px;
  transition: opacity .2s ease;
  
  @media only screen and (min-width: 992px) {
      display: none;
      visibility: hidden;
  }
}
.full-width {
  width: 100%;
}
.custom-edit.hide-desktop {
  display: flex;
  visibility: visible;

  @media only screen and (min-width: 768px) {
    display: none;
    visibility: hidden;
  }
}
.hide-desktop {
  display: inline-block;
  visibility: visible;

  @media only screen and (min-width: 768px) {
    display: none;
    visibility: hidden;
  }
}

.recaptcha--wrapper {
  display: flex;
  margin: 20px 0;
}
.recaptcha--wrapper:empty {
  display: none;
}

html {
  font-family: "Acumin-Pro";
  -webkit-tap-highlight-color: var(--shark-black);
  color: var(--shark-black);
  scroll-behavior: smooth;
}

.heading-primary,.heading-secondary,.heading-tertiary,.heading-quaternary,h1,h2,h3,h4{
  font-family: "Acumin-Pro";
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.cc_modal_body--question {
  margin-top: 16px;
  font-size: 18px;
  display: inline-block;
}
.cc_modal_header h3 {
  font-size: 20px;
  display: flex;
  align-items: start;
  column-gap: 6px;
  margin-bottom: 16px;
  
  @media only screen and (min-width: 768px) {
    align-items: center;
  }
}
.cc_modal_header h3 span {
  transform: translate(0, 0);
  font-size: 25px;
  
  @media only screen and (min-width: 768px) {
    transform: translate(0px, -3px);
  }
}
 .heading-primary,h1{
    font-size: 36px;
 }
 .heading-secondary, h2{
   font-size: 32px;
 }
 .heading-tertiary, h3{
   font-size: 25px;
 }
 .heading-quaternary, h4{
   font-size: 22px;
 }
 .link--primary {
  border: solid 2px var(--primary-blue);
  padding: 12px 40px 12px 30px;
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 8px;

}
.underline-none {
  text-decoration: none;
}
.underline-none:hover {
  text-decoration: none;
}
.underline-none:focus {
  outline: 0;
  text-decoration: none;
  box-shadow: 0 0 0 4px var(--warning-status);
}
.link--primary a {
  text-decoration: none;
}

.secondary-button {
  border-radius: 0;
  background: white;
  color: var(--primary-blue);
  padding: 12px 20px;
  border-radius: inherit;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  border: 2px solid var(--primary-blue);
  align-items: center;
  column-gap: 15px;
  text-decoration: none;
  justify-content: center;
  
  @media only screen and (min-width: 768px) {
    padding: 12px 50px;
  }
}

.link--primary i, .link--primary .material-symbols-outlined {
  color: var(--primary-blue);
}
 .overline{
   font-size: 16px;
   text-transform: uppercase;
   font-family: "Acumin-Pro";
   font-weight: 600;
   line-height: 1.5;
 } 
 p{ 
    font-family: "Acumin-Pro";
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.022px;
 }
 .normalsemibold{
  font-size: 18px;
  font-family: "Acumin-Pro";
  font-weight: 600;
  line-height: 1.5;
 }

.popover {
  width: 282px;
  background: var(--primary-blue);
  border: none;
  border-radius: 0;
  padding: 12px 12px 12px 20px;
  color: white;
  left: 50px;
  top: 50%;
  min-height: 220px;
  margin-top: -110px;
  visibility: hidden;
}
.popover.show {
  visibility: visible;
}
.popover:after {
  content: '';
  position: absolute;
  left: -10px;
  width: 20px;
  height: 20px;
  background: var(--primary-blue);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -15px;
}
.popover h2 {
  font-family: "Acumin-Pro";
  font-size: 18px;
  margin-bottom: 14px;
  pointer-events: none;
}
.popover--container {
  position: relative;
  display: inline;
}

.popover--wrapper {
  position: relative;
  pointer-events: none;
}

.popover--close {
  position: absolute!important;
  right: 12px;
  top: 12px;
  background: transparent;
  appearance: none;
  border: none;
  padding: 0;
  height: auto;
  padding: 0!important;
  min-height: auto!important;
}

.popover--close span {
  font-weight: 700;
}
.popover--close:active, .popover--close:focus {
  outline: 0;
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}

.popover--button {
  padding: 0!important;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  min-height: auto!important;
  border: none;
  height: auto;
  display: inline-flex;
  color: var(--primary-blue);
  transform: translate(5px, 5px);
}

.popover--button:hover{
  box-shadow: 0 0 0 4px var(--primary-blue-50);
}
.popover--button:focus{
  outline: 0;
  box-shadow: 0 0 0 4px var(--warning-status);
}

.popover--button .material-symbols-outlined {
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .popover {
    width: 282px;
    background-color: var(--primary-blue);
    border: none;
    border-radius: 0;
    padding: 16px;
    color: var(--snow-white);
    left: -110px;
    top: 50%;
    min-height: 220px;
    margin-top: -260px;
    visibility: hidden;
  }

  .popover:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: var(--primary-blue);
    transform: rotate(45deg);
    top: 100%;
    margin-top: -10px;
    margin-left: var(--popoverXPosition);
  }
}
 .form-errors, .form-errors-po {
  display: none;
  align-items: start;
  justify-content: end;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--error-status);
  column-gap: 10px;
  line-height: 20px;
  margin-bottom: 24px;
  
  @media only screen and (min-width: 768px) {
    align-items: center;
    padding: 10px;
  }
}
  .form-errors.show, .form-errors-po.show {
    display: flex!important;
  }
  .form-errors .material-symbols-outlined {
    transform: translate(0px, -3px);
  }
 .captiontext{
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Acumin-Pro";
    font-weight: 600;
    line-height: 1.5;
 }

 .largebold{
  font-size: 18px;
  font-family: "Acumin-Pro";
  font-weight: 700;
  line-height: 1.5;
 }
 .largeregular{
  font-size: 20px;
  font-family: "Acumin-Pro";
  font-weight: 400;
  line-height: 1.5;
 }

.text-green {
  color: var(--success-status); }

  .h3, h3{
    font-size: 25px;
      }

  .document-access-main .csa-dd-header .csa-dd-name h3 {
    font-size: 25px;
}

.panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: var(--snow-white);
  border-color: var(--gunsmoke-gray);
 }

.form-control {
  border-radius: 0; 
  color:var(--medium-gray);
  background-color: var(--snow-white);
  border-color: var(--gunsmoke-gray);
  line-height:1.5;
}

.checkoutContent input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    padding-left: 20px;
    position: relative;
    min-height: 16px;
    margin: 1px 0 0;
}
.checkoutContent input[type="radio"]:focus {
    outline: none;
}
.checkoutContent input[type="radio"]:focus::before {
  box-shadow: 0px 0px 0px 4px var(--warning-status);
  text-decoration: none;
}
.checkoutContent input[type="radio"]:before {
  content: '';
  position: absolute;
  left: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 0;
  background-color: var(--snow-white);
  border: solid 2px var(--primary-blue);
}
.checkoutContent input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 4px;
  background-color: var(--primary-blue);
}

.custom-edit {
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: 50px;
  row-gap: 20px;
  margin-top: 20px;
  
  @media only screen and (min-width: 768px) {
    margin-top: 0;
    row-gap: 0;
    flex-direction: row;
  }
  
  * {
    width: 100%;

    @media only screen and (min-width: 768px) {
      width: auto;
    }
  }
}

.custom-edit a {
  font-weight: 600;
  cursor: pointer;
  padding: 10px 35px;
  text-align: center;
}

.custom-edit a:focus {
  outline: none;
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}

.orderPaginationSec select.form-control {
  background-image: url("../images/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  appearance: none;
  -webkit-appearance: none;
  background-blend-mode: luminosity;
  background-size: 18px;
  min-width: 61px;
  font-weight: 500;
  line-height: normal;
}
#editAddressForm select.form-control {
  background-repeat: no-repeat;
  background-position: 100% 50%;
  appearance: none;
  font-weight: 500;
  -webkit-appearance: none;
  background-blend-mode: luminosity;
  background-image: url("../images/keyboard_arrow_down.svg");
}
#myAccountForm select.form-control {
  background-repeat: no-repeat;
  background-position: 100% 50%;
  appearance: none;
  font-weight: 500;
  -webkit-appearance: none;
  background-blend-mode: luminosity;
  background-image: url("../images/keyboard_arrow_down.svg");
}
span.material-symbols-outlined {
  font-weight: 500;
  pointer-events: none;
}
p{
  color: var(--shark-black);
  font-size: 18px;
}

ul li, ol li {
  margin-left: 0; }
  a {
    color: var(--primary-blue);
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
    outline: 0;
   }
  a:hover, button:hover{
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  .keyboardIn a:focus{
    outline: none;
    box-shadow: 0px 0px 0px 4px var(--warning-status);
  }
  a:active{
    color: var(--primary-midnight-blue);
  }
  input#sendEmailBtn {
    color: var(--snow-white);
    background-color: var(--primary-blue);
}
input#sendEmailBtn:active{
  background-color: var(--primary-midnight-blue);
}
input.btn {
    font-weight: 700;
    cursor: pointer;
    font-size: 18px;
    border-radius: 0;
    color: var(--primary-blue);
    background-color: var(--snow-white);
    border-color: var(--primary-blue); 
    border: 2px solid;
    margin-right: 24px;}
     input.btn:hover {
      color: var(--primary-blue);
      background: var(--snow-white);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
      }
      .keyboardIn input.btn:focus{
      color: var(--primary-blue);
      background: var(--snow-white);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px var(--warning-status);
      }
      input.btn:active {
      color: var(--primary-midnight-blue);
      border-color: var(--primary-midnight-blue);
      box-shadow: none;
      }
button.btn {
  font-weight: 400;
  cursor: pointer; }

input.btn-csa-default {
  font-weight: 400;
  background: var(--primary-blue);
  padding: 10px 20px;
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

.btn-csa-default {
  font-weight: 400;
  background: var(--primary-blue);
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

input.addUser {
  font-weight: 400;
  background: var(--primary-blue);
  padding: 10px 20px;
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

.btn-alt {
  font-weight: 400;
  background: var(--snow-white);
  color: var(--primary-blue);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

.btn.pickWish {
  border: 1px solid var(--gunsmoke-gray);
  background: var(--snow-white);
  color: var(--shark-black); }

.btn.btn-sm.dropdown-toggle {
  background: var(--snow-white);
}
#clearCouponBtn {
  font-weight: 700;
  color: var(--primary-blue);
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
  border-radius: 0;
  min-height: 48px;
  white-space: normal;
  font-size: 18px; 
  text-align: left;
  border: none;
  padding: 5px 0px;
}
  #clearCouponBtn:active{
  color: var(--primary-midnight-blue);
  border: none;
  background: none;
  border-bottom: 2px solid var(--primary-midnight-blue);
  }
  .keyboardIn #clearCouponBtn:focus {
    outline: 2px solid var(--warning-status) !important;
    outline-offset: 3px !important;
    color: var(--primary-blue);
    border: none;
    background: none;
}
#clearCouponBtn:hover{
    outline: 2px solid 0px 0px 0px 4px rgba(24, 103, 190, 0.50) !important;
    outline-offset: 3px !important;
    color: var(--primary-blue);
    border: none;
    background: none;
}
.addCart-container .pdp-addtocart-email-container {
  vertical-align: top;
  display: inline-block;
  margin-top: 5px; }

.addCart-container .wishButtons.cc_add_section {
  display: inline-block; }

.addCart-container .wishButtons .btn-group.dropdown.form-group {
  border-right: 1px solid var(--primary-blue);
  padding: 0;
  padding-right: 10px;
  margin-bottom: 0; }
  .addCart-container .wishButtons .btn-group.dropdown.form-group button {
    padding: 5px;
    color: var(--primary-blue);
    text-align: center;
    font-weight: 600; }

.btn-purcahse-path {
  font-weight: 700;
  font-size: 18px;
  padding: 10px 3px;
  color: var(--snow-white);
  background: var(--primary-blue);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }
.btn-purcahse-path:hover {
  color: var(--snow-white);
  background: var(--primary-blue);
  border: 2px solid var(--primary-blue);
  outline: none;
  box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5); }
.btn-purcahse-path:active{
  color: var(--snow-white);
  background: var(--primary-midnight-blue);
  border: 2px solid var(--primary-midnight-blue);
  outline: none;
  box-shadow: none;
}
.keyboardIn .btn-purcahse-path:focus{
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}
.error-message {
  width: 100%;
  padding: 20px;
  margin-bottom: 20px; }

.error-medium {
  background: var(--snow-white);
  color: var(--shark-black); }

.error-high {
  color: var(--shark-black); }

.success {
  padding: 20px;
  background: var(--secondary-powder);
  color: var(--shark-black);
  width: 100%; }

.error-message-link {
  color: var(--shark-black);
  font-weight: 600; }

.cookie-consent a {
  color: var(--primary-blue); }

 p, ul, ol {
  margin: 0;
  padding: 0;
  font-weight: 400; }

  h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    font-family: 'Acumin-Pro';
  }


header h1, header h2, header h3, header h4, header h5, header h6, header p, header ul, header ol {
  margin: 0;
  padding: 0;
  font-family: 'Acumin-Pro'; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer ul, footer ol {
  margin: 0;
  padding: 0;
  font-family: 'Acumin-Pro'; }

.cc_content_body {
  overflow: hidden;
  margin-bottom: 40px; }

.productName {
  font-family: 'Acumin-Pro'; }

#MyAccount_navSection h1, #MyAccount_navSection h2, #MyAccount_navSection h3, #MyAccount_navSection h4, #MyAccount_navSection h5, #MyAccount_navSection h6, #MyAccount_navSection p, #MyAccount_navSection ul, #MyAccount_navSection ol {
  font-family: 'Acumin-Pro'; }

.acctmainSection h1, .acctmainSection h2, .acctmainSection h3, .acctmainSection h4, .acctmainSection h5, .acctmainSection h6, .acctmainSection p, .acctmainSection ul, .acctmainSection ol {
  font-family: 'Acumin-Pro'; }

.user-management h1, .user-management h2, .user-management h3, .user-management h4, .user-management h5, .user-management h6, .user-management p, .user-management ul, .user-management ol {
  font-family: 'Acumin-Pro'; }

.cc_product_detail_container h1, .cc_product_detail_container h2, .cc_product_detail_container h3, .cc_product_detail_container h4, .cc_product_detail_container h5, .cc_product_detail_container h6, .cc_product_detail_container p, .cc_product_detail_container ul, .cc_product_detail_container ol {
  font-family: 'Acumin-Pro'; }

body {
  font-family: 'Acumin-Pro';
  -webkit-print-color-adjust: exact; 
  background-color: var(--snow-white);
  font-size:18px;
  line-height:1.5;
  color: var(--shark-black);
}


  .cc_home_slider ol.breadcrumb {
    padding-left: 10px;
}
header .mobile-only .inner .doLogout.cc_do_logout {
  padding: 0px!important;
}

header .nav-container.desktop-only .header-login-option .header-options {
  width: 40%;
  margin-left: auto;
}
footer .social .social-icons .icon {
  border:none;
}
footer .social .social-icons .icon a{
  border:1px solid var(--snow-white);
  line-height: 52px;
  width:52px;
  height:52px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 997px) {
  .cc_content_body {
    padding: 0 10px; } }

.break-lg {
  display: none; }

.container {
  max-width: 1440px;
  width: 100%;
  margin: auto;
  padding-bottom: 0; }

img {
  max-width: 100%; }

.row-eq-height {
  display: flex; }

section h2 {
  font-family: 'Acumin-Pro';
  font-size: 30px;
  line-height: 37px;
  color: var(--shark-black);
  margin-bottom: 10px; }

button, a {
  border-radius: 0;
  display: inline-block; }

  p.coso_ship_guide_text.cc_ship_guide_text a {                   /*   POL-3784   */
    font-weight: 700;
    color: var(--primary-blue);
    color: var(--primary-blue);
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
  }        
  p.coso_ship_guide_text.cc_ship_guide_text a:active {
    color: var(--primary-midnight-blue);
  }                                                               /*   POL-3784   */

section {
  margin-bottom: 30px; }
  section:last-of-type {
    margin-bottom: 0; }

button.big-blue, a.big-blue {
  background-color: var(--primary-blue);
  font-size: 16px;
  line-height: 20px;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: 'Acumin-Pro';
  font-weight: 600;
  border: 0; }
  button.big-blue:hover, a.big-blue:hover {
    text-decoration: none;
    background: var(--shark-black); }

button.white-clear, a.white-clear {
  border: solid 2px var(--snow-white);
  padding: 10px 40px;
  color: var(--snow-white);
  font-size: 16px;
  font-weight: 700;
  background: none;
  border: 2px solid var(--snow-white); }
  button.white-clear:hover, a.white-clear:hover {
    background: var(--snow-white);
    color: var(--primary-blue);
    text-decoration: none; }

.strike-out {
  text-decoration: line-through; }

@media only screen and (max-width: 1440px) {
  .container {
    width: 100%; } }


@media only screen and (max-width: 1140px) {
  .scroll-overflow {
    overflow: scroll; }
    .scroll-overflow .scroll-container {
      width: 1140px; } }

.header .nav-container #catalogue-dropdown ul.navbar-nav li.menu-item a {
  color: var(--snow-white); }

header {
  width: 100%;
  background-color: var(--snow-white); }
  header .header-contain {
    position: absolute;
    top: 0;
    width: 100%;
    float: right;
    z-index: 1;
    font-family: 'Acumin-Pro'; }
    header .header-contain .column {
      height: 0px;
      overflow: visible; }
      header .header-contain .column.column-right {
        float: right; }
    header .header-contain .brand-logo {
      width: 150px;

        @media only screen and (max-width: 768px) {
          width: 75px;
        }
     }
      header .header-contain .brand-logo .brand {
        background-image: url("../images/csa-group-logo.png");
        display: block;
        width: 160px;
        margin-top: 10px;
        height: 95px;
        z-index: 2;
        position: absolute;
        top: 0;
        background-size: contain;
        background-repeat: no-repeat;
        image-rendering: optimizeSpeed;
        /* Legal fallback */
        image-rendering: optimizeSpeed;
        image-rendering: -moz-optimizeSpeed;
        /* Firefox        */
        image-rendering: -o-optimizeSpeed;
        /* Opera          */
        image-rendering: -webkit-optimizeSpeed;
        /* Safari         */
        -ms-interpolation-mode: bicubic; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          header .header-contain .brand-logo .brand {
            /* IE10+ CSS styles go here */ } }
        header .header-contain .brand-logo .brand.fr {
          background-image: url("../images/csa-group-logo-fr.png"); }
    header .header-contain .header-options {
      height: 0px; }
      header .header-contain .header-options .header-login-account-container {
        margin-right: 15px;
        float: right; }
        header .header-contain .header-options .header-login-account-container #login,
        header .header-contain .header-options .header-login-account-container #logout,
        header .header-contain .header-options .header-login-account-container #my-account {
          border: none;
          color: var(--primary-blue);
          padding: 0;
          background-color: var(--snow-white);
          font-weight: 700;
          font-size: 18px; }
          header .header-contain .header-options .header-login-account-container #login:hover,
          header .header-contain .header-options .header-login-account-container #logout:hover,
          header .header-contain .header-options .header-login-account-container #my-account:hover{
            box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
          }
          
          header .header-contain .header-options .header-login-account-container #login:active,
          header .header-contain .header-options .header-login-account-container #logout:active,
          header .header-contain .header-options .header-login-account-container #my-account:active
          {
            color: var(--primary-midnight-blue);
            text-decoration: underline; }
            .keyboardIn header .header-contain .header-options .header-login-account-container #login:focus,
            .keyboardIn header .header-contain .header-options .header-login-account-container #logout:focus,
            .keyboardIn.keyboardIn header .header-contain .header-options .header-login-account-container #my-account:focus{
               box-shadow: 0px 0px 0px 4px var(--warning-status);
               outline: 0;
            }
      header .header-contain .header-options .btn-group {
        margin-top: 3px; }
    header .header-contain .shopping-cart {
      margin-top: 45px; }
  header .nav-container {
    max-width: 1440px;
    margin: auto;
    border: none;
    border-radius: 0;
    background-color: var(--snow-white);
    font-size: 16px;
    height: 115px;

    @media only screen and (max-width: 768px) {
      height: 65px;
    }

    position: relative; }
    header .nav-container .brand-logo {
      margin-top: 16px; }
    header .nav-container .column-middle {
      position: static; }
    header .nav-container .column-right {
      text-align: right; }
    header .nav-container .header-options {
      margin-top: 15px; }
      header .nav-container .header-options .btn-group a {
        display: inline-flex; }
        header .nav-container .header-options .btn-group a img {
          margin-right: 10px; }
        header .nav-container .header-options .btn-group a:hover {
          text-decoration: none; }
      header .nav-container .header-options .btn-group.open .dropdown-toggle {
        box-shadow: none; }
      header .nav-container .header-options .dropdown-toggle a:active {
        background: none;
        box-shadow: none; }
      header .nav-container .header-options .dropdown-menu {
        background: var(--secondary-powder);
        width: 212px;
        left: -50px;
        top: 30px; }
        header .nav-container .header-options .dropdown-menu .inner {
          padding: 20px 30px; }
        header .nav-container .header-options .dropdown-menu h5 {
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 6px;
          text-align: center; }
        header .nav-container .header-options .dropdown-menu .box {
          width: 75px;
          height: 47px;
          border: solid 1px var(--gunsmoke-gray);
          display: block;
          float: left;
          cursor: pointer; }
          header .nav-container .header-options .dropdown-menu .box h6 {
            color: var(--shark-black);
            line-height: 47px;
            font-size: 16px;
            font-weight: 700;
            text-align: center; }
          header .nav-container .header-options .dropdown-menu .box.on {
            background: var(--primary-blue);
            cursor: default; }
            header .nav-container .header-options .dropdown-menu .box.on h6 {
              color: var(--snow-white); }
        header .nav-container .header-options .dropdown-menu .language {
          margin-bottom: 15px; }
    header .nav-container .shopping-cart {
      position: relative;
      float: right;
      position: absolute;
      right: 0;
      margin-right: 15px; }
      header .nav-container .shopping-cart .header-right-links-container {
        float: right;
        right: 0;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 5px; }
        header .nav-container .shopping-cart .header-right-links-container a.header-right-link {
          display: inline-block;
          text-align: center;
          margin-right: 15px;
          margin-top: 8px;
          word-wrap: break-word; }
          header .nav-container .shopping-cart .header-right-links-container a.header-right-link.wishlist-header {
            margin-right: 10px;
            float: left;
            margin-top: auto;
            margin-right: 8px;
            padding: 0;
            color: var(--primary-blue);
            display: inline-flex;
            align-items: center;
            padding-left: 30px;
           }
           header .nav-container .shopping-cart .header-right-links-container a.header-right-link.wishlist-header:active{
            color: var(--primary-midnight-blue);
           }
           header .nav-container .shopping-cart .header-right-links-container a.header-right-link.wishlist-header:hover{
            box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
           }
           .keyboardIn .nav-container .shopping-cart .header-right-links-container a.header-right-link.wishlist-header:focus{
            box-shadow: 0px 0px 0px 4px var(--warning-status);
            outline: 0;
           }
          header .nav-container .shopping-cart .header-right-links-container a.header-right-link.wishlist-header:before {
            content: "\e838";
            font-family: 'Material Symbols Outlined';
            font-size: 24px;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            line-height: 25px;
            margin-left: 5px;
          }
           header .nav-container .shopping-cart #my-cart {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding: 6px 5px 6px 26px;
            font-weight: 700;
            font-size: 18px; }
          header .nav-container .shopping-cart .header-right-links-container a.header-right-link .fa {
            display: inline-block;
            margin-right: 5px; }
          header .nav-container .shopping-cart .header-right-links-container a.header-right-link:hover {
            text-decoration: none; }
      header .nav-container .shopping-cart a img {
        display: inline;
        margin-right: 5px; }
      header .nav-container .shopping-cart a p {
        display: inline; }
      header .nav-container .shopping-cart #my-cart {
        border: none;
        color: var(--primary-blue);
        padding-bottom: 0;
        padding-top: 0;
        background-color:transparent; }
        header .nav-container .shopping-cart #my-cart .fa {
          display: inline-block;
          margin-right: 5px; }
        header .nav-container .shopping-cart #my-cart:hover {
          box-shadow: 0px 0px 0px 4px var(--shadow-blue);
          }
        header .nav-container .shopping-cart #my-cart:before {
          content: "\e8cc";
          font-family: 'Material Symbols Outlined';
          font-size: 22px;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          line-height: 22px;
        }
    header .nav-container .sub-header-links ul {
      margin-top: 15px;
      list-style-type: none;
      text-align: center; }
      header .nav-container .sub-header-links ul li {
        display: inline-block;
        margin-right: 15px;
        padding-right: 15px;
        border-right: solid 1px var(--medium-gray);
        line-height: 12px; }
        header .nav-container .sub-header-links ul li:last-of-type {
          margin-right: 0;
          padding-right: 0;
          border-right: none; }
        header .nav-container .sub-header-links ul li a {
          display: block;
          color: var(--medium-gray);
          font-size: 16px;
          font-weight: 300; }
    header .nav-container #catalogue-dropdown {
      margin-top: 20px; }
      header .nav-container #catalogue-dropdown ul.navbar-nav {
        text-align: center;
        float: none; }
        header .nav-container #catalogue-dropdown ul.navbar-nav .heading h4 {
          font-size: 16px;
          font-weight: 700;
          color: var(--snow-white);
          text-transform: uppercase;
          margin-bottom: 15px; }
        header .nav-container #catalogue-dropdown ul.navbar-nav ul.subMenu-listing li {
          display: block;
          margin: 5px 0; }
          header .nav-container #catalogue-dropdown ul.navbar-nav ul.subMenu-listing li:before {
            content: url("../images/Arrw/teal.png");
            margin-right: 10px;
            display: table-cell;
            left: 0;
            float: left; }
          header .nav-container #catalogue-dropdown ul.navbar-nav ul.subMenu-listing li a {
            font-weight: 100;
            color: var(--snow-white);
            font-size: 16px;
            font-weight: 300;
            text-transform: none;
            padding-left: 5px;
            display: table-cell; 
            padding: 0 6px;}
        header .nav-container #catalogue-dropdown ul.navbar-nav > span {
          float: none;
          display: inline-block;
          margin-left: 15px;
          margin-right: 15px; 
        }
          .header-right-link.cart-header {
            padding: 6px;
        }
       
          header .nav-container #catalogue-dropdown ul.navbar-nav > span li.menu-item a {
            color: var(--snow-white); }
          header .nav-container #catalogue-dropdown ul.navbar-nav > span li:last-of-type {
            margin-right: 0; }
          header .nav-container #catalogue-dropdown ul.navbar-nav > span >li > a {
             font-size: 16px;
             color: var(--primary-blue);
             text-transform: uppercase;
             padding: 8px 20px 8px 10px !important;
             color: var(--primary-blue);
             border: none;
             background: transparent;
             font-weight: 700;}
             header .nav-container #catalogue-dropdown ul.navbar-nav > span >li > a:active{
              color: var(--primary-midnight-blue);
             }
            header .nav-container #catalogue-dropdown ul.navbar-nav > span li a:hover, header .nav-container #catalogue-dropdown ul.navbar-nav > span li a:active {
              background: none; }
          header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown {
            position: static; }
            header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu {
              background: var(--primary-blue);
              width: 100%; }
              header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu .inner.container {
                width: 1140px;
                padding-top: 50px;
                padding-bottom: 50px; }
              header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu .column {
                padding: 0; }
              header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section {
                margin-bottom: 40px; }
                header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section:last-of-type {
                  margin-bottom: 0; }
                header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul {
                  list-style-image: url("../images/Arrw/teal.png"); }
                  header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul li {
                    display: list-item;
                    line-height: 34px; }
                    header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul li.view-all {
                      list-style-image: none;
                      list-style-type: none;
                      margin-left: 15px; }
                      header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul li.view-all a {
                        font-weight: 700;
                        text-transform: uppercase; }
                    header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul li a {
                      color: var(--snow-white);
                      font-size: 16px;
                      font-weight: 300;
                      text-transform: none; }
                  header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul.subMenu-listing li {
                    display: block; }
                  header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul.two-column {
                    -webkit-column-count: 2;
                            column-count: 2;
                    -webkit-column-gap: 0;
                            column-gap: 0;
                    list-style-position: inside; }
                    header .nav-container #catalogue-dropdown ul.navbar-nav > span li.dropdown .dropdown-menu section .list ul.two-column li {
                      margin-right: 15px; }
  header .mobile-only .panel-heading .menu-section-title {
    border-bottom: solid 1px var(--primary-blue); }
  header .mobile-only .panel-heading .menu-section-title a span {
    vertical-align: text-top; }
  .ext-mac header .mobile-only .panel-heading .menu-section-title a span {
    vertical-align: middle; }
  header .mobile-only a:hover, header .mobile-only a:active, header .mobile-only a:focus {
    text-decoration: none; }
  header .mobile-only .panel-group .panel-heading + .panel-collapse > .list-group, header .mobile-only .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none; }
  header .mobile-only .navbar {
    background: var(--snow-white);
    border: none; }
    header .mobile-only .navbar .navbar-header {
      height: 64px; }
      header .mobile-only .navbar .navbar-header .brand-logo {
        padding: 0;
        padding-top: 15px;
        padding-left: 10px;}
        header .mobile-only .navbar .navbar-header .navbar-brand .brand-logo {
          width: 100px; }
      header .mobile-only .navbar .navbar-header .navbar-main-toggle {
        border: solid 1px var(--gunsmoke-gray);
        margin: 0;
        margin-top: 15px;
        margin-right: 10px;
        border-radius: 5px; }
        header .mobile-only .navbar .navbar-header .navbar-main-toggle .icon-bar {
          background-color: var(--primary-blue);
          margin-left: 4px; }
        header .mobile-only .navbar .navbar-header .navbar-main-toggle.collapsed .icon-bar {
          margin-left: 0; }
    header .mobile-only .navbar #main-navigation-dropdown {
      background-color: var(--snow-white);
      padding: 0; 
      overflow-y: visible;}
      header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion, header .mobile-only .navbar #main-navigation-dropdown .wrapper-main-links, header .mobile-only .navbar #main-navigation-dropdown .wrapper-sub-links {
        background: var(--snow-white); }
      header .mobile-only .navbar #main-navigation-dropdown .wrapper-main-links, header .mobile-only .navbar #main-navigation-dropdown .wrapper-sub-links {
        padding-left: 15px;
        padding-right: 15px; }
      header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion {
        background: var(--snow-white);
        margin-bottom: 1px; }
        header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel {
          background: var(--snow-white);
          border: none;
          box-shadow: none; }
          header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel {
            position: relative; }
            header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-heading {
              background-color: var(--secondary-powder);
              height: 52px; }
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-heading .panel-title {
                text-align: right; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-heading .panel-title a {
                  line-height: 32px;
                  display: inline-block;
                  padding-right: 10px;
                  font-size: 16px;
                  color: var(--primary-blue);
                  font-family: 'Acumin-Pro'; }
                  header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-heading .panel-title a img {
                    margin-right: 10px; }
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-heading .my-account {
                position: absolute;
                left: 0;
                top: 0; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-heading .my-account a {
                  line-height: 52px;
                  padding-left: 15px;
                  font-size: 16px;
                  font-family: 'Acumin-Pro';
                  color: var(--primary-blue); }
            header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body {
              padding: 0;
              background-color: var(--secondary-powder);
              padding-top: 20px;
              padding-bottom: 20px;
              border-top: solid 1px var(--gunsmoke-gray);
              border-bottom: solid 1px var(--gunsmoke-gray);
              text-align: center; }
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .heading {
                margin-bottom: 8px; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .heading h6 {
                  font-size: 14px;
                  text-transform: uppercase; }
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .options .box {
                border: solid 2px var(--gunsmoke-gray);
                background: var(--snow-white);
                min-width: 60px;
                display: inline-block;
                width: 60px;
                cursor: pointer; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .options .box h6 {
                  text-transform: uppercase;
                  line-height: 38px;
                  font-weight: 700;
                  color: var(--shark-black); }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .options .box.on {
                  background: var(--primary-blue);
                  cursor: default; }
                  header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .options .box.on h6 {
                    color: var(--snow-white); }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .box .options .box:last-of-type {
                  margin-left: -5px; }
          header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link {
            border-radius: 0;
            margin-left: 15px;
            margin-right: 15px; }
            header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-heading {
              height: 52px;
              padding: 0; }
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-heading h4.panel-title {
                margin-top: 1px;
                margin-bottom: 1px; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-heading h4.panel-title a {
                  display: inline-block;
                  width: 100%;
                  line-height: 50px;
                  font-size: 18px;
                  font-weight: 700;
                  font-family: 'Acumin-Pro';
                  color: var(--primary-blue); }
            header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-body {
              border: none;
              padding: 0; }
            header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-collapse .panel-body section {
              /* border-top: solid 1px var(--gunsmoke-gray); */
              padding-top: 6px;
              margin-bottom: 20px;
              border-top: none;
            }
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-collapse .panel-body section .heading {
                margin-bottom: 10px; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-collapse .panel-body section .heading h4 {
                  font-size: 12px;
                  font-weight: 700;
                  font-family: 'Acumin-Pro';
                  color: var(--medium-gray);
                  text-transform: uppercase; 
                  padding-top: 15px;}
              header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-collapse .panel-body section .list ul {
                list-style-type: none; }
                header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-collapse .panel-body section .list ul li {
                  margin-top: 1px;
                  margin-bottom: 1px; }
                  header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.main-link .panel-collapse .panel-body section .list ul li a {
                    font-size: 18px;
                    color: var(--primary-blue);
                    font-weight: 400;
                    font-family: 'Acumin-Pro';
                    line-height: 30px; }
          header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel .panel-heading {
            background: var(--snow-white); }
      header .mobile-only .navbar #main-navigation-dropdown .wrapper-main-links {
        padding-left: 0;
        padding-right: 0; }
        header .mobile-only .navbar #main-navigation-dropdown .wrapper-main-links .main-link .inner h4 {
          margin-left: 15px;
          margin-right: 15px;
          margin-top: 1px;
          margin-bottom: 1px; }
          header .mobile-only .navbar #main-navigation-dropdown .wrapper-main-links .main-link .inner h4 a {
            display: inline-block;
            width: 100%;
            line-height: 50px;
            font-size: 18px;
            font-weight: 700;
            font-family: 'Acumin-Pro';
            color: var(--primary-blue); }
      header .mobile-only .navbar #main-navigation-dropdown .wrapper-sub-links {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        margin-bottom: 20px; }
        header .mobile-only .navbar #main-navigation-dropdown .wrapper-sub-links .sub-link .inner h4 {
          margin-left: 15px;
          margin-right: 15px;
          margin-top: 1px;
          margin-bottom: 1px; }
          header .mobile-only .navbar #main-navigation-dropdown .wrapper-sub-links .sub-link .inner h4 a {
            display: inline-block;
            width: 100%;
            line-height: 40px;
            font-size: 18px;
            font-weight: 400;
            font-family: 'Acumin-Pro';
            color: var(--primary-blue); }
          header .mobile-only .navbar #main-navigation-dropdown .wrapper-sub-links .sub-link .inner h4 button {
            border: none;
            padding: 6px;
            background-color: var(--snow-white);
            width: 100%;
            line-height: 40px;
            text-align: left;
            color: var(--primary-blue);  }
  header .mobile-only .navbar-toggle {
    border: none;
    background: transparent !important; }
    header .mobile-only .navbar-toggle:hover {
      background: transparent !important; }
    header .mobile-only .navbar-toggle .icon-bar {
      width: 22px;
      transition: all 0.2s; }
    header .mobile-only .navbar-toggle .top-bar {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: 10% 10%;
              transform-origin: 10% 10%; }
    header .mobile-only .navbar-toggle .middle-bar {
      opacity: 0; }
    header .mobile-only .navbar-toggle .bottom-bar {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: 10% 90%;
              transform-origin: 10% 90%; }
  header .mobile-only .navbar-toggle.collapsed .top-bar {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  header .mobile-only .navbar-toggle.collapsed .middle-bar {
    opacity: 1; }
  header .mobile-only .navbar-toggle.collapsed .bottom-bar {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
            
  header .searchbar {
  background: var(--primary-blue);
  width: 100%;
  height: 56px;
  margin: 0 auto;
  max-width: 1440px;
  margin-bottom: 0;
  font-family: 'Acumin-Pro'; }
  header .searchbar #selectedSearchFilterDesktop {
  font-family: 'Acumin-Pro'; }
  header .searchbar .searchbar-header-title {
  color: var(--snow-white);
  margin-top: 15px;
  font-size: 20px; }
  header .searchbar .outer-group {
  max-width: 550px;
  margin: auto; }
  header .searchbar .input-group {
  padding-top: 11px; }
  header .searchbar button, header .searchbar a {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  font-family: 'Acumin-Pro'; }
  header .searchbar input {
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
  font-family: 'Acumin-Pro'; }
  header .searchbar input#searchTextCSA {
  font-family: 'Acumin-Pro'; }
  header .searchbar input, header .searchbar button, header .searchbar select, header .searchbar textarea {
  font-family: 'Acumin-Pro'; }
  header .searchbar button.btn-go, header .searchbar a.btn-go {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  position: absolute;
  top: 11px;
  right: 0;
  z-index: 100;
  border: none;
  background: var(--secondary-powder);
  font-family: 'Acumin-Pro'; }

.signed-in {
  background: var(--snow-white);
  padding-top: 20px;
  padding-bottom: 20px; }
  .signed-in h5.user-name {
    font-size: 24px; }
  .signed-in h6.company-name {
    font-size: 18px;
    margin-bottom: 10px; }

    .cc_terms_panel .checkbox input[type="checkbox"] {
      margin-top: 6px;
      margin-left: -20px;
    }
    .cc_forgot_password a {
      padding: 6px 0;
  }
  .cc_content_body + .cc_navbar-inverse {
    background: var(--primary-midnight-blue);
}
header .nav-container.desktop-only .header-options {
  height: auto;
}
header .header-contain .header-options .header-login-account-container {
  height: auto;
  float: none;
  margin-right: 0;
}
header .header-contain .header-options .header-login-account-container > a{
  padding: 0 6px;
}
header .header-contain .header-options .btn-group {
  margin-top: 0px;
  float: none;
}
header .nav-container .header-options .btn-group a {
  align-items: center;
  justify-content: flex-end;
}
header .nav-container .shopping-cart {
  float: none; 
  right: 8px;
  margin-top: 0 !important;
  margin-right: 0;
}
.shopping-cart-mobile {
  margin-top: 12px !important;
}
html[lang="fr"] header .nav-container .shopping-cart .header-right-links-container a.header-right-link.wishlist-header {
  margin: 5px;
}
html[lang="fr"] header .nav-container .shopping-cart .header-right-links-container .header-right-link.cart-header {
  padding: 5px ;
}
.nav-container.desktop-only .navbar-brand {
  padding: 15px 0;
  height: auto;
}

@media only screen and (max-width: 1200px) {
  header .nav-container .column-right {
    position: absolute;
    top: 0;
    right: 0; }
    footer .social-text{
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 1140px) {
  header .nav-container #catalogue-dropdown ul.navbar-nav li.dropdown .dropdown-menu .inner.container {
    width: 100%; }
  header .header-contain {
    width: 100%; } }

@media only screen and (max-width: 991px) {
  .desktop-only {
    display: none; }
  .mobile-only {
    display: block; }
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: block !important; }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--shark-black); }
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: -15px;
    margin-right: -15px; }
  .navbar-nav {
    margin: 7.5px -15px; }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0; }
  .navbar {
    margin-bottom: 0; } }

@media only screen and (min-width: 992px) {
  header .desktop-only {
    display: block; }
  header .mobile-only {
    display: none; } }

@media only screen and (max-width: 768px) {
  header .searchbar .outer-group {
    width: 80%; } }

@media only screen and (max-width: 400px) {
  header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .column {
    width: 100%;
    margin-bottom: 20px; }
    header .mobile-only .navbar #main-navigation-dropdown .wrapper-accordion #accordion .panel.options-panel .panel-body .column:last-of-type {
      margin-bottom: 0; } }

footer {
  background: var(--primary-midnight-blue);
  width: 100%;
  min-height: 100px;
  color: var(--snow-white);
  padding-top: 75px;
  padding-bottom: 75px;
  font-family: 'Acumin-Pro'; }
  footer a {
    color: var(--snow-white); }
  footer .container {
    max-width: 1440px;
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
  footer .row {
    border-bottom: solid 1px var(--primary-blue);
    margin-bottom: 75px;
    padding-bottom: 75px;
    margin-right: 0;
    margin-left: 0; }
    footer .row.map {
      margin-bottom: 30px; }
    footer .row:last-of-type {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    footer .row .column {
      padding-left: 0;
      padding-right: 0; }
      footer .row .column:first-child {
        padding-right: 50px; }
      footer .row .column:last-child {
        padding-left: 30px; }
  footer .row.map {
    display: block; }
  footer .row.map-mobile {
    display: none; }
  footer .social-icons {
    padding-left: 0; }
      footer .social-icons .icon {
      display: inline-block;
      margin-right: 15px;
      height: 57px;
      width: 57px;
      background: var(--primary-blue); 
      display: flex;
      align-items: center;
      justify-content: center;}  
      footer .social-icons .icon:last-of-type {
        margin-right: 0; }

    footer .social-icons a {
      font-size: 20px;
      display: block;
      line-height: 57px;
      width: 57px;
      text-align: center; }

  footer .newsletter div {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    width: 90%;
    display: block;
    margin: auto;
    letter-spacing: 1px; }    
  footer #mc_embed_signup {
    margin: 0 10px; }
    footer #mc_embed_signup .subscribe button {
      width: 100%; }
  footer .subscribe {
    padding-right: 0; }
    footer .subscribe input, footer .subscribe a {
      border: none;
      display: inline-block; }    
    footer .subscribe a.btn-footer-subscribe {
      display: flex;
      align-items: center;
      justify-content: center; }
    footer .subscribe .input-group {
      width: 368px; }
    footer .subscribe input {
      line-height: 56px;
      height: 56px;
      border-radius: 0;
      width: 251px; }
    footer .subscribe button, footer .subscribe a {
      background: var(--primary-blue);
      color: var(--snow-white);
      height: 56px;
      width: 100%;
      border-radius: inherit;
      display: inline-block; } 
  footer .main-footer-links ul.menu {
    margin-top: 20px;
    text-transform: uppercase; }
  footer .main-footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-column-count: 3;
            column-count: 3; }
  footer .main-footer-links ul li a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 30px; }
  footer .contact .cust-service {
    margin-bottom: 10px; }
  footer .contact h6 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px; }
  footer .contact div a {
    position: relative;
    top: -10px; }
  footer .contact span {
    display: block;
    font-size: 16px;
    letter-spacing: 1px; }
    footer .contact span:last-of-type {
      margin-right: 0; }
    footer .contact span.live-chat .chat-bubble {
      background-image: url("../images/chat-bubbles.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 20px;
      display: inline-block; }
    footer .contact span.live-chat button, footer .contact span.live-chat a {
      background: var(--primary-blue);
      color: var(--snow-white);
      border: none;
      line-height: 47px;
      padding: 0 37px;
      border-radius: 0;
      font-size: 16px; }
      footer .contact span.live-chat button img, footer .contact span.live-chat a img {
        margin-right: 10px; }
    footer .site-links ul li {
      display: inline;
      margin-right: 20px;
      padding-right: 20px;
      border-right: solid 1px var(--primary-blue); }
    footer .site-links ul li:last-of-type {
      margin-right: 0;
      padding-right: 0;
      border: none; }
  footer .site-links a {
    font-size: 12px;
    display: inline-block; }
  footer .copyright {
    text-align: right;
    font-size: 12px; }
  footer .menu {
    /*min-width: 696px;*/
    list-style: none; }
  footer .menu-item {
    color: var(--snow-white);
    display: inline; }
  /*footer .subscribe a:hover {
      text-decoration: underline;
  }*/
  footer a:hover {
    color: var(--snow-white);
    text-decoration: underline; }
  footer a:focus {
    color: var(--snow-white);
    text-decoration: underline; }
  footer .social-icons a:hover {
    background: var(--primary-blue); }
  footer .social-icons a:focus {
    background: var(--primary-blue); }  
  footer .navbar-inverse {
    background-color: var(--primary-midnight-blue);
    border: none; }
  footer .scroll-top {
    display: none; }
  footer #mc_embed_signup_scroll a.btn.btn-footer-subscribe.btn-default:hover {
    background: var(--primary-blue);
    color: var(--snow-white); }
  footer #mc_embed_signup_scroll a.btn.btn-footer-subscribe.btn-default:focus {
    background: var(--primary-blue);
    color: var(--snow-white); }

.hero ul {
  -webkit-column-count: 2;
          column-count: 2; }

.page.pdp .breadcrumb-nav {
  background-color: var(--light-gray);
  width: 100%;
  height: 60px; }
  .page.pdp .breadcrumb-nav ul {
    line-height: 60px;
    list-style-type: none; }
    .page.pdp .breadcrumb-nav ul li {
      display: inline; }
      .page.pdp .breadcrumb-nav ul li a {
        color: var(--primary-blue);
        font-size: 16px; }

.page.pdp .product .product-image {
  width: 160px;
  float: left;
  margin-right: 30px; }

.page.pdp .product .product-title {
  float: left; }

@media only screen and (max-width: 1200px) {
  footer {
    padding-top: 50px; }
    footer .container {
      width: 100%; }
      footer .container .row {
        position: relative; }
    footer .social-icons {
      position: absolute;
      top: 170px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding-right: 0;
      width: 100%;
      text-align: center; }
    footer .newsletter {
      margin-bottom: 120px; }
    footer .subscribe {
      position: absolute;
      top: 90px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding-left: 0; }  
      footer .subscribe .input-group {
        width: 450px; }
        footer .subscribe .input-group input {
          width: 333px; }
    footer .row.map {
      padding-left: 50px;
      padding-right: 50px;
      margin-bottom: 40px; }
      footer .row.map .main-footer-links ul {
        -webkit-column-count: 2;
                column-count: 2; }
    footer .row.legal .site-links {
      text-align: center;
      margin-bottom: 20px; }
    footer .row.legal .copyright {
      text-align: center; } }

@media only screen and (max-width: 768px) {
  footer .row.map {
    display: none; }
  footer .row.map-mobile {
    display: block;
    text-align: center; }
  footer a.toggle-footer-menu {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Acumin-Pro';
    text-transform: uppercase;
    color: var(--snow-white); }
    footer a.toggle-footer-menu:hover {
      color: var(--snow-white); }
  footer .footer-menu-mobile {
    margin-top: 20px; }
    footer .footer-menu-mobile ul {
      list-style: none; }
      footer .footer-menu-mobile ul li {
        margin-bottom: 6px; }
        footer .footer-menu-mobile ul li a {
          text-transform: uppercase;
          color: var(--snow-white); }
          footer .footer-menu-mobile ul li a:hover {
            color: var(--snow-white); }
  footer .subscribe {
    top: 170px;
    width: 100%; }          
    footer .subscribe .input-group {
      width: 60%;
      margin: auto; }
      footer .subscribe .input-group input {
        width: 100%; }
  footer .social-icons {
    top: 90px; }
    footer .social-icons .icon {
      margin-right: 6px; } }

@media only screen and (max-width: 600px) {
  footer .subscribe .input-group {
    width: 80%; }
    footer .subscribe .input-group button, footer .subscribe .input-group a {
      width: 100%; } }

@media only screen and (max-width: 450px) {
  footer .social-icons .icon {
    width: 45px;
    height: 45px; }
  footer .social-icons a {
    line-height: 45px;
    width: 45px; }
  footer .site-links a {
    line-height: 30px; } }

@media only screen and (max-width: 400px) {
  footer .row {
    padding-bottom: 135px; }
    footer .row.map-mobile {
      padding-bottom: 80px; }
  footer .social-icons {
    top: 110px; }
    footer .subscribe .input-group {
      width: 80%; }
      footer .subscribe .input-group button, footer .subscribe .input-group a {
        width: 100%; }
  footer .newsletter {
    margin-bottom: 120px; } }

@media print {
  .header .nav-container #catalogue-dropdown ul.navbar-nav {
    display: none; }
  .header .nav-container #catalogue-dropdown {
    display: none; }
  .cart-product-container {
    max-width: 800px; }
  .cart-right-nav-container {
    max-width: 800px; }
  .connect-with-us {
    display: none; }
  header {
    display: none;
    margin-bottom: 40px; }
    header .header-right-links-container {
      display: none; }
  footer {
    display: none; }
  .searchbar {
    display: none; }
  .buckets-home .inner img {
    visibility: hidden; } }

section.buckets-home {
  margin-top: -70px;
  margin-bottom: 77px; }
  section.buckets-home .container {
    padding: 0;
    max-width: 1140px; }
    section.buckets-home .container .column {
      padding: 0; }
      section.buckets-home .container .column:last-of-type .inner:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 100%;
        background: var(--snow-white);
        top: 0;
        right: 0; }
  section.buckets-home .inner {
    position: relative;
    margin: 0;
    padding: 0;
    border-top: solid 6px var(--snow-white);
    border-bottom: solid 6px var(--snow-white);
    border-left: solid 6px var(--snow-white); }
    section.buckets-home .inner .bg {
      min-height: 224px;
      background-color: var(--primary-blue); }
    section.buckets-home .inner .content {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50px);
              transform: translate(-50%, -50px);
      width: 80%; }
    section.buckets-home .inner .copy {
      text-align: center;
      position: relative;
      color: var(--snow-white); }
      section.buckets-home .inner .copy p.extra {
        position: absolute;
        top: -35px;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase; }
    section.buckets-home .inner .cta {
      text-align: center;
      position: absolute;
      bottom: 30px;
      width: 100%; }
      section.buckets-home .inner .cta button, section.buckets-home .inner .cta a {
        display: inline-block; }
        section.buckets-home .inner .cta button:hover, section.buckets-home .inner .cta a:hover {
          background-color: var(--snow-white);
          color: var(--primary-blue); }

@media only screen and (max-width: 1140px) {
  section.buckets-home {
    margin-bottom: 50px; }
    section.buckets-home .container {
      width: 100%; }
    section.buckets-home .inner .copy p.extra {
      font-size: 14px; }
    section.buckets-home .inner .copy h3 {
      font-size: 20px; }
    section.buckets-home .inner .cta button.white-clear, section.buckets-home .inner .cta a.white-clear {
      font-size: 14px;
      padding-left: 20px;
      padding-right: 20px; } }

@media only screen and (max-width: 992px) {
  section.buckets-home {
    margin-bottom: 30px; }
    section.buckets-home .container {
      overflow: scroll; }
      section.buckets-home .container::-webkit-scrollbar {
        display: none; }
      section.buckets-home .container .row {
        width: 992px; } 
        header .mobile-only .navbar .navbar-header .brand-logo {
          padding: 0;
          padding-top: 15px;
          padding-left: 10px;
          display: inline-block;}
          header .mobile-only .navbar .navbar-header .brand-logo .navbar-brand{
            padding: 0;
          }
          header .mobile-only .navbar .navbar-header .brand-logo .navbar-brand img{
            max-width: 110px;
          }
      }

section.featured-collections {
  padding-top: 120px; }
  section.featured-collections .container {
    padding: 0;
    width: 1440px;
    margin: auto; }
  section.featured-collections h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px; }
  section.featured-collections .row {
    margin-bottom: 40px; }
    section.featured-collections .row .column:first-of-type {
      padding-left: 0; }
    section.featured-collections .row .column:last-of-type {
      padding-right: 0; }
  section.featured-collections .collection-card {
    border-radius: 0px;
    box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.05); }
    section.featured-collections .collection-card .heading {
      background-color: var(--primary-blue);
      min-height: 200px;
      padding: 20px;
      position: relative; }
      section.featured-collections .collection-card .heading h3 {
        font-size: 24px;
        font-weight: 700;
        color: var(--snow-white);
        width: 90%;
        margin-bottom: 20px; }
      section.featured-collections .collection-card .heading p {
        color: var(--snow-white); }
    section.featured-collections .collection-card .content {
      padding: 20px;
      padding-top: 40px;
      min-height: 350px;
      position: relative; }
      section.featured-collections .collection-card .content h4 {
        margin-left: 30px;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 16px;
        color: var(--medium-gray); }
      section.featured-collections .collection-card .content ul {
        list-style-image: url("../images/check-mark.png");
        padding-left: 25px;
        max-height: 160px;
        overflow-y: auto; }
        section.featured-collections .collection-card .content ul li {
          font-size: 16px;
          font-family: 'Acumin-Pro';
          color: var(--medium-gray);
          line-height: 19px;
          padding-left: 5px;
          margin-bottom: 10px; }
          section.featured-collections .collection-card .content ul li:last-of-type {
            margin-bottom: 0; }
      section.featured-collections .collection-card .content p {
        font-size: 16px; }
      section.featured-collections .collection-card .content .advance {
        position: absolute;
        width: 325px;
        bottom: 20px;
        left: 0; }
        section.featured-collections .collection-card .content .advance .column {
          padding: 0; }
        section.featured-collections .collection-card .content .advance h4 {
          font-size: 30px;
          font-weight: 300;
          margin-bottom: 0; }
        section.featured-collections .collection-card .content .advance h5 {
          font-size: 16px;
          font-weight: 400;
          color: var(--medium-gray);
          margin-left: 25px; }
        section.featured-collections .collection-card .content .advance button, section.featured-collections .collection-card .content .advance a {
          width: 100%;
          color: var(--snow-white);
          border-radius: 0px;
          background: var(--primary-blue);
          display: inline-block; }

@media only screen and (max-width: 1140px) {
  section.featured-collections {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px; }
    section.featured-collections .container {
      width: 100%; }
      section.featured-collections .container .scroll-container {
        overflow: scroll; }
        section.featured-collections .container .scroll-container::-webkit-scrollbar {
          display: none; }
      section.featured-collections .container .row.row-eq-height {
        width: 1100px; }
    section.featured-collections h2 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 400;
      margin-bottom: 13px; }
    section.featured-collections .collection-card .heading {
      min-height: 170px; }
      section.featured-collections .collection-card .heading h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px; }
      section.featured-collections .collection-card .heading p {
        font-size: 14px;
        line-height: 17px; } }

section.hero {
  margin-bottom: 0;
  overflow: hidden;
  position: relative; }
  section.hero .container {
    padding: 0;
    position: relative; }
  section.hero .jumbotron {
    margin-bottom: 0;
    padding: 0;
    max-width: 1440px;
    position: relative;
    background-color: var(--primary-blue);
    background: var(--shark-black) url("../images/hero-image.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    min-height: 513px;
    border-radius: 0;
    margin: 0 auto; }
    section.hero .jumbotron .icon-container {
      left: -115px;
      position: absolute;
      /*background: var(--snow-white);*/ }
      section.hero .jumbotron .icon-container .hp-hero-electric-icon {
        width: 90px;
        height: 90px;
        background-image: url("../images/categories/outlet.png");
        background-repeat: no-repeat;
        background-position: center;
        display: block; }
    section.hero .jumbotron .content {
      position: absolute;
      top: 130px;
      left: 230px; }
    section.hero .jumbotron .icon-image {
      width: 98px;
      float: left;
      margin-right: 40px; }
    section.hero .jumbotron .copy {
      float: left;
      margin-top: -35px; }
      section.hero .jumbotron .copy .coming-soon p {
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        color: var(--snow-white);
        text-transform: uppercase; }
      section.hero .jumbotron .copy h2 {
        font-size: 48px;
        line-height: 50px;
        color: var(--snow-white);
        font-family: 'Acumin-Pro';
        margin-bottom: 30px;
        max-width: 480px; }

section.hero > .container {
  max-width: 1440px; }

@media only screen and (max-width: 997px) {
  section.hero {
    width: calc(100% + 20px);
    margin: 0 auto;
    left: -10px; }
    section.hero .jumbotron {
      min-height: 450px; }
      section.hero .jumbotron .icon-container {
        top: -20px;
        left: 0; }
        section.hero .jumbotron .icon-container .hp-hero-electric-icon {
          width: 70px;
          height: 70px;
          background-size: 30px;
          left: 0; }
      section.hero .jumbotron .content {
        left: 10%;
        top: 60px; }
        section.hero .jumbotron .content .icon-image {
          width: 52px;
          float: none; }
      section.hero .jumbotron .copy {
        margin-top: 60px; }
        section.hero .jumbotron .copy .coming-soon p {
          font-size: 12px;
          margin-bottom: 5px; }
        section.hero .jumbotron .copy h2 {
          font-size: 30px;
          line-height: 34px;
          margin-bottom: 15px; }
        section.hero .jumbotron .copy button, section.hero .jumbotron .copy a {
          font-size: 14px;
          line-height: 38px;
          padding-top: 0;
          padding-bottom: 0; } }

.popular-purchases {
  margin-bottom: 30px !important; }
  .popular-purchases .container {
    width: 100%;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0; }
  .popular-purchases ul.nav-tabs {
    border: none; }
    .popular-purchases ul.nav-tabs li {
      margin-right: 30px; }
      .popular-purchases ul.nav-tabs li a {
        border: none;
        color: var(--shark-black);
        font-family: 'Acumin-Pro';
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 5px;
        margin-right: 0; }
        .popular-purchases ul.nav-tabs li a:hover {
          background: none;
          border: none; }
      .popular-purchases ul.nav-tabs li.active {
        border-bottom: solid 3px var(--primary-blue); }
        .popular-purchases ul.nav-tabs li.active a {
          font-weight: 700;
          border: none; }
  .popular-purchases .tab-content {
    padding: 0;
    margin-top: 30px; }
    .popular-purchases .tab-content .column {
      padding-left: 0;
      padding-right: 0; }
      .popular-purchases .tab-content .column:last-of-type .product-card:last-of-type {
        margin-right: 0; }
      .popular-purchases .tab-content .column:nth-child(1) .product-card {
        background: var(--success-status); }
      .popular-purchases .tab-content .column:nth-child(2) .product-card {
        background: var(--medium-gray); }
      .popular-purchases .tab-content .column:nth-child(3) .product-card {
        background: var(--orange); }
      .popular-purchases .tab-content .column:nth-child(4) .product-card {
        background: var(--primary-blue); }
  .popular-purchases .product-card {
    border: none;
    border-radius: 0;
    height: 260px;
    background: var(--snow-white);
    background: var(--gunsmoke-gray);
    color: var(--snow-white);
    padding-bottom: 70px;
    position: relative;
    margin-right: 20px; }
    .popular-purchases .product-card .heading {
      padding: 20px;
      min-height: 66px; }
      .popular-purchases .product-card .heading img {
        float: left;
        margin-right: 15px; }
      .popular-purchases .product-card .heading h3 {
        font-size: 12px;
        line-height: 13px;
        color: var(--snow-white); }
    .popular-purchases .product-card .content {
      padding: 20px;
      padding-top: 20px;
      padding-bottom: 0;
      color: var(--snow-white); }
      .popular-purchases .product-card .content .product-desc h4 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 6px; }
      .popular-purchases .product-card .content .product-desc p {
        font-size: 12px;
        font-weight: 400; }
      .popular-purchases .product-card .content .advance {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 100%; }
        .popular-purchases .product-card .content .advance .column {
          padding: 0;
          margin-right: 0; }
        .popular-purchases .product-card .content .advance .price {
          margin-left: 20px; }
          .popular-purchases .product-card .content .advance .price .copy {
            font-size: 12px;
            color: var(--snow-white); }
          .popular-purchases .product-card .content .advance .price .value {
            color: var(--snow-white);
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px; }
        .popular-purchases .product-card .content .advance .cta {
          margin-right: 20px; }
          .popular-purchases .product-card .content .advance .cta button, .popular-purchases .product-card .content .advance .cta a {
            width: 100%;
            color: var(--snow-white);
            border-radius: 0px;
            background: none;
            padding: 10px 20px;
            border: 1px solid var(--snow-white);
            text-align: center;
            text-decoration: none;
            display: inline-block; }
            .popular-purchases .product-card .content .advance .cta button:hover, .popular-purchases .product-card .content .advance .cta a:hover {
              background-color: var(--snow-white);
              color: var(--primary-blue); }

@media only screen and (max-width: 1140px) {
  section.popular-purchases {
    padding-left: 20px;
    padding-right: 20px; }
    section.popular-purchases .container {
      width: 100%; }
    section.popular-purchases .tab-content {
      overflow: scroll; }
      section.popular-purchases .tab-content::-webkit-scrollbar {
        display: none; }
    section.popular-purchases .tab-pane {
      width: 1140px; } }

@media only screen and (max-width: 992px) {
  section.popular-purchases .tab-content {
    margin-top: 20px; } }

@media only screen and (max-width: 768px) {
  section.popular-purchases ul.nav.nav-tabs li {
    max-width: 90px;
    min-height: 55px;
    margin-right: 20px; }
    section.popular-purchases ul.nav.nav-tabs li a {
      font-size: 14px;
      line-height: 18px; } }

section.purchase-options {
  padding-top: 80px;
  padding-bottom: 60px;
  background: var(--secondary-powder); }
  section.purchase-options .container {
    width: 994px; }
  section.purchase-options .wrapper {
    margin: auto;
    background: var(--snow-white); }
  section.purchase-options .row-alt .column {
    padding: 0; }
  section.purchase-options .heading {
    text-align: center;
    padding-bottom: 40px; }
    section.purchase-options .heading h2 {
      font-size: 12px;
      line-height: 14px;
      color: var(--shark-black);
      font-weight: 700;
      font-family: 'Acumin-Pro';
      text-transform: uppercase; }
    section.purchase-options .heading h3 {
      font-size: 30px;
      font-weight: 400;
      color: var(--shark-black);
      font-family: 'Acumin-Pro';
      line-height: 34px; }
  section.purchase-options .purchase-option-icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 65px; }
    section.purchase-options .purchase-option-icon.retail-purchase {
      background-image: url("../images/options/purchase-options1.png"); }
    section.purchase-options .purchase-option-icon.retail-rentals {
      background-image: url("../images/options/purchase-options2.png"); }
    section.purchase-options .purchase-option-icon.standard-subscription {
      background-image: url("../images/options/purchase-options3.png"); }
    section.purchase-options .purchase-option-icon.collection-subscription {
      background-image: url("../images/options/purchase-options4.png"); }
  section.purchase-options .product-card {
    border-right: solid 1px var(--gunsmoke-gray);
    border-top: solid 1px var(--gunsmoke-gray);
    border-bottom: solid 1px var(--gunsmoke-gray);
    padding: 20px;
    text-align: center;
    height: 100%; }
    section.purchase-options .product-card:last-of-type {
      border-left: solid 1px var(--gunsmoke-gray); }
    section.purchase-options .product-card .image-wrapper {
      width: 65px;
      margin: auto;
      margin-bottom: 20px;
      display: none; }
    section.purchase-options .product-card .copy h4 {
      font-size: 22px;
      font-weight: 700;
      color: var(--primary-blue);
      margin-bottom: 40px; }
    section.purchase-options .product-card .copy p {
      font-size: 16px;
      color: var(--medium-gray);
      font-family: 'Acumin-Pro'; }
  section.purchase-options .cta {
    text-align: center;
    margin-top: 30px;
    border: 0; }
    section.purchase-options .cta button, section.purchase-options .cta a {
      border: 0;
      color: var(--snow-white);
      border-radius: 0px;
      font-family: 'Acumin-Pro';
      font-weight: 600;
      background: var(--primary-blue);
      display: inline-block; }

@media only screen and (max-width: 1140px) {
  section.purchase-options .container {
    width: 100%; } }

@media only screen and (max-width: 850px) {
  section.purchase-options .container {
    width: 96%; }
    section.purchase-options .container .wrapper .row-alt .column .product-card {
      border: none;
      border-bottom: solid 1px var(--gunsmoke-gray); }
    section.purchase-options .container .wrapper .row-alt .column:last-of-type .product-card {
      border-bottom: none;
      padding-bottom: 20px; }
    section.purchase-options .container .wrapper .row-alt .column:first-of-type .product-card {
      margin-top: 20px; }
  section.purchase-options .row-eq-height {
    display: block; }
  section.purchase-options .heading {
    width: 80%;
    margin: auto;
    padding-bottom: 25px; }
    section.purchase-options .heading h3 {
      font-size: 24px;
      line-height: 29px; }
  section.purchase-options .product-card {
    border: none;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-left: 0;
    margin-left: 27px;
    padding-right: 0;
    margin-right: 27px; }
    section.purchase-options .product-card .image-wrapper {
      margin: 0;
      margin-left: 20px;
      float: left;
      display: none; }
    section.purchase-options .product-card .copy {
      margin-right: 10px; }
      section.purchase-options .product-card .copy h4, section.purchase-options .product-card .copy p {
        text-align: left; }
      section.purchase-options .product-card .copy h4 {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 29px; }
      section.purchase-options .product-card .copy p {
        font-size: 14px;
        line-height: 16px; }
    section.purchase-options .product-card .cta button, section.purchase-options .product-card .cta a {
      font-size: 16px;
      line-height: 18px; } }

section.shop-by-category {
  background: var(--secondary-powder);
  padding-top: 60px;
  margin-bottom: 0;
  margin-top: 40px;
  width: 100%; }
  section.shop-by-category h2 {
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center; }
  section.shop-by-category .row-alt {
    width: 100%;
    margin: auto; }
    section.shop-by-category .row-alt .column {
      padding: 0; }
  section.shop-by-category .categories .category > a {
    display: block; }
  section.shop-by-category .categories .category {
    background: var(--snow-white);
    height: 380px;
    text-align: center;
    border: solid 1px var(--gunsmoke-gray);
    padding: 30px;
    padding-top: 0px;
    position: relative; }
    section.shop-by-category .categories .category:hover {
      background: var(--shark-black); }
      section.shop-by-category .categories .category:hover .desc p {
        color: var(--snow-white); }
      section.shop-by-category .categories .category:hover .desc {
        color: var(--snow-white); }
    section.shop-by-category .categories .category a {
      text-decoration: none; }
      section.shop-by-category .categories .category a:hover {
        text-decoration: none; }
    section.shop-by-category .categories .category .inner {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    section.shop-by-category .categories .category .icon {
      margin: auto;
      margin-top: 60px;
      width: 80px;
      height: 80px;
      background-image: url("../images/categories/industrial.png");
      background-repeat: no-repeat;
      background-position: center 10px; }
    section.shop-by-category .categories .category .title {
      margin-top: 15px;
      margin-bottom: 20px; }
      section.shop-by-category .categories .category .title h3 {
        font-size: 24px;
        font-weight: 400;
        text-transform: uppercase; }
    section.shop-by-category .categories .category .desc p {
      font-size: 16px;
      line-height: 21px;
      font-weight: 400;
      letter-spacing: 0.5px;
      color: var(--medium-gray); }
    section.shop-by-category .categories .category.electrical .icon {
      background-image: url("../images/categories/outlet.png"); }
    section.shop-by-category .categories .category.electrical .title h3 {
      color: var(--primary-blue); }
    section.shop-by-category .categories .category.electrical:hover .icon {
      background-image: url("../images/categories/outlet-white.png"); }
    section.shop-by-category .categories .category.electrical:hover .title h3 {
      color: var(--snow-white); }
    section.shop-by-category .categories .category.medical .icon {
      background-image: url("../images/categories/medical.png"); }
    section.shop-by-category .categories .category.medical .title h3 {
      color: var(--error-status); }
    section.shop-by-category .categories .category.medical:hover .icon {
      background-image: url("../images/categories/medical-white.png"); }
    section.shop-by-category .categories .category.medical:hover .title h3 {
      color: var(--snow-white); }
    section.shop-by-category .categories .category.industrial .icon {
      background-image: url("../images/categories/industrial.png"); }
    section.shop-by-category .categories .category.industrial .title h3 {
      color: var(--primary-blue); }
    section.shop-by-category .categories .category.industrial:hover .icon {
      background-image: url("../images/categories/industrial-white.png"); }
    section.shop-by-category .categories .category.industrial:hover .title h3 {
      color: var(--snow-white); }
    section.shop-by-category .categories .category.environment .icon {
      background-image: url("../images/categories/leaf.png"); }
    section.shop-by-category .categories .category.environment .title h3 {
      color: var(--success-status); }
    section.shop-by-category .categories .category.environment:hover .icon {
      background-image: url("../images/categories/leaf-white.png"); }
    section.shop-by-category .categories .category.environment:hover .title h3 {
      color: var(--snow-white); }
    section.shop-by-category .categories .category.business .icon {
      background-image: url("../images/categories/business.png"); }
    section.shop-by-category .categories .category.business .title h3 {
      color: var(--success-status); }
    section.shop-by-category .categories .category.business:hover .icon {
      background-image: url("../images/categories/business-white.png"); }
    section.shop-by-category .categories .category.business:hover .title h3 {
      color: var(--snow-white); }
    section.shop-by-category .categories .category.construction .icon {
      background-image: url("../images/categories/construction.png"); }
    section.shop-by-category .categories .category.construction .title h3 {
      color: var(--orange); }
    section.shop-by-category .categories .category.construction:hover .icon {
      background-image: url("../images/categories/construction-white.png"); }
    section.shop-by-category .categories .category.construction:hover .title h3 {
      color: var(--snow-white); }
  section.shop-by-category .all-categories {
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center; }
    section.shop-by-category .all-categories a {
      color: var(--primary-blue);
      font-weight: 700; }
      section.shop-by-category .all-categories a h3 {
        font-size: 16px;
        font-weight: 700; }

@media only screen and (max-width: 1440px) {
  section.shop-by-category .categories .category a .icon {
    margin-top: 40px; } }

@media only screen and (max-width: 1140px) {
  section.shop-by-category .row-alt {
    width: 100%; } }

@media only screen and (max-width: 997px) {
  section.shop-by-category .categories .category .desc {
    display: none; }
  section.shop-by-category .categories .category {
    height: 300px;
    padding: 20px; }
    section.shop-by-category .categories .category a {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 85%; }
      section.shop-by-category .categories .category a .icon {
        margin-top: 0;
        background-size: 60%; }
      section.shop-by-category .categories .category a .title {
        margin-bottom: 0;
        margin-top: 0; }
        section.shop-by-category .categories .category a .title h3 {
          font-size: 18px;
          line-height: 22px; }
      section.shop-by-category .categories .category a .desc {
        display: none; }
    section.shop-by-category .categories .category.electrical a .icon {
      background-size: 40%; } }

@media only screen and (max-width: 600px) {
  section.shop-by-category .categories .category {
    height: 240px; }
    section.shop-by-category .categories .category .icon {
      margin-top: 25px; } }

@media only screen and (max-width: 450px) {
  section.shop-by-category .row-alt .column {
    width: 100%; } }

section.sub-footer {
  background-color: var(--secondary-powder);
  color: var(--primary-blue);
  width: 100%;
  padding: 80px 15%; }
  section.sub-footer .heading {
    text-align: center;
    width: 65%;
    margin: auto;
    margin-bottom: 50px; }
    section.sub-footer .heading h3 {
      font-size: 22px;
      line-height: 28px;
      font-weight: 600;
      color: var(--primary-blue); }
  section.sub-footer .buckets {
    text-align: center;
    margin-top: -20px; }
    section.sub-footer .buckets .inner {
      background-image: url("../images/circle.png");
      background-repeat: no-repeat;
      background-position: center 10px;
      padding-top: 40px;
      padding-bottom: 40px; }
    section.sub-footer .buckets .copy h4 {
      font-size: 60px;
      color: var(--primary-blue);
      font-weight: 700; }
    section.sub-footer .buckets .copy p {
      font-size: 16px;
      font-weight: 600;
      color: var(--medium-gray);
      width: 60%;
      margin: auto; }

@media only screen and (max-width: 1140px) {
  section.sub-footer .buckets .copy p {
    width: 90%; } }

@media only screen and (max-width: 850px) {
  section.sub-footer {
    padding-left: 10%;
    padding-right: 10%; } }

@media only screen and (max-width: 768px) {
  section.sub-footer .heading {
    width: 85%; }
  section.sub-footer .buckets .copy p {
    width: 60%; } }

@media only screen and (max-width: 450px) {
  section.sub-footer .buckets .copy h4 {
    font-size: 40px;
    line-height: 49px; }
  section.sub-footer .buckets .copy p {
    font-size: 14px;
    line-height: 21px;
    width: 90%; } }

section.training-courses {
  padding-top: 90px;
  padding-bottom: 90px; }
  section.training-courses h2 {
    font-weight: 30px;
    font-weight: 400;
    margin-bottom: 20px; }
  section.training-courses .carousel-cell {
    width: 360px;
    height: 480px;
    margin-right: 19px;
    margin-left: 10px; }
  section.training-courses .container {
    max-width: 1440px;
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  section.training-courses .inner {
    padding: 20px;
    border: solid 1px #D8D8D8;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.06);
    height: 480px;
    position: relative; }
    section.training-courses .inner .day {
      position: absolute;
      width: 75px;
      height: 75px;
      top: 0;
      right: 0;
      background: var(--primary-blue); }
      section.training-courses .inner .day .copy {
        color: var(--snow-white);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        text-align: center;
        margin-top: 0; }
        section.training-courses .inner .day .copy .num {
          font-size: 30px; }
        section.training-courses .inner .day .copy .unit {
          font-size: 16px;
          line-height: 14px; }
    section.training-courses .inner .heading {
      margin-top: 75px;
      font-size: 22px;
      font-weight: 600;
      color: var(--primary-blue); }
    section.training-courses .inner .copy {
      color: var(--medium-gray);
      margin-top: 25px; }
    section.training-courses .inner .cta {
      position: absolute;
      bottom: 20px;
      left: 20px;
      border: 0; }
      section.training-courses .inner .cta button, section.training-courses .inner .cta a {
        border: 0;
        line-height: 52px;
        padding: 0 30px;
        background: var(--primary-blue);
        border: 0;
        box-shadow: none;
        color: var(--snow-white);
        font-family: 'Acumin-Pro';
        font-weight: 700;
        color: var(--snow-white);
        display: inline-block; }
  section.training-courses .flickity-viewport {
    height: 481px; }
  section.training-courses .flickity-prev-next-button.previous {
    display: none; }
  section.training-courses .flickity-prev-next-button.next {
    right: -50px; }

@media only screen and (max-width: 1366px) {
  header .nav-container #catalogue-dropdown ul.navbar-nav {
    max-width: 750px;
  }
  header .nav-container #catalogue-dropdown ul.navbar-nav > span {
      margin-left: 10px;
      margin-right: 10px;
  }
  header .nav-container #catalogue-dropdown ul.navbar-nav > span >li > a{
    font-size: 15px;
    padding: 8px!important;
  }
}

@media only screen and (max-width: 1240px) {
  section.training-courses .container {
    width: 1100px;
    padding-right: 50px; } }

@media only screen and (max-width: 1140px) {
  section.training-courses .container {
    width: 90%; 
  }

}

@media only screen and (max-width: 850px) {
  section.training-courses .container {
    padding-right: 40px; } }

@media only screen and (max-width: 768px) {
  section.training-courses .container {
    padding-right: 0; }
  section.training-courses .flickity-prev-next-button.next {
    display: none; } }

@media only screen and (max-width: 450px) {
  section.training-courses .carousel-cell {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px; } }

.breadcrumb-csa-container {
  font-family:'Acumin-Pro'; }
  .breadcrumb-csa-container .plp-title-content h1 {
    color: var(--snow-white);
    font-family: 'Acumin-Pro';
    font-weight: 200; }

.csa-breadcrumbs ol {
  background-color: transparent;
  font-family:'Acumin-Pro'; }

#breadcrumb_desktop_container {
  padding: 0; }
  #breadcrumb_desktop_container .csa-breadcrumbs {
    margin-top: 20px; }

.breadcrumb-csa-container .plp-title-content {
  padding: 15px;
  margin-top: 20px; }

.breadcrumb-csa-container .image-container {
  display: inline;
  vertical-align: top;
  float: left;
  width: 100px;
  top: -10px;
  position: relative; }

.breadcrumb-csa-container .text-container {
  display: inline;
  max-width: 600px; }
  .breadcrumb-csa-container .text-container .search-description {
    max-width: 750px;
    color: var(--snow-white);
    font-family: 'Acumin-Pro';
    font-weight: 100; }

.breadcrumb-csa-container .breadcrumb.cc_breadcrumb {
  font-family:'Acumin-Pro'; }

.breadcrumb > li + li:before {
  display: inline-block;
  content: '\e315';
  font-family: "Material Symbols Outlined";
  line-height: normal;
  font-weight: 500;
  font-size: 18px;
  vertical-align: sub; }
  .ext-mac .breadcrumb > li + li:before{
    vertical-align: middle;
  }

.breadcrumb.cc_breadcrumb {
  background-color: transparent;
  padding: 0 15px; }
  .breadcrumb.cc_breadcrumb .cc_breadcrumb_item a {
    color: var(--shark-black);
    font-family:'Acumin-Pro'; }

@media only screen and (max-width: 992px) {
  #breadcrumb_desktop_container {
    margin-top: 0px; } }

.connect-with-us {
  margin-bottom: 20px; }
  .connect-with-us a {
    display: inline-block;
    color: var(--shark-black); 
    color: var(--primary-blue);
    background: transparent;
    vertical-align: middle;
    padding-left: 5px;
    font-size: 18px;
    font-weight: 700;}
    .connect-with-us a .material-symbols-outlined {
      vertical-align: middle;
      font-weight: 500;
    }
    .connect-with-us a:hover, .connect-with-us a:focus, .connect-with-us a:active {
      color: var(--primary-midnight-blue);
  }
  .connect-with-us i {
    margin-right: 5px; }
  .connect-with-us .cp-ltr-5 {
    margin-top: 5px;
    
    @media only screen and (min-width: 768px){
      flex: 1 1 0px;
    }
  }
  .connect-with-us .cp-ltr-5:last-child {
    border-right: none; }

@media only screen and (max-width: 992px) {
  .cp-ltr-5 {
    border-right: none; } }

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: 0; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: var(--snow-white);
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: var(--snow-white); }

.flickity-prev-next-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #09f; }

.flickity-prev-next-button:active {
  opacity: .6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: .3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: var(--shark-black); }

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: var(--shark-black);
  border-radius: 50%;
  opacity: .25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

.cp-ltr-5 {
  padding-right: 5px;
  padding-left: 5px; }

.cp-l0 {
  padding-left: 0; }

.cp-r0 {
  padding-right: 0; }

.cp-ltr-0 {
  padding-right: 0;
  padding-left: 0; }

.m0 {
  margin-right: 0;
  margin-left: 0; }

.mb5 {
  margin-bottom: 5; }

.mb10 {
  margin-bottom: 5; }

.mb20 {
  margin-bottom: 20px; }

.mb40 {
  margin-bottom: 40px; }

.mt20 {
  margin-top: 20px; }
  
.mt24 {
  margin-top: 24px; }

.mt16-mb {
  margin-top: 16px;
  
  @media only screen and (min-width: 768px) {
    margin-top: 0;
  }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }

.plp.type-of-product {
  text-transform: uppercase;
  color: var(--orange);
  font-weight: 600;
  font-size: 12px;
  font-family: 'Acumin-Pro'; }

.plp.productName {
  color: var(--shark-black);
  font-size: 24px;
  font-weight: 400;
  text-decoration: none; }
  .plp.productName:hover {
    color: var(--shark-black);
    text-decoration: none; }

.plp.product-includes span {
  font-size: 12px;
  color: var(--shark-black); }

.plp.product-attributes span {
  margin-right: 10px;
  font-size: 12px;
  color: var(--shark-black); }
  .plp.product-attributes span.text-green {
    color: var(--success-status); }

.plp.product-forms {
  margin: 10px 0; }
  .plp.product-forms span {
    padding: 3px;
    border: 1px solid var(--shark-black);
    font-size: 12px;
    color: var(--shark-black); }

#categories-right-nav .categories_side_container .cc_collapse .cc_body .panel-heading {
  padding: 5px 0; }

#categories-right-nav .categories_side_container .panel-heading {
  padding: 10px; }
  #categories-right-nav .categories_side_container .panel-heading .panel-heading {
    padding: 0; }
    #categories-right-nav .categories_side_container .panel-heading .panel-heading .panel-body {
      padding: 5px 0; }

#categories-right-nav .categories_side_container .panel-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.1em; }

#categories-right-nav .panel-title a {
  display: inline; }

.widgetSection .slider-container {
  display: inline-block;
  width: 80%; }

.widgetSection .slideFilter {
  vertical-align: top; }

.widgetSection #collapseFeatureFilter .refineresults {
  color: var(--dark-grayish);
  padding: 10px;
  font-size: 14px;
  font-weight: 500; }

.widgetSection #collapseFeatureFilter .panel-body {
  padding: 0px; }

.widgetSection #collapseFeatureFilter .panel-heading {
  padding: 10px; }
  .widgetSection #collapseFeatureFilter .panel-heading .panel-title {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 5px 0;
    color: var(--shark-black); }
  .widgetSection #collapseFeatureFilter .panel-heading #filter-accordion .panel-heading {
    padding: 0px; }

.widgetSection .cc_value {
  margin: 5px 0;
  font-size: 14px; }
  .widgetSection .cc_value .label {
    font-size: 12px; }
    .widgetSection .cc_value .label.label-default {
      color: var(--shark-black);
      background-color: var(--snow-white);
      font-size: 14px;
      padding: 0;
      font-weight: 400; }

.cc_categories_side_container .cc_body {
  padding: 15px; }

.cc_filter_container .cc_title {
  font-size: 14px;
  margin-bottom: 20px; }

.cc_filter_container .cc_body {
  padding: 0; }

.cc_spec_group_container {
  margin-bottom: 10px; }

.cc_spec_header {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 5px 0;
  color: var(--shark-black); }

.cc_collapse_group {
  display: block; }
  .cc_collapse_group:link, .cc_collapse_group:visited, .cc_collapse_group:hover, .cc_collapse_group:focus, .cc_collapse_group:active {
    text-decoration: none; }

.cc_spec_filter_option {
  border: none;
  padding: 0; }
  .cc_spec_filter_option label {
    display: block; }
  .cc_spec_filter_option .checkbox {
    margin-top: 5px;
    margin-bottom: 5px; }

.spec_slider_container {
  margin-top: 8px;
  margin-bottom: 5px; }

.cc_results_list {
  padding: 15px; }

.pagination-div .pagination > li > a, .pagination-div .pagination > li > span {
  padding: 6px 10px; }

hr.title-line {
  border-top: 2px solid var(--shark-black);
  margin-top: 10px; }

.prodDetailContainer {
  padding: 0 10px; }
  .prodDetailContainer .cc_body {
    padding: 10px 0; }
  .prodDetailContainer .btn-csa:focus, .prodDetailContainer .btn-csa:active {
    outline: none !important;
    box-shadow: none; }
  .prodDetailContainer .addItem.success, .prodDetailContainer .addCart-btn.success {
    background-color: var(--success-status);
    color: var(--snow-white);
     }
  .prodDetailContainer .cc_tabs_container .cc_tab-pane ul {
    padding-left: 5rem; }

.product_detail_container .cc_short_desc {
  font-family: 'Acumin-Pro'; }

.product_detail_container .cc_quantity_block .form-group {
  margin-bottom: 0; }

.product_detail_container .type-of-product {
  text-transform: uppercase;
  color: var(--orange);
  font-weight: 600;
  font-size: 12px;
  font-family: 'Acumin-Pro'; }

.product_detail_container .productName {
  color: var(--shark-black);
  font-size: 32px;
  font-weight: 100; }
  .product_detail_container .productName:hover {
    color: var(--shark-black);
    text-decoration: none; }

.product_detail_container .product-includes span {
  font-size: 12px;
  color: var(--shark-black); }

.product_detail_container .shortDesc .cc_pblock {
  font-size: 24px;
  color: var(--shark-black); }

.product_detail_container .subsection-type-preview {
  font-size: 14px; }
  .product_detail_container .subsection-type-preview .fa-eye {
    margin-right: 10px; }

.product_detail_container .product-attributes span {
  margin-right: 10px;
  font-size: 12px;
  color: var(--shark-black); }
  .product_detail_container .product-attributes span.text-green {
    color: var(--success-status); }

.product_detail_container .product-forms {
  margin: 10px 0; }
  .product_detail_container .product-forms span {
    padding: 3px;
    border: 1px solid var(--shark-black);
    font-size: 12px;
    color: var(--shark-black); }

#registerContactForm label {
  display: block; }

#registerContactForm label[for='numOfAttendees'] {
  display: inline-block;
  top: -7px;
  left: 10px;
  position: relative; }

#registerContactForm label[for='receivePromotion'] {
  display: inline-block;
  top: -7px;
  left: 10px;
  position: relative; }

#registerContactForm input {
  height: 30px;
  text-indent: 10px;
  width: 100%;
  margin-bottom: 10px; }

#registerContactForm input[name='numOfAttendees'] {
  width: initial;
  display: inline; }

#registerContactForm input[name='receivePromotion'] {
  width: initial;
  display: inline; }

#registerContactForm textarea {
  width: 100%;
  height: 80px; }

#registerContactForm select {
  width: 100%;
  height: 30px; }

#registerContactForm .language-text {
  font-weight: 600; }

#registerContactForm .form-language-container {
  margin-bottom: 10px; }
  #registerContactForm .form-language-container .language-text {
    margin-bottom: 5px; }

#registerContactForm .form-type-container {
  margin-bottom: 10px; }

#registerContactForm .btn.btn-default {
  padding: 10px 20px;
  margin-bottom: 10px;
  border-radius: 0; }

#registerContactForm .submit-training-form {
  color: var(--snow-white);
  background: var(--primary-blue);
  border-radius: 0;
  border: 2px solid var(--primary-blue); }

#registerContactForm .close-training-form {
  color: var(--primary-blue);
  background: var(--snow-white);
  border-radius: 0;
  border: 2px solid var(--primary-blue); }

.addCart-container {
  width: 100%;
  margin-bottom: 20px; }
  .addCart-container input[type="radio"] {
    margin: 0;
    margin-right: 10px; }
  .addCart-container .attributeOptions {
    margin-bottom: 10px; }
  .addCart-container .attributeItem .attribute.mlxl .label {
    display: none; }
  .addCart-container .addCartOtherAction {
    width: 100%;
    color: var(--primary-blue);
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px; }
    .addCart-container .addCartOtherAction .addWishList {
      border-right: 1px solid var(--primary-blue);
      padding: 5px 10px; }
    .addCart-container .addCartOtherAction .emailPdp {
      padding: 5px 10px; }
  .addCart-container .costOptionContainer {
    border: 1px solid var(--primary-blue); }
  .addCart-container .costContainer {
    background-color: var(--primary-blue);
    padding: 20px 10px;
    width: 100%;
    color: var(--snow-white);
    border-bottom: none; }
    .addCart-container .costContainer .buy-label {
      display: inline-block; }
    .addCart-container .costContainer .costOfItem {
      float: right; }
  .addCart-container .format-container {
    padding: 10px;
    margin: 0 20px;
    margin-bottom: 0;
    margin-top: -1px; }
    .addCart-container .format-container .format-label {
      font-weight: 600;
      text-transform: uppercase;
      font-size: 12px;
      color: var(--shark-black); }
    .addCart-container .format-container ul {
      list-style: none; }
      .addCart-container .format-container ul label {
        color: var(--shark-black);
        margin-left: 10px;
        font-weight: 400; }
  .addCart-container .language-container {
    padding: 10px;
    margin: 0 20px;
    margin-top: -1px;
    border-top: 1px solid black; }
    .addCart-container .language-container .language-label {
      font-weight: 600;
      text-transform: uppercase;
      font-size: 12px;
      color: var(--shark-black); }
    .addCart-container .language-container ul {
      list-style: none; }
      .addCart-container .language-container ul label {
        color: var(--shark-black);
        margin-left: 10px;
        font-weight: 400; }
  .addCart-container .type-of-purchase {
    background-color: var(--secondary-powder);
    padding: 20px 30px;
    border: 1px solid var(--gunsmoke-gray); }
    .addCart-container .type-of-purchase .type-label {
      font-weight: 600;
      display: inline-block; }
    .addCart-container .type-of-purchase .cost {
      font-weight: 600;
      float: right; }
  .addCart-container .qty-container {
    height: 62px;
    border: 1px solid var(--gunsmoke-gray);
    clear: both;
    margin-top: -1px; }
    .addCart-container .qty-container .qty-label {
      border-right: 1px solid var(--gunsmoke-gray);
      width: 100%;
      text-align: center;
      height: 60px;
      display: inline-block;
      padding: 20px 0;
      margin: 0 auto;
      background: var(--light-gray); }
    .addCart-container .qty-container .qty-label-short {
      display: none;
      border-right: 1px solid var(--gunsmoke-gray);
      width: 100%;
      text-align: center;
      height: 60px;
      padding: 20px 0;
      margin: 0 auto;
      background: var(--light-gray); }
    @media (max-width: 900px) and (min-width: 768px) {
      .addCart-container .qty-container .qty-label {
        display: none; }
      .addCart-container .qty-container .qty-label-short {
        display: block; } }
    .addCart-container .qty-container .qty-section {
      width: 33%;
      display: inline-block;
      float: left; }
      .addCart-container .qty-container .qty-section:last-child {
        float: right; }
    .addCart-container .qty-container .qty-input-container {
      width: 100%;
      height: 60px;
      display: inline-block;
      text-align: center; }
      .addCart-container .qty-container .qty-input-container input {
        text-align: center;
        height: 58px;
        width: 100%;
        border: none; }
    .addCart-container .qty-container .btn-container {
      width: 100%; }
      .addCart-container .qty-container .btn-container .plus_minus-btn {
        width: 50%;
        height: 60px;
        display: inline-block;
        border-top: none;
        border-bottom: none; }
        .addCart-container .qty-container .btn-container .plus_minus-btn.minus-btn {
          float: left; }
        .addCart-container .qty-container .btn-container .plus_minus-btn.plus-btn {
          float: right; }
  .addCart-container .addCart-btn {
    width: 100%;
    padding: 20px;
    text-transform: uppercase;
    color: var(--snow-white);
    font-weight: 600;
    margin-top: -5px;
    border: 1px solid var(--gunsmoke-gray);
    border-radius: 0;
    background-color: var(--orange); }
    .addCart-container .addCart-btn:hover {
      background-color: var(--orange); }

.related-products-container .related-product-line {
  border-top: 2px solid var(--shark-black);
  margin-top: 10px; }

.related-products-container .products-included-label {
  color: var(--shark-black);
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600; }

.related-products-container .subsection-type {
  text-transform: uppercase;
  color: var(--orange);
  font-weight: 600;
  font-size: 12px; }

.related-products-container .subsection-type-title {
  text-transform: uppercase;
  color: var(--shark-black);
  font-weight: 600;
  font-size: 16px; }

.related-products-container .details-btn {
  background: var(--primary-blue);
  color: var(--snow-white);
  padding: 10px 45px;
  font-weight: 400; }

.prodDetailContainer .panel-default {
  border-color: transparent; }

.pagination-div .pagination > li > a, .pagination-div .pagination > li > span {
  border-radius: 0; }

.tabs_container .nav > li > a:hover, .tabs_container .nav > li > a:focus {
  background-color: transparent;
  border: transparent; }

.tabs_container .panel-default {
  border: none; }

.tabs_container .tab-content {
  margin-top: 20px; }

.tabs_container .pdp-subsection-title h3 {
  padding: 0 15px; }

.tabs_container #secContentOverview_tabSec li {
  color: var(--shark-black); }

.tabs_container .cc_tab-pane li {
  color: var(--shark-black); }

.tabs_container .cc_nav-tabs_li {
  color: var(--shark-black);
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  position: relative;
  border-bottom: 2px solid transparent; }
  .tabs_container .cc_nav-tabs_li a {
    border: none; }

.tabs_container li {
  color: var(--shark-black); }
  .tabs_container li a {
    color: var(--shark-black); }

.tabs_container ul.cc_nav-tabs > li.active {
  color: var(--shark-black);
  cursor: pointer;
  border: none;
  border-bottom: 2px solid var(--primary-blue);
  text-align: center;
  font-weight: 700;
  position: relative; }
  .tabs_container ul.cc_nav-tabs > li.active a {
    border: none;
    color: var(--shark-black); }
  .tabs_container ul.cc_nav-tabs > li.active a:hover {
    border: none;
    color: var(--shark-black); }
  .tabs_container ul.cc_nav-tabs > li.active a:focus {
    color: var(--shark-black); }
  .tabs_container ul.cc_nav-tabs > li.active:before {
    border-top-color: var(--primary-blue);
    border-width: 7px;
    margin-left: -7px;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .tabs_container ul.cc_nav-tabs > li.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: var(--primary-blue);
    border-width: 7px;
    margin-left: -7px; }

.products-included-label {
  color: var(--shark-black);
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600; }

.subsection-type {
  text-transform: uppercase;
  color: var(--orange);
  font-weight: 600;
  font-size: 12px; }

.subsection-type-title {
  text-transform: uppercase;
  color: var(--shark-black);
  font-weight: 600;
  font-size: 16px; }

.subsection-type-preview {
  color: var(--primary-blue);
  font-weight: 600; }

.cc_product_detail_container.cc_tabs_container .pagination {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px; }
  .cc_product_detail_container.cc_tabs_container .pagination li.active a {
    border: 1px solid var(--primary-blue);
    background: var(--primary-blue);
    color: var(--snow-white); }

.cc_product_detail_container .secRelatedItemsIncluded .cc_quick_wishlist li.page-item a {
  border-radius: 0; }

.cc_product_detail_container .secRelatedItemsIncluded .cc_quick_wishlist .pagination-buttons li a {
  border-radius: 0; }

.cc_product_detail_container .secRelatedItemsIncluded .cc_quick_wishlist .pagination-view-count {
  margin-bottom: 20px; }

.cc_product_detail_container .secRelatedItemsIncluded .cc_prod_name a.detailLink {
  color: var(--shark-black);
  text-decoration: none;
  font-size: 20px;
  font-weight: 400; }
  .cc_product_detail_container .secRelatedItemsIncluded .cc_prod_name a.detailLink:hover {
    color: var(--shark-black);
    text-decoration: none; }

.cartContainer .cc_panel_shopping_cart.panel-default {
  border: none;
  background-color: var(--snow-white)
 }

.cartContainer #printCart {
  color: var(--primary-blue);
  border-right: 1px solid var(--light-gray);
  padding-right: 10px; }
  .cartContainer #printCart.btn-print {
    color: var(--primary-blue);
    border: none;
    background: transparent;
    font-size: 18px; }
  .cartContainer #printCart .icon-container {
    margin-right: 10px; }
  .cartContainer #printCart .btn-print {
    color: var(--primary-blue);
    border: none;
    background: transparent;
    font-size: 14px; }

.cartContainer #emailCartLink {
  padding-left: 10px; }
  .cartContainer #emailCartLink .cc_email_cart_link_button {
    color: var(--primary-blue);
    border: none;
    font-size: 18px;
    background: transparent; }
  .cartContainer #emailCartLink .icon-container {
    margin-right: 10px; }
  .cartContainer #emailCartLink button {
    color: var(--primary-blue);
    border: none;
    font-size: 14px;
    background: transparent; }

.top-cart-label {
  margin-bottom: 20px; }

.subtotal-product-items-container {
  margin: 20px; }
  .subtotal-product-items-container .subtotal-product-items-label {
    font-weight: 600;
    font-size: 18px;
    color: var(--shark-black);
   }
  .subtotal-product-items-container .subtotal-product-items-price {
    font-weight: 600;
    font-size: 18px;
    text-align: right;
    color: var(--shark-black);
   }

.cart-product-container {
  border: 1px solid var(--light-gray);
  margin-bottom: 20px; }
  .cart-product-container .number-of-users-container {
    display: inline-block;
    color: var(--shark-black);
    margin-right: 20px; }
    .cart-product-container .number-of-users-container select {
      border: 0;
      height: 30px;
      width: 100px;
      background: var(--snow-white);
      outline: 1px inset var(--light-gray);
      outline-offset: -1px; }
  .cart-product-container .subscription-start-date-container {
    display: inline-block;
    color: var(--shark-black); }
    .cart-product-container .subscription-start-date-container input[type=date]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      display: none; }
  .cart-product-container .header-input-container {
    margin-top: 20px; }
  .cart-product-container .cart-type-header {
    background: var(--light-gray);
    width: 100%;
    display: block;
    padding: 20px; }
    .cart-product-container .cart-type-header .header-title {
      color: var(--primary-blue); }
    .cart-product-container .cart-type-header .header-description {
      color: var(--shark-black);
      width: 80%;
      font-size:18px;
     }
      .cart-product-container .cart-type-header .header-description a.header-link {
        color: var(--shark-black);
        text-decoration: underline;
        font-weight: 600; }
        .cart-product-container .cart-type-header .header-description a.header-link:hover {
          color: var(--shark-black);
          text-decoration: underline;
          font-weight: 600; }
  .cart-product-container .product-item-container {
    margin: 20px;
    padding: 10px 0;
    border-bottom: 1px solid var(--light-gray); }
    .cart-product-container .product-item-container .qty-label {
      text-align: right;
      color: var(--shark-black);
      font-size: 12px; }
    .cart-product-container .product-item-container .qty-input {
      width: 75px;
      height: 26px;
      text-align: center;
      display: inline-block;
      border-radius: 0;
      background-color:var(--snow-white);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -khtml-border-radius: 0; }
    .cart-product-container .product-item-container .btn-container {
      width: 40px;
      float: right; }
      .cart-product-container .product-item-container .btn-container .plus_minus-btn {
        width: 50%;
        height: 26px;
        display: inline-block;
        padding: 0;
        margin: 0;
        background: transparent;
        border-radius: 0; }
        .cart-product-container .product-item-container .btn-container .plus_minus-btn.minus-btn {
          float: left; }
        .cart-product-container .product-item-container .btn-container .plus_minus-btn.plus-btn {
          float: right; }
    .cart-product-container .product-item-container .price {
      text-align: right;
      font-size: 18px;
     }
      .cart-product-container .product-item-container .price .list-price {
        font-size: 12px;
        color: var(--gunsmoke-gray);
        text-align: right; }
      .cart-product-container .product-item-container .price .saving-price {
        font-size: 12px;
        color: var(--gunsmoke-gray);
        text-align: right; }
      .cart-product-container .product-item-container .price .value {
        color: var(--shark-black);
        width: 100%;
        text-align: right;
        font-weight: 600; }
    .cart-product-container .product-item-container .cart-links {
      margin: 20px 0; }
      .cart-product-container .product-item-container .cart-links span {
        color: var(--shark-black);
        margin-right: 20px; }
        .cart-product-container .product-item-container .cart-links span:last-child {
          margin-right: 0; }
    .cart-product-container .product-item-container .item-title {
      color: var(--shark-black);
      font-weight: 600;
      font-size: 16px; }
      .cart-product-container .product-item-container .item-title .prodLink {
        color: var(--shark-black);
        font-weight: 700;
        font-size: 18px;
        text-decoration: none; }
        .cart-product-container .product-item-container .item-title .prodLink:hover {
          text-decoration: none;
          outline: 2px solid 0px 0px 0px 4px rgba(24, 103, 190, 0.50) !important;
          outline-offset: 3px !important; }
          .keyboardIn .cart-product-container .product-item-container .item-title .prodLink:focus {
            text-decoration: none;
            outline: 2px solid 0px 0px 0px 4px var(--warning-status) !important;
            outline-offset: 3px !important; }
    .cart-product-container .product-item-container .removeItemButton {
      border: none;
      background: transparent;
      margin-top: 20px;
      color: var(--shark-black);
      font-weight: 600; }
      .cart-product-container .product-item-container .removeItemButton .icon-container {
        margin-right: 10px; }
    .cart-product-container .product-item-container .type-of-product {
      text-transform: uppercase;
      color: var(--primary-blue);
      font-weight: 600;
      font-size: 16px; }

.checkout-btn.btn {
  width: 100%;
  padding: 20px;
  text-transform: uppercase;
  color: var(--snow-white);
  font-weight: 600;
  border: 1px solid var(--gunsmoke-gray);
  background: var(--primary-blue);
  background-color: var(--primary-blue);
  border-radius: 0; }
  .checkout-btn.btn:hover {
    background: var(--orange);
    background-color: var(--orange); }

.updateCartButton.btn {
  width: 100%;
  padding: 20px;
  text-transform: uppercase;
  color: var(--snow-white);
  font-weight: 600;
  border: 1px solid var(--gunsmoke-gray);
  background: var(--primary-blue);
  background-color: var(--primary-blue);
  border-radius: 0; }

.cart-right-nav-container {
  margin-bottom: 20px;
  border: 2px solid var(--light-gray); }

.costContainer {
  background-color: var(--snow-white);
  padding: 20px 10px;
  width: 100%;
  color: var(--primary-blue);
  border-bottom: 2px solid var(--light-gray);
  font-weight: 600;
  font-size: 18px; }
  .costContainer .buy-label {
    display: inline-block; }
  .costContainer .costOfItem {
    float: right; }

#couponAddForm {
  margin-top: 10px; }

.cc_coupon_add_form .couponMessagingSection-Error {
  margin-top: 10px; }

.cc_coupon_add_form input#addCouponId.form-control {
  width: 100%;
  display: inline-block;
  height: 45px;
  font-size: 16px; }

.cc_coupon_add_form #addCouponBtn {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  height: 45px;
  white-space: normal;
  font-size: 16px; }

.subtotal-container .promotion-container {
  padding: 20px;
  border-bottom: 2px solid var(--light-gray); }
  .subtotal-container .promotion-container .promo-code-label {
    font-weight: 600;
    font-size: 16px;
    color: var(--shark-black);
   }
    .subtotal-container .promotion-container .promo-code-label .icon-container {
      vertical-align: top;
      margin-left: 0;
      font-size: 18px;
      cursor: pointer;
    }

.subtotal-container .saving-container {
  padding: 20px;
  border-bottom: 2px solid var(--gunsmoke-gray); }
  .subtotal-container .saving-container .saving-label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; }
  .subtotal-container .saving-container .total-saving {
    font-weight: 600; }

.subtotal-container .estimate-total-container {
  padding: 20px; }

.estimate-total-container {
  font-weight: 600;
  font-size: 16px; }
  .estimate-total-container .estimate-total-label {
    display: inline-block;
    color: var(--shark-black);
   }
  .estimate-total-container .estimate-total-cost {
    display: inline-block;
    float: right; }

@media only screen and (max-width: 850px) {
  .cart-product-container .cart-type-header .header-description {
    width: 100%; } }

.checkout-nav {
  margin-top: 20px; }

  .in-checkout-btn {
    border-radius: 0;
    background: var(--primary-blue);
    color: var(--snow-white);
    padding: 12px 50px;
    border-radius: inherit;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px; 
    min-height: 48px;
    border: 2px solid var(--primary-blue);
    text-decoration: none;
    justify-content: center;
  }

   .in-checkout-btn:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
      text-decoration: none;
  }
  .in-checkout-btn:focus{
    box-shadow: 0px 0px 0px 4px var(--warning-status);
    outline: 0;
  }
  .keyboardIn .in-checkout-btn:focus{
    box-shadow: 0px 0px 0px 4px var(--warning-status);
    outline: 0;
  }
  .in-checkout-btn:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      border: 2px solid var(--primary-midnight-blue);
      outline: none;
      box-shadow: none;
  }
.checkout-title {
  margin: 40px 0;
  font-size: 36px;
  line-height: 45px;
  color: var(--black);
  
  @media only screen and (max-width: 768px) {
    margin: 24px 0 40px;
    font-size: 32px;
    line-height: 40px;
  }
}
.checkoutContent {
    margin: auto;
    float: none;
    width: 100%;
    margin-top: 20px;
    max-width: 95vw;
    
    @media only screen and (min-width: 768px) {
      margin-top: 40px; 
    }
  }

  .checkoutContent .block-info .back-to-cart {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    background: no-repeat;
    border: none;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
  }
  .checkoutContent .block-info .back-to-cart:hover {
    text-decoration: none;
    background: no-repeat;
    border: none;
    box-shadow: 0px 0px 0px 4px var(--primary-blue-50);
  }
  .checkoutContent .block-info .back-to-cart:focus {
    outline: 0;
    box-shadow: 0px 0px 0px 4px var(--warning-status);
  }
    .form-group {
      margin-bottom: 24px;}

    .form-group--wrapper.selector:after, .cc_select_geo.selector:after {
      right: 40px!important;
      
      @media only screen and (max-width: 768px) {
        right: 35px!important;
      }
    }
    .stateSection.cc_state_section {
      @media only screen and (max-width: 768px) {
        position: relative;
      }
    }
    .form-group--wrapper, .cc_select_geo {
      position: relative;
    }
    .cc_select_geo {
      float: left;

      @media only screen and (max-width: 768px) {
        position: unset;
        float: none;
      }
    }
    .cc_select_geo .cc_error_label,
    .form-group--wrapper .cc_error_label {
      display: none;
      margin-top: 10px;
      margin-bottom: 10px;
      color: var(--error-status);
      font-size: 18px;
      font-weight: 700;
    }
    .cc_select_geo.invalid--valueMissing .cc_error_label--required,
    .form-group--wrapper.invalid--valueMissing .cc_error_label--required {
      display: block;
    }
    .cc_select_geo.invalid--typeMismatch .cc_error_label--pattern,
    .form-group--wrapper.invalid--typeMismatch .cc_error_label--pattern {
      display: block;
    }    
    
    .cc_select_geo.valid:after, 
    .cc_select_geo.invalid:after, 
    .form-group--wrapper.valid:after, 
    .form-group--wrapper.invalid:after {
      position: absolute;
      font: normal normal normal 25px/1 'Material Symbols Outlined';
      right: 17px;
      top: 10px;
    }

    .cc_select_geo.valid:after,
    .cc_select_geo.invalid:after {
      right: 42px;
      
      @media only screen and (max-width: 768px) {
        right: 18%;
      }
    }

    .type-input .cc_select_geo.valid:after,
    .type-input .cc_select_geo.invalid:after {
      right: 17px;
    }

    .cc_select_geo.valid:after,
    .form-group--wrapper.valid:after {
      content: "\e86c";
      color: var(--success-status);
    }
    
    .cc_select_geo.invalid:after,
    .form-group--wrapper.invalid:after {
      content: "\e000";
      color: var(--error-status);
    }
    .cc_select_geo.invalid input, .cc_select_geo.invalid select,
    .form-group--wrapper.invalid input, .form-group--wrapper.invalid select {
      border: 2px solid var(--error-status);
    }
    .cc_field_helper {
      color: var(--shark-black);
      display: block;
      font-size: 16px;
      font-weight: 600;
      margin-top: 6px;
    }
    select.form-control {
      background-image: url("{!$Resource.CC_CSA_THEME}/images/keyboard_arrow_down.svg");
      background-repeat: no-repeat;
      appearance: none;
      -webkit-appearance: none;
      }
    input[type='checkbox'] {
      appearance: none;
      border: solid 2px var(--primary-blue);
      height: 18px;
      margin: 0;
      width: 23px;
      position: relative;
      max-width: 18px;
      
      @media only screen and (min-width: 768px) {
        width: 18px;
      }
    }
    input[type='checkbox']:hover {
      box-shadow: 0 0 0 4px var(--primary-blue-50);
    }
    input[type='checkbox']:focus {
      outline: none;
      box-shadow: 0 0 0 4px var(--warning-status);
    }
    input[type='checkbox']:checked:after {
      content: "";
      display: block;
      width: 5px;
      height: 10px;
      border: solid var(--snow-white);
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 1px;
      left: 4px;
    }
    input[type='checkbox']:checked {
      background: var(--primary-blue);
    }
    .checkoutContent .processBack {
      border-radius: 0;
      background: var(--snow-white);
      color: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      padding: 12px 50px;
      border-radius: inherit;
      display: inline-block;
      font-size: 18px;
      font-weight: 700;
      font-family: "Acumin-Pro";
      line-height: 20px;
      margin-right: 24px  }
      .checkoutContent .processBack:hover {
        color: var(--primary-blue);
        background: var(--snow-white);
        border: 2px solid var(--primary-blue);
        outline: none;
        box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
        }
        .checkoutContent .processBack:active {
          color: var(--primary-midnight-blue);
          border-color: var(--primary-midnight-blue);
          box-shadow: none;
          }
  .checkoutContent .in-checkout-container {
    border-radius: 0; }
    .checkoutContent .in-checkout-container .panel-heading {
      color: var(--primary-blue);
      background-color: var(--snow-white);
      font-size: 18px;
      font-weight: 600; }
    .checkoutContent .in-checkout-container .panel-footer {
      background-color: var(--snow-white);
      font-size: 18px;
      font-weight: 600;
      color: var(--shark-black);
     }

.list-group-item-heading {
  font-size: 18px; }

.checkoutContent .panel-heading .info-panel {
  padding: 0;
  margin: 0;
  transform: translate(0, 2px);
  pointer-events: none;
}

.checkoutContent .block-info .required-disclaimer {
  align-items: start;
  color: var(--shark-black);
  column-gap: 10px;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  padding-right: 9px;
  font-weight: 700;
}

.checkoutContent .block-info {
  align-items: center;
  background-color: var(--light-gray);
  border-radius: 0;
  border-bottom: 1px solid var(--gunsmoke-gray);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 64px;
  margin-bottom: 24px;

  @media only screen and (max-width: 767px) {
    align-items: start;
    flex-direction: column;
    row-gap: 10px;
  }
}

.checkoutContent .block-info .required-disclaimer .info-panel {
  color: var(--shark-black);
}

.checkout-container {
  width: 100%;
  margin: 0 auto;}

.progressbar {
  counter-reset: step;
  width: 100%;
  margin: 0 auto;
  max-width: 1030px; }

.progressbar li {
  list-style-type: none;
  width: 20%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: var(--shark-black); 
  
  @media only screen and (max-width: 992px) {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-bottom: 20px;
  }
}

.progressbar li:before {
  width: 23px;
  height: 23px;
  top: 2px;
  position: relative;
  content: "\e88b";
  counter-increment: step;
  display: block;
  text-align: center;
  margin: 0 20px 20px 0;
  background-color: white;
  font: normal normal normal 25px/1 'Material Symbols Outlined';
  line-height: 12px;
}

.progressbar li.beforeActive:before {
  color: var(--primary-blue);
  border-radius: 50%;
  content: "\e86c";
  border: solid 3px var(--primary-blue);
  vertical-align: sub;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -2px;
  left: -1px;
}

.progressbar li.beforeActive:after {
  border-radius: 4px;
  background-color: var(--primary-blue);
  border-top: 4px solid var(--primary-blue); 
}

.progressbar li:after {
  border-top: 4px dotted;
  content: '';
  height: 0;
  left: -85%;
  position: absolute;
  top: 7px;
  width: 80%;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .progressbar li:after {
    left: -10px;
    transform: rotate(90deg);
    width: 43px;
    top: -36px;
    border-radius: 0;
  }

  .progressbar li.beforeActive:after, 
  .progressbar li.active:after {
    top: -30px;
    border-radius: 4px;
  }
}

.progressbar li:first-child:after {
  content: none; }

.progressbar li.active {
  color: var(--primary-blue); }
  .progressbar li.active:after {
    border-radius: 4px;
    background-color: var(--primary-blue); }

.progressbar li.active:before {
  background-color: var(--snow-white);
  content: "\e3c9"; }

.progressbar li.checkoutComplete:before {
  color: var(--primary-blue);
  border-radius: 50%;
  content: "\e86c";
  border: solid 3px var(--primary-blue);
  vertical-align: sub;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -2px;
  left: -1px;}

.contact-link {
  margin-top: 55px; }
  .contact-link a {
    color: var(--primary-blue);
    border: none;
    background: transparent;
    font-weight: 700;
    text-decoration: underline; 
    font-size: 18px;}
    .contact-link a:active{
      color: var(--primary-midnight-blue);
      font-size: 18px;
      }
  .contact-link i.fa-phone {
    margin-right: 5px; }

.navbar-header a.shopping-cart-desktop {
  margin-top: 10px;
  color: var(--shark-black); 
  text-decoration: none;}
  .navbar-header a.shopping-cart-desktop span {
    vertical-align: middle;
    color: var(--primary-blue);
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
   }
   .navbar-header a.shopping-cart-desktop span:active{
    color: var(--primary-midnight-blue);
    text-decoration: underline;
    }
.cc_checkoutStep.active .list-group-item-heading {
  color: var(--shark-black); }

.cc_checkoutStep .list-group-item-heading--subtitle {
  color: var(--shark-black);
  font-weight: 400;
  margin-bottom: 4px;
}

.cc_checkoutStep .list-group-item-heading {
  color: var(--shark-black);
  display: flex;
  flex-direction: column;
  font-weight: bold;
  text-align: left;
  text-transform: none;
}
  
.cc_checkoutStep .list-group-item-heading .status {
  font-size: 16px;
  font-weight: 600;
}

.checkoutContent .panel-default {
  border: 1px solid var(--gunsmoke-gray); 
}
  .panel-default.cc_checkout_user_info .cc_process_user_info {
    border-radius: 0;
    background-color: var(--primary-blue);
    color: var(--snow-white);
    padding: 12px 50px;
    border-radius: inherit;
    border: 2px solid var(--primary-blue);
    display: flex;
    font-size: 18px!important;
    font-weight: 700;
    font-family: "Acumin-Pro";
    line-height: 20px;
    width: 100%;
  }
    .panel-default.cc_checkout_user_info .cc_process_user_info:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  .panel-default.cc_checkout_user_info .cc_process_user_info:active {
    color: var(--snow-white);
    background: var(--primary-midnight-blue);
    border: 2px solid var(--primary-midnight-blue);
     outline: none;
    box-shadow: none;
}

.panel-default.cc_checkout_user_info .cc_process_user_info:focus {
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}
  .panel-default.cc_checkout_user_info .processShippingInfo {
    border-radius: 0;
    background: var(--primary-blue);
    color: var(--snow-white);
    padding: 10px 20px;
    border: 2px solid var(--primary-blue);
    border-radius: inherit;
    display: inline-block;
    font-size: 16px; }
  .panel-default.cc_checkout_user_info .defaultAddress {
    margin-bottom: 20px; }
  .panel-default.cc_checkout_user_info .cc_section_title {
    margin-top: 20px;
    font-size: 25px;
    color: var(--shark-black);
   }
  .panel-default.cc_checkout_user_info #billingAddressForm label {
    color: var(--shark-black); 
    font-size: 18px;
  }
  .panel-default.cc_checkout_user_info #shippingAddressForm label {
    color: var(--shark-black);
    font-size: 18px;
    margin: 0 0 10px 0;
   }
  .panel-default.cc_checkout_user_info hr {
    border-top: 2px solid var(--light-gray);
    margin-top: 10px;
    margin-bottom: 10px; }
  .checkoutPaymentContainer .panel-default .checkoutPaymentContainer .cc_heading.panel-heading {
    padding: 10px 0;
  }
  .panel-default.cc_checkout_payment_panel .cc_heading.panel-heading {
    padding: 0 15px;
    
    @media only screen and (min-width: 768px) {
      padding: 0 24px; 
    }
  }
  .panel-default.cc_checkout_payment_panel .cc_heading.panel-heading,
  .panel-default.cc_checkout_user_info .cc_heading.panel-heading {
    background-color: transparent;
    border-color: transparent;}
  .panel-default .cc_title {
    font-size: 28px; 
    
    @media only screen and (min-width: 768px) {
      font-size: 32px; 
    }
  }
  .panel-default.cc_checkout_user_info .cc_userInfo_form label {
    color: var(--shark-black); 
    font-size: 18px;
    margin-bottom: 8px;
  }
  .panel-default.cc_checkout_user_info #address1 {
    margin-bottom: 10px; }
  .panel-default.cc_checkout_user_info #address2 {
    margin-bottom: 10px; }

.checkoutContent .form-control {
  padding-right: 70px;
  border-radius: 0;
}
.checkoutContent select.form-control {
  font-weight: 700;
}

.cc_checkout_review .type-of-product {
  text-transform: uppercase;
  color: var(--primary-blue);
  font-weight: 600;
  font-size: 18px; }

  .cc_checkout_review .cc_order_review .cc_buyer div,.cc_buyer_firstname,.cc_buyer_phone,.cc_buyer_email{
    font-size: 16px;
  }
  .paymentMethods .cc_tab-content a {
    color: var(--primary-blue);
    color: var(--primary-blue) !important;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}
.paymentMethods .cc_tab-content a:hover, .paymentMethods .cc_tab-content a:focus, .paymentMethods .cc_tab-content a:active{
  color: var(--primary-midnight-blue) !important;
  }
.cc_checkout_review .cc_order_review {
  margin-bottom: 20px;
  color: var(--shark-black); }
  .cc_checkout_review .cc_order_review .cc_buyer_information {
    font-weight: 700;
    font-size: 20px; 
  }
  .cc_checkout_review .cc_order_review .cc_shipping_information {
    font-weight: 600; 
    font-size: 25px;
    margin-bottom: 24px;
  }
  .cc_checkout_review .cc_order_review .cc_billing_address_label {
    font-weight: 700; 
    font-size: 25px;
    margin-bottom: 25px;
  }
  .cc_checkout_review .cc_order_review .cc_billing_address p,
  .cc_checkout_review .cc_order_review .cc_shipping_address p {
    padding-bottom: 8px;
  }
  .cc_checkout_review .cc_order_review .cc_shipping_address_label {
    font-weight: 700; 
    font-size: 25px;
    margin-bottom: 24px;
    
    @media only screen and (max-width: 768px) {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 14px;
      font-size: 20px;
    }
  }
  .cc_checkout_review .cc_order_review .cc_shipping_address_label.small-label {
    font-size: 22px;
  }
  .cc_checkout_review .cc_order_review .cc_shipping_address_items {
    font-weight: normal;
    font-size: 16px;
    padding-left: 10px;

    @media only screen and (max-width: 768px) {
      position: absolute;
      right: 15px;
      top: 18px;
    }
   }  
  .cc_checkout_review .cc_order_review .editInfo {
    font-weight: 600;
    color: var(--primary-blue);
    column-gap: 5px;
    text-decoration: none;
    display: flex; 
    padding: 10px 0;
    font-size: 18px;}
    .cc_checkout_review .cc_order_review .editInfo:focus {
      outline: 0;
      box-shadow: 0 0 0 4px var(--warning-status);
    }
    .cc_checkout_review .cc_order_review #edit_UserInfo:hover{
      color: var(--primary-midnight-blue);
    }
  .cc_checkout_review .cc_order_review #edit_Shipping {
    font-weight: 600;
    color: var(--primary-blue); 
    font-size: 18px;}
    .cc_checkout_review .cc_order_review #edit_Shipping:hover{
      color: var(--primary-midnight-blue);
    }

.cc_checkout_review .cc_heading.panel-heading {
  border: none;
  background: transparent;
  color: var(--light-gray);
  margin-bottom: 24px;
  padding: 0 15px 0;
  
  @media only screen and (min-width: 768px) {
    padding: 0 24px 0;
  }
}
  
  .cc_checkout_review .panel-body.cc_body {
    padding: 0 15px;
    
    @media only screen and (min-width: 768px) {
      padding: 0 24px;
    }
  }
    
    .cc_checkout_review .cc_heading.panel-heading .cc_title {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--gunsmoke-gray);
  }

  .cc_checkout_review .cc_process_review {
    border-radius: 0;
    background-color: var(--primary-blue);
    color: var(--snow-white);
    border: 2px solid var(--primary-blue)!important;
    padding: 12px 60px;
    border-radius: inherit;
    display: flex;
    font-size: 18px; 
    font-weight: 700;
    margin: 0;
    font-family: "Acumin-Pro";
    width: 100%;

    @media only screen and (min-width: 768px) {
      width: auto;
    }
  }
    .cc_checkout_review .cc_process_review:hover{
      color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px var(--primary-blue-50);
  }

  .cc_checkout_review .cc_process_review:focus {
    box-shadow: 0px 0px 0px 4px var(--warning-status);
  }
  
  .cc_checkout_review .cc_process_review:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      border: 2px solid var(--primary-midnight-blue);
      outline: none;
      box-shadow: none;
  }

.cc_checkout_review .cc_link_button {
  padding: 0;
  margin: 20px 0 0;
  width: 100%;
  
  @media only screen and (min-width: 768px) {
    width: auto;
  }
}

.cc_checkout_review .reviewCartSection .panel-default {
  border-radius: 0; }
  .cc_checkout_review .reviewCartSection .panel-default .panel-heading {
    background: var(--light-gray);
    width: 100%;
    display: block;
    padding: 20px; }
    .cc_checkout_review .reviewCartSection .panel-default .panel-heading .panel-title {
      color: var(--primary-blue); }
  .cc_checkout_review .reviewCartSection .panel-default .panel-body {
    padding: 20px; }
    .cc_checkout_review .reviewCartSection .panel-default .panel-body .cc_ext_name {
      color: var(--shark-black);
      font-size: 18px;
      font-weight: 700; }
    .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-10 {
      padding-left: 0; }
      .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-10 .cart-links {
        margin: 20px 0; }
        .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-10 .cart-links span {
          color: var(--shark-black);
          margin-right: 20px; }
          .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-10 .cart-links span:last-child {
            margin-right: 0; }
    .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 {
      padding-right: 0; }
      .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 .cc_quantity_label, .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 .cc_quantity {
        color: var(--shark-black); }
      .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 .cc_price_label, .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 .cc_price, .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 .cc_total_label, .cc_checkout_review .reviewCartSection .panel-default .panel-body .col-xs-2 .cc_total {
        color: var(--shark-black); }
  .cc_checkout_review .reviewCartSection .panel-default .panel-footer {
    padding: 20px;
    background-color: transparent;
    color: var(--shark-black);
    font-size: 18px;
    font-weight: 600; }

.paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:hover, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:focus {
  border-color: transparent;
  border-bottom-color: var(--primary-blue); }
  .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:hover, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:hover:hover, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:focus:hover {
    background: transparent;
    border: transparent; }
  .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a .nav-tabs > li > a:hover, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:hover .nav-tabs > li > a:hover, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:focus .nav-tabs > li > a:hover {
    background-color: transparent; }
  .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a .nav-tabs > li > a:focus, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:hover .nav-tabs > li > a:focus, .paymentTypeContainer .cc_nav-tabs-payment .nav-tabs > li.active > a:focus .nav-tabs > li > a:focus {
    background-color: transparent; }

.paymentTypeContainer .cc_payment_po_instructions {
  margin-top: 20px; }

.paymentTypeContainer .cc_payment_po.panel-default .cc_heading.panel-heading {
  padding: 10px 0;
} 

.paymentTypeContainer .panel-body {
  padding: 0!important; }

.paymentTypeContainer .paymentTypeContainer {
  padding: 0;
  padding-top: 20px; }

.paymentTypeContainer .makePOPayment {
  border-radius: 0;
  background-color: var(--primary-blue);
  color: var(--snow-white);
  padding: 10px 20px;
  border-radius: inherit;
  display: inline-block;
  font-size: 16px;
  border: 2px solid var(--primary-blue); }

  .paymentTypeContainer .sopccMakePayment {
    border-radius: 0;
    background-color: var(--primary-blue);
    color: var(--snow-white);
    border: 2px solid var(--primary-blue)!important;
    padding: 12px 50px;
    border-radius: inherit;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    font-family: "Acumin-Pro";}
    .paymentTypeContainer .sopccMakePayment:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
    }
    .paymentTypeContainer .sopccMakePayment:focus {
      outline: none;
      box-shadow: 0px 0px 0px 4px var(--warning-status);
    }
  
  .paymentTypeContainer .sopccMakePayment:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      border: 2px solid var(--primary-midnight-blue);
      outline: none;
      box-shadow: none;
  }

.paymentTypeContainer .cc_payment_po.panel-default {
  border-color: transparent;
  border: none; }

.cc_payment_types_container .panel-default {
  border: none; }
.cc_payment_types_container .nav-tabs {
  border: none;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: fit-content;
}

.cc_payment_types_container .nav-tabs:before, .cc_payment_types_container .nav-tabs:after {
  display: none;
}

.cc_payment_types_container .nav-tabs .cc_nav-tabs_li{
  float: none;
}
.cc_payment_types_container .tab-content {
  margin-top: 24px;
  border-top: 1px solid var(--gunsmoke-gray);
  padding-top: 24px;}

.cc_payment_types_container .cc_li {
  color: var(--medium-gray);
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  position: relative;
  border-bottom: 2px solid transparent; }
  .cc_payment_types_container .cc_li a {
    border: none; }

.cc_payment_types_container li {
  float: none;
  color: var(--medium-gray); }
  .cc_payment_types_container li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--shark-black);
    font-size: 18px;
    font-weight: normal;
    border: 0;
    outline: none;
    padding: 10px 0 10px 30px;
    background-color: transparent!important;
    text-decoration: none;
    outline: none;
    box-shadow: none;
  }
  .cc_payment_types_container li a:focus:before {
    box-shadow: 0px 0px 0px 4px var(--warning-status);
  }

.cc_payment_types_container li a:hover{
  background: transparent!important;
}
.cc_payment_types_container li a:before{
    content: '';
    width: 20px;
    height: 20px;
    background: white;
    border: solid 2px var(--primary-blue);
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
    transform: translate(0px, -3px);
    position: absolute;
    left: 0;
    top: 13px
}

.cc_payment_types_container li.active a:after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 100%;
  left: 4px;
  top: 14px;
  background: var(--primary-blue);
}

.cc_payment_types_container li.active {
  color: var(--shark-black);
  cursor: pointer;
  border: none;
  position: relative; }
  .cc_payment_types_container li.active a {
    border: none!important;
    background: transparent;
    color: var(--shark-black); }
  .cc_payment_types_container li.active a:hover {
    border: none;
    color: var(--shark-black); }
  .cc_payment_types_container li.active a:focus {
    background-color: transparent;
    color: var(--shark-black); }
.checkoutContent .addPayment {
  margin-top: 20px;
  margin-bottom: 40px;}

.checkoutContent .payment-detail-container .button.processBack {
  display: none; }

.checkoutContent .checkout_payment_panel {
  border: transparent; }

.checkoutContent .checkout_payment_panel > .panel-body {
  padding: 0; }

.checkoutContent .cc_checkout_payment_container .cc_heading {
  border-bottom: 1px solid var(--light-gray); }

.cc_payment_processor_mywallet .panel-body {
  padding: 0; }

.stored-card-row {
  height: 40px; }
  .stored-card-row.active-payment-card {
    border: 2px solid var(--light-gray); }
  .stored-card-row .radio input[type="radio"] {
    margin-left: 0; }

.cc_stored_payments_container tr .card-type-number {
  width: 50%;
  text-align: left; }

.cc_stored_payments_container tr .card-name {
  width: 30%; }

.cc_stored_payments_container tr .card-expiration {
  text-align: right; }

.cc_stored_payments_container tr td, .cc_stored_payments_container tr th {
  padding: 10px; }

.cc_stored_payments_container tr.selected {
  border: 2px solid var(--light-gray); }

.cc_stored_payments_container .radio {
  margin: 0; }

.cc_stored_payments_container .cc_stored_payment_display {
  position: relative;
  top: -3px;
  margin-left: 20px; }

.cc_stored_payments_container table {
  width: 90%; }

.cc_stored_payments_container .checkout-payment-title-row th {
  color: var(--shark-black);
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px; }

.checkoutPaymentTarget .panel {
  border-color: transparent;
  margin-bottom: 0; }

.orderContainer .row-flex {
  display: flex;
  flex-wrap: wrap; }

.orderContainer .oc-addititions a.standard-link {
  color: var(--primary-blue);
  text-decoration: underline; }

.orderContainer a.oc-btn-single {
  padding: 15px 20px;
  width: 100%;
  text-decoration: none;
  background: var(--primary-blue);
  color: var(--snow-white);
  text-align: center;
  margin-bottom: 20px; }

.orderContainer div.order-confirmation-text {
  color: var(--shark-black);
  font-size: 18px;
  margin-bottom: 20px; }

.orderContainer div.order-confirmation-text a u span {	           /*   POL-3784   */
  color: var(--primary-blue) !important;
}
.orderContainer div.order-confirmation-text a u span:hover,.orderContainer div.order-confirmation-text a u span:focus,.orderContainer div.order-confirmation-text a u span:active{
  color: var(--primary-midnight-blue) !important;
  }
  a.standard-link {
    color: var(--primary-blue);
    text-decoration: underline;
    font-weight: 700;
}
a.standard-link:hover,a.standard-link:focus,a.standard-link:active{
  color: var(--primary-midnight-blue);
  }
.orderContainer .next-step-label {
  color: var(--shark-black);
  padding: 20px 0;
  font-weight: 700;
  font-size: 25px; }

.orderContainer .oc-tile-col {
  margin-bottom: 10px; }

.orderContainer .order-confirmation-tile-container {
  padding: 20px;
  position: relative;
  border: 2px solid var(--light-gray);
  height: 100%; }
  .orderContainer .order-confirmation-tile-container.oc-tile-ondemand h3:before {
    content: "\e1b2";
    font-family: "Material Symbols Outlined";
    font-size: 35px;
    color: var(--primary-blue); }
  .orderContainer .order-confirmation-tile-container.oc-tile-myaccount h3:before {
    content: "\e7fd";
    font-family: "Material Symbols Outlined";
    font-size: 35px;
    color: var(--primary-blue); }
  .orderContainer .order-confirmation-tile-container.oc-tile-fulfillment-details h3:before {
    content: "\e46e";
    font-family: "Material Symbols Outlined";
    font-size: 35px;
    color: var(--primary-blue); }
  .orderContainer .order-confirmation-tile-container h3 {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
   }
    .orderContainer .order-confirmation-tile-container h4:before {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 10px;
      vertical-align: bottom; }
  .orderContainer .order-confirmation-tile-container .oc-tile-content {
    color: var(--shark-black);
    margin-top: 10px;
    margin-bottom: 70px;
    font-size: 18px;
   }
    .orderContainer .order-confirmation-tile-container .oc-tile-content ul {
      list-style: none;
      color: var(--shark-black);
      padding: 0;
      margin: 0;
      margin-left: 10px; }
      .orderContainer .order-confirmation-tile-container .oc-tile-content ul li {
        position: relative;
        padding-left: 1em;
        text-indent: -.7em;
        margin-bottom: 10px;
        margin-left: -15px; 
        font-size: 18px;
      }
        .orderContainer .order-confirmation-tile-container .oc-tile-content ul li:before {
          content: "• ";
          color: var(--primary-blue); }
  .orderContainer .order-confirmation-tile-container .cta-container {
    position: absolute;
    margin-bottom: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px; }
    .orderContainer .order-confirmation-tile-container .cta-container a {
      padding: 15px;
      font-size: 18px;
      width: 100%;
      text-decoration: none;
      background: var(--primary-blue);
      color: var(--snow-white);
      text-align: center; }
      .orderContainer .order-confirmation-tile-container .cta-container a:focus, .orderContainer .order-confirmation-tile-container .cta-container a:hover {
        color: var(--snow-white);
        background: var(--primary-blue);
        outline: none;
        box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
    }
    
    .orderContainer .order-confirmation-tile-container .cta-container a:active {
        color: var(--snow-white);
        background: var(--primary-midnight-blue);
        outline: none;
        box-shadow: none;
    }

.orderContainer .csa-product-item.panel-default {
  border-radius: 0; }
  .orderContainer .csa-product-item.panel-default .panel-heading {
    background: var(--light-gray);
    width: 100%;
    display: block;
    padding: 20px; }
    .orderContainer .csa-product-item.panel-default .panel-heading .panel-title {
      color: var(--primary-blue);
      font-size: 25px;
      font-weight: 700;
     }
  .orderContainer .csa-product-item.panel-default .panel-body {
    padding: 20px; }
    .orderContainer .csa-product-item.panel-default .panel-body .row .col-xs-9.col-md-8 {
      margin-bottom: 15px; }
    .orderContainer .csa-product-item.panel-default .panel-body .type-of-product {
      text-transform: uppercase;
      color: var(--primary-blue);
      font-weight: 700;
      font-size: 16px; }
    .orderContainer .csa-product-item.panel-default .panel-body .cc_ext_name {
      color: var(--shark-black);
      font-size: 18px;
      font-weight: 700; }
    .orderContainer .csa-product-item.panel-default .panel-body .col-xs-10 {
      padding-left: 0; }
      .orderContainer .csa-product-item.panel-default .panel-body .col-xs-10 .cart-links {
        margin: 20px 0; }
        .orderContainer .csa-product-item.panel-default .panel-body .col-xs-10 .cart-links span {
          color: var(--shark-black);
          margin-right: 20px; }
          .orderContainer .csa-product-item.panel-default .panel-body .col-xs-10 .cart-links span:last-child {
            margin-right: 0; }
    .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 {
      padding-right: 0; }
      .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 .cc_quantity_label, .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 .cc_quantity {
        color: var(--shark-black); }
      .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 .cc_price_label, .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 .cc_price, .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 .cc_total_label, .orderContainer .csa-product-item.panel-default .panel-body .col-xs-2 .cc_total {
        color: var(--shark-black); }
  .orderContainer .csa-product-item.panel-default .panel-footer {
    padding: 20px;
    background-color: transparent;
    color: var(--shark-black);
    font-size: 18px;
    font-weight: 600; }

.orderContainer .cc_order_details .cc_order_information {
  margin-bottom: 20px;
  color: var(--shark-black); }
  .orderContainer .cc_order_details .cc_order_information .cc_order_information_title {
    margin-bottom: 20px;
    color: var(--shark-black);
    padding: 20px 0;
    }
  .orderContainer .cc_order_details .cc_order_information .order-address-info {
    margin-top: 20px; }
  .orderContainer .cc_order_details .cc_order_information .cc_buyer_information {
    font-weight: 700;
        color:var(--shark-black);
   }
  .orderContainer .cc_order_details .cc_order_information .cc_shipping_information {
    font-weight: 700;
       } 
  .orderContainer .cc_order_details .cc_order_information .cc_billing_address_label {
    font-weight: 700;
        color:var(--shark-black);
  }
  .orderContainer .cc_order_details .cc_order_information .cc_shipping_address_label {
    font-weight: 700;
        color:var(--shark-black);
   }

.orderContainer .in-checkout-container {
  border-radius: 0; }
  .orderContainer .in-checkout-container .panel-heading {
    color: var(--primary-blue);
    background-color: var(--snow-white);
    border-color: var(--gunsmoke-gray);
    font-size: 18px;
    font-weight: 600; }
  .orderContainer .in-checkout-container .panel-footer {
    background-color: var(--snow-white);
    border-color: var(--gunsmoke-gray);
    font-size: 18px;
    font-weight: 600; }

hr.hr-confirmation {
  margin-bottom: 50px; }

.cc_order_confirmation > .panel-body {
  padding: 24px; }

.cc_order_confirmation {
  border: none; }
  .cc_order_confirmation .ulProducts {
    margin-bottom: 24px;
  }
  .cc_order_confirmation .cc_title.confirmation-title {
    font-size: 25px;
    font-weight: 700;
    color: var(--shark-black);
    margin-bottom: 40px;
    padding: 0;
    display: block;
    word-wrap: break-word;
    margin: 20px 0; }
    .cc_order_confirmation .cc_title.confirmation-title span {
      font-weight: 400;
      font-size: 16px;
      padding-left: 10px;
    }
  .cc_order_confirmation .thankyou-message {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 24px;
    color: var(--shark-black); }
  .cc_order_confirmation .cc_order_confirmation_date {
    color: var(--shark-black);
    font-size: 18px;
    margin-bottom: 30px; }
  .cc_order_confirmation .cc_order_confirmation_guidingtext1 {
    margin-bottom: 10px; }
  .cc_order_confirmation .cc_order_confirmation_status {
    margin-bottom: 10px;
    color: var(--shark-black);
    font-size: 18px;
   }
  .cc_order_confirmation .orderHistory {
    color: var(--primary-blue);
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 700;}
    .cc_order_confirmation .orderHistory:hover,.cc_order_confirmation .orderHistory:focus,.cc_order_confirmation .orderHistory:active{
      color: var(--primary-midnight-blue);
      }
  .cc_order_confirmation .cc_heading.panel-heading {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid var(--light-gray); }
    .cc_order_confirmation .cc_heading.panel-heading .cc_title {
      font-size: 24px; }

#MyAccount_navSection {
  margin-top: 20px;
  padding-left: 20px;
  font-size: 16px; }
  #MyAccount_navSection .cc_heading {
    background: var(--primary-blue);
    color: var(--snow-white);
    border-radius: 0;
    padding: 20px 15px;
    border-color: var(--gunsmoke-gray);
   }
    
  #MyAccount_navSection .acctStepNav {
    border: transparent; 
    background-color: var(--snow-white);
  }
  #MyAccount_navSection .acctStepNav .gotoSection {
    color: var(--shark-black);
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
   }
   #MyAccount_navSection .acctStepNav .gotoSection:hover,#MyAccount_navSection .acctStepNav .gotoSection:focus,#MyAccount_navSection .acctStepNav .gotoSection:active{
    box-shadow: none;
   }

.acctmainSection {
  padding: 20px;
  margin-bottom: 40px;
  font-size: 18px;
  color: var(--shark-black);
}

.acctmainSection .user-management .um-row-title .sortable-headers .material-symbols-outlined {
    vertical-align: sub;
    font-weight: 500;
    color: var(--shark-black);
  }
.cc_myaccount_content select.cc_search_order_status {
  background-image: url("../images/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  appearance: none;
  font-weight: 500;
  -webkit-appearance: none;
  background-blend-mode: luminosity;
 }

.cc_main_content_col,
.cc_left_col {
  padding: 0; }

@media only screen and (max-width: 992px) {
  .shopping-cart-mobile{
    float:left !important;
    padding: 0 !important;
  } 
  #MyAccount_navSection {
    padding-left: 0; } }

    #userList .btn-default {
      font-weight: 700;
      font-size: 18px;
      background: var(--primary-blue);
      color: var(--snow-white);
      cursor: pointer;
      padding: 12px 50px;
      line-height: 20px;
      border: 2px solid var(--primary-blue);
      min-height: 48px;}
      
      #userList .btn-default:hover {
        color: var(--snow-white);
        background: var(--primary-blue);
        border: 2px solid var(--primary-blue);
        outline: none;
        box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
    }
    .keyboardIn #userList .btn-default:focus {
      color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px var(--warning-status);
  }
    #userList .btn-default:active {
        color: var(--snow-white);
        background: var(--primary-midnight-blue);
        border: 2px solid var(--primary-midnight-blue);
        outline: none;
        box-shadow: none;
    }

#userList .tabs_container .nav > li > a:hover, #userList .tabs_container .nav > li > a:focus {
  background-color: transparent;
  border: transparent; }

#userList .tabs_container .panel-default {
  border: none; }

#userList .tabs_container .tab-content {
  margin-top: 20px; }

#userList .tabs_container .cc_nav-tabs_li {
  color: var(--shark-black);
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  position: relative;
  border-bottom: 2px solid transparent; }
  #userList .tabs_container .cc_nav-tabs_li a {
    border: none; }

    #userList .tabs_container li {
      color: var(--shark-black);
      font-size: 18px; }
      #userList .tabs_container li a {
        color: var(--shark-black);
        text-decoration: none; 
        border-radius: 0;}
        #userList .tabs_container li a:hover{
          box-shadow: none;
        }
        #userList .tabs_container li a:focus{
          box-shadow: none;
        }
    #userList .tabs_container li.active {
      color: var(--shark-black);
      cursor: pointer;
      border: none;
      border-bottom: 5px solid var(--primary-blue);
      text-align: center;
      font-weight: 400;
      position: relative;
      font-size: 18px; }
      #userList .tabs_container li.active a {
        border-radius: 0;
        border: none;
        text-decoration: none;
        color: var(--shark-black);
        background-color: var(--snow-white); }
      #userList .tabs_container li.active a:hover {
        border: none;
        box-shadow: none;
        color: var(--shark-black);
        background: var(--snow-white); }
      #userList .tabs_container li.active a:focus {
        border: none;
        box-shadow: none;
        color: var(--shark-black);
        background: var(--snow-white); }
  #userList .tabs_container li.active:before {
    border-top-color: transparent;
    border-width: 0px;
    margin-left: 0px;
    top: 0;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  #userList .tabs_container li.active:after {
    top: 0;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 0px;
    margin-left: 0px; }

#umSearchContainer .search-contact-close {
  color: var(--snow-white);
  background-color: var(--primary-blue);
  padding: 12px 50px;
  min-height: 48px;
  font-size: 18px;
  font-weight: 700;
  border: none;
  line-height: 2.4rem;}
  .keyboardIn #umSearchContainer .search-contact-close:focus {
    box-shadow: 0px 0px 0px 4px var(--warning-status);
}
#umSearchContainer .search-contact-close:hover {
   box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
  #umSearchContainer .search-contact-close:active {
    background-color: var(--primary-midnight-blue);
}

.um-total-user-count {
  color: var(--primary-blue);
  font-weight: 600; }

.um-add-user-container {
  margin: 20px 0; }

.um-search-container {
  margin: 20px 0; }
  .um-search-container .um-search-input {
    padding: 10px;
    width: 100%;
    max-width: 380px;
    border: 1px solid var(--primary-blue);
    vertical-align: middle; }
    @media only screen and (max-width: 380px) {
      .um-search-container .um-search-input {
        max-width: max-content; } }
    .um-search-container .um-search-input::-webkit-input-placeholder {
      color: var(--shark-black); }
    .um-search-container .um-search-input:-ms-input-placeholder {
      color: var(--shark-black); }
    .um-search-container .um-search-input::-ms-input-placeholder {
      color: var(--shark-black); }
    .um-search-container .um-search-input::placeholder {
      color: var(--shark-black); }
      .um-search-container .search-submit-btn {
        background-color: var(--primary-blue);
        color: var(--snow-white);
        padding: 11px 13px;
        margin-left: -5px;
        line-height: normal;
        vertical-align: middle;
        min-height: 48px;
        margin-right: 10px;
        border: 1px solid var(--primary-blue); }
        .um-search-container .search-submit-btn:hover{
          box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
        }
        .keyboardIn .um-search-container .search-submit-btn:focus{
          box-shadow: 0px 0px 0px 4px var(--warning-status);
        }
  .ext-safari .um-search-container .search-submit-btn{
      border-style: solid;
      border-color: var(--shark-black);
    }

.um-question-assistance {
  margin: 10px 0; }

.um-tab-selection {
  border-bottom: 1px solid var(--gunsmoke-gray); }
  .um-tab-selection .um-user-lookup-tab {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: var(--gunsmoke-gray);
    padding: 2px 0;
    margin-right: 20px; }
    .um-tab-selection .um-user-lookup-tab.active {
      color: var(--shark-black);
      border-bottom: 2px solid var(--primary-blue); }
  .um-tab-selection .um-add-user-tab {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: var(--gunsmoke-gray);
    padding: 2px 0; }
    .um-tab-selection .um-add-user-tab.active {
      color: var(--shark-black);
      border-bottom: 2px solid var(--primary-blue); }

.um-action-container {
  margin: 15px 0; }

.um-add-user-row input {
  padding: 8px 10px;
    width: 100%;
    margin: 5px 0;
    min-height: 48px; }

.um-add-user-row select {
  padding: 8px 10px;
  width: 100%;
  min-height: 48px;
  margin: 5px 0;
  background-image: url("../images/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  appearance: none;
  -webkit-appearance: none;
  font-weight: 500;
  background-blend-mode: luminosity; }

.um-add-user-row .btn-default {
  padding: 12px 20px;
  width: 100%;
  margin: 12px 0; }

.user-management {
  width: 100%;
  border: none; }
  .user-management #userTable {
    margin-bottom: 20px; }
  .user-management .um-row-title {
    color: var(--shark-black); }
  .user-management .um-row {
    width: 100%;
    background-color: var(--snow-white);
    border-bottom: 1px solid var(--gunsmoke-gray); }
    .user-management .um-row td, .user-management .um-row th {
      border: none;
      padding: 20px 0; }
    .user-management .um-row.even {
      background-color: var(--snow-white); }
    .user-management .um-row .um-first-name {
      font-weight: 600; }
    .user-management .um-row .um-last-name {
      font-weight: 600; }
    .user-management .um-row .um-action-title {
      text-align: right; }
    .user-management .um-row .um-action {
      text-align: right; }
      .user-management .um-row .um-action .edit-container {
        margin-right: 10px; }
        .user-management .um-row .um-action .edit-container .editAccount {
          color: var(--primary-blue); }
        .user-management .um-row .um-action .edit-container .icon-container {
          margin-right: 3px;
          color: var(--primary-blue); }
      .user-management .um-row .um-action .reset-container {
        margin-right: 10px; }
        .user-management .um-row .um-action .reset-container .resetPassword {
          color: var(--shark-black); }
        .user-management .um-row .um-action .reset-container .icon-container {
          margin-right: 3px;
          color: var(--shark-black); }
      .user-management .um-row .um-action .delete-container {
        margin-right: 10px; }
        .user-management .um-row .um-action .delete-container .delete {
          color: var(--shark-black); }
        .user-management .um-row .um-action .delete-container .icon-container {
          margin-right: 3px;
          color: var(--shark-black); }
    .user-management .um-row.um-row-title th {
      font-weight: normal; }
      @media only screen and (max-width: 767px) {
        footer{
          padding: 24px 0;
        }
  #userTable {
    /* Zebra striping */
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */ }
    #userTable table {
      width: 100%;
      border-collapse: collapse; }
    #userTable tr:nth-of-type(odd) {
      background: var(--light-gray); }
      #userTable tr:nth-of-type(odd) td:last-child {
        border-color: transparent; }
    #userTable th {
      background: var(--shark-black);
      color: var(--snow-white);
      font-weight: bold; }
    #userTable td, #userTable th {
      padding: 6px;
      border: 1px solid var(--gunsmoke-gray);
      text-align: left; }
    #userTable table, #userTable thead, #userTable tbody, #userTable th, #userTable td, #userTable tr {
      display: block; }
    #userTable thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    #userTable td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
      padding-left: 40%; }
    #userTable td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }
    #userTable td:nth-of-type(1):before {
      content: "First Name:"; }
    #userTable td:nth-of-type(2):before {
      content: "Last Name:"; }
    #userTable td:nth-of-type(3):before {
      content: "Email:"; }
    #userTable td:nth-of-type(4):before {
      content: "Role:"; }
    #userTable td:nth-of-type(5):before {
      content: "Actions:"; }
  .user-management .um-row .um-first-name {
    font-weight: 400; }
  .user-management .um-row .um-last-name {
    font-weight: 400; }
  .user-management .um-row .um-action {
    text-align: left; }
  .user-management .um-row td {
    border: none;
    padding: 0;
    padding-left: 35%; } 
    .heading-primary,h1{
      font-size: 32px;
   }
   .heading-secondary, h2{
     font-size: 28px;
   }}

#addUserMod .btn-default {
  width: 100%;
  padding: 10px 20px;
  font-weight: 400;
  background: var(--primary-blue);
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

#addUserMod .modal-dialog {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 400px; }

#addUserMod .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0; }

#addUserMod #myModalLabel {
  color: var(--snow-white); }

#addUserMod .modal-header {
  background-color: var(--primary-blue); }
  #addUserMod .modal-header .close {
    color: var(--snow-white);
    opacity: 1;
    font-weight: 100; }
  #emailModal .modal-header .close span {
      display: none;
  }
  
  #emailModal .modal-header .close {
      margin-top: -2px;
      position: relative;
      opacity: 1;
      font-weight: 500;
      box-shadow: none;
      padding: 0;
  }
  #emailModal .modal-header .close:after {
      content: "\e5cd";
      font-family: 'Material Symbols Outlined';
      font-size: 24px;
      color: var(--shark-black);
      opacity: unset;
      font-weight: 500;
      position: relative;
      top: -5px;
  }
#addUserMod .addUser-textField {
  width: 100%; }
  #addUserMod .addUser-textField input {
    width: 100%;
    border-radius: 0;
    padding: 10px; }
    #addUserMod .addUser-textField input.form-control {
      height: auto; }

#addUserMod .saveAddUser {
  width: 100%;
  margin-bottom: 10px; }

#addUserMod .cancelAddUser {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 20px; }

@media only screen and (max-width: 767px) {
  #addUserMod .modal-dialog {
    max-width: 100%; } }

    #editAccountMod .btn-default {
      width: 100%;
      background: var(--primary-blue);
      color: var(--snow-white);
      }
      #editAccountMod .btn-default:hover {
        color: var(--snow-white);
        background: var(--primary-blue);
        box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
      }
      
      #editAccountMod .btn-default:active {
        color: var(--snow-white);
        background: var(--primary-midnight-blue);
        box-shadow: none;
      }

#editAccountMod .modal-dialog {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 400px; }

#editAccountMod .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0; }

  #editAccountMod .modal-header .close::after{
    display: none;
  }
  #editAccountMod .modal-header .close .fa-times {
      vertical-align: -webkit-baseline-middle;
  }

#editAccountMod #myModalLabel {
  color: var(--snow-white);
  margin-right: auto; }

#editAccountMod .modal-header {
  background-color: var(--primary-blue); }
  #editAccountMod .modal-header .close {
    color: var(--snow-white);
    opacity: 1;
    font-weight: 100;
    font-size: 28px;
    font-weight: 500; }

#editAccountMod .EditUser-textField {
  width: 100%; }
  #editAccountMod .EditUser-textField input {
    width: 100%;
    border-radius: 0;
    padding: 10px; }
    #editAccountMod .EditUser-textField input.form-control {
      height: auto; }

@media only screen and (max-width: 767px) {
  #editAccountMod .modal-dialog {
    max-width: 100%; } }

#deleteUserMod .btn-default {
  width: 100%;
  padding: 10px 20px;
  font-weight: 400;
  background: var(--primary-blue);
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

#deleteUserMod .modal-dialog {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 400px; }

#deleteUserMod .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0; }

#deleteUserMod #myModalLabel {
  color: var(--snow-white); }

#deleteUserMod .modal-header {
  background-color: var(--primary-blue); }
  #deleteUserMod .modal-header h2 {
    color: var(--snow-white);
    margin-right: auto; }
  #deleteUserMod .modal-header .close {
    color: var(--snow-white);
    opacity: 1;
    font-weight: 100; }

#deleteUserMod .modal-header .close:after {
      display: none;
    }

    #deleteUserMod .confirmDelete {
      width: 100%;
        margin-bottom: 10px;
        font-weight: 700;
        border: 2px solid var(--primary-blue);
        line-height: 20px;
        padding: 12px 50px;}
        #deleteUserMod .confirmDelete:hover{
          color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
        }
        #deleteUserMod .confirmDelete:active{
          color: var(--snow-white);
      background: var(--primary-midnight-blue);
      border: 2px solid var(--primary-midnight-blue);
      outline: none;
      box-shadow: none;}
      .keyboardIn #deleteUserMod .confirmDelete:focus{
        color: var(--snow-white);
        background: var(--primary-blue);
        border: 2px solid var(--primary-blue);
        outline: none;
        box-shadow: 0px 0px 0px 4px var(--warning-status);
       }

       #deleteUserMod .cancel {
        width: 100%;
          margin-bottom: 10px;
          padding: 12px 50px;
          font-weight: 700;
          line-height: 20px;
          border: 2px solid var(--primary-blue); }
          #deleteUserMod .cancel:hover{
            color: var(--primary-blue);
            border: 2px solid var(--primary-blue);
            box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
            outline: none;
          }
          #deleteUserMod .cancel:active{
            color: var(--primary-midnight-blue);
            border: 2px solid var(--primary-midnight-blue);
            box-shadow: none;
            outline: none;
          }
          .keyboardIn #deleteUserMod .cancel:focus{
            color: var(--primary-blue);
            border: 2px solid var(--primary-blue);
            box-shadow: 0px 0px 0px 4px var(--warning-status);
            outline: none;
          }

#passwordResetMod .btn-default {
  width: 100%;
  padding: 10px 20px;
  font-weight: 400;
  background: var(--primary-blue);
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

#passwordResetMod .modal-dialog {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 400px; }

#passwordResetMod .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0; }

#passwordResetMod .modal-header {
  background-color: var(--primary-blue); }
  #passwordResetMod .modal-header h2 {
    color: var(--snow-white); 
   margin-right: auto;}
  #passwordResetMod .modal-header .close {
    color: var(--snow-white);
    opacity: 1;
    font-weight: 100; }

    #passwordResetMod .modal-header .close:after {
      display: none;
    }

    #passwordResetMod .confirmReset {
      width: 100%;
        margin-bottom: 10px;
        font-weight: 700;
        border: 2px solid var(--primary-blue);
        line-height: 20px;
        padding: 12px 50px;}
        #passwordResetMod .confirmReset:hover{
          color: var(--snow-white);
      background: var(--primary-blue);
      border: 2px solid var(--primary-blue);
      outline: none;
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
        }
        #passwordResetMod .confirmReset:active{
          color: var(--snow-white);
      background: var(--primary-midnight-blue);
      border: 2px solid var(--primary-midnight-blue);
      outline: none;
      box-shadow: none;}
      .keyboardIn #passwordResetMod .confirmReset:focus{
        color: var(--snow-white);
        background: var(--primary-blue);
        border: 2px solid var(--primary-blue);
        outline: none;
        box-shadow: 0px 0px 0px 4px var(--warning-status);
      }


      #passwordResetMod .cancel {
        width: 100%;
          margin-bottom: 10px;
          padding: 12px 50px;
          font-weight: 700;
          line-height: 20px;
          border: 2px solid var(--primary-blue); }
          #passwordResetMod .cancel:hover{
            color: var(--primary-blue);
            border: 2px solid var(--primary-blue);
            box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
            outline: none;
          }
          #passwordResetMod .cancel:active{
            color: var(--primary-midnight-blue);
            border: 2px solid var(--primary-midnight-blue);
            box-shadow: none;
            outline: none;
          }
          .keyboardIn #passwordResetMod .cancel:focus{
            color: var(--primary-blue);
            border: 2px solid var(--primary-blue);
            box-shadow: 0px 0px 0px 4px var(--warning-status);
            outline: none;
          }
.cc_myaccount_changePassword .cc_heading {
  background: var(--primary-blue);
  color: var(--snow-white);
  border-color: var(--gunsmoke-gray);
  border-radius: 0;
  padding: 20px 15px; }
  
  .cc_myaccount_changePassword .btn-default.btn {
    background: var(--primary-blue);
    color: var(--snow-white);}
    .cc_myaccount_changePassword .btn-default.btn:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  .cc_myaccount_changePassword .btn-default.btn:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      box-shadow: none;
  }

.cc_addressbook_edit_modal .cc_modal_content {
  border-radius: 0; }
  .cc_addressbook_edit_modal .cc_modal_content .modal-header {
    color: var(--snow-white);
    background: var(--primary-blue); }

.cc_addressbook_edit_modal .modal-footer input.btn {
  line-height: 2rem;
  border: 2px solid var(--primary-blue);}

.cc_myaccount_addresses .cc_table_header_row {
  color: var(--snow-white);
  background: var(--primary-blue); }

  .cc_myaccount_addresses .cc_address_control button {
    background: var(--primary-blue);
    color: var(--snow-white);
}
    .cc_myaccount_addresses .cc_address_control button:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  .cc_myaccount_addresses .cc_address_control button:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      box-shadow: none;
  }
  .cc_myaccount_addresses .cc_address_control button.cc_delete_addr {
    background-color: transparent;
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
    font-size: 18px;
    font-weight: 700;
    line-height: 2rem;
    margin-left: 24px;
  }
  .cc_myaccount_addresses .cc_address_control button.cc_delete_addr:active{
    color: var(--primary-midnight-blue);
  }

.panel > .list-group .list-group-item.acctStepNav {
  padding: 0; }
  .panel > .list-group .list-group-item.acctStepNav a.gotoSection {
    padding: 10px 15px;
    width: 100%; }

  @media only screen and (max-width: 991px){
    .cc_myaccount_addresses .cc_address_control button[type="button"], .cc_myaccount_addresses .cc_address_control button [type="button"] {
        width: 100%;
        display: block;
        margin: 0 0 0 0;
    }
    .mobile-only .brand-logo {
      max-width: 110px;
  }
  }

.cc_myaccount_myorders .cc_heading {
  background: var(--primary-blue);
  color: var(--snow-white);
  border-color: var(--gunsmoke-gray);
  border-radius: 0;
  padding: 20px 15px; }
  
.cc_myaccount_myorders #searchOrderForm {
  margin-bottom: 20px; }
  .cc_myaccount_myorders #searchOrderForm .form-group {
    margin-right: 5px; }

    .cc_myaccount_myorders .cc_order_search_action input.btn {
      background: var(--primary-blue);
      color: var(--snow-white);
      margin-right: 24px; }
  
      .cc_myaccount_myorders .cc_order_search_action input.btn:hover {
        color: var(--snow-white);
        background: var(--primary-blue);
        box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
    }
    
    .cc_myaccount_myorders .cc_order_search_action input.btn:active {
        color: var(--snow-white);
        background: var(--primary-midnight-blue);
        box-shadow: none;
    }

.cc_myaccount_mywallet .cc_heading {
  background: var(--primary-blue);
  color: var(--snow-white);
  border-radius: 0;
  padding: 20px 15px; }
  .cc_myaccount_mywallet .cc_heading .cc_title {
    font-size: 20px; }

.cc_myaccount_mywallet #searchSubscriptionForm {
  margin-bottom: 10px; }

.myWalletSOPCCOuterContainer #sopccEdit fieldset > div {
  margin-bottom: 10px; }

.myWalletSOPCCOuterContainer .sopccCancel {
  font-weight: 400;
  background: var(--primary-blue);
  padding: 10px 20px;
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

.myWalletSOPCCOuterContainer .sopccSave {
  font-weight: 400;
  background: var(--primary-blue);
  padding: 10px 20px;
  color: var(--snow-white);
  border: 2px solid var(--primary-blue);
  cursor: pointer; }

.myWalletSOPCCOuterContainer h2.title {
  margin: 20px 0; }

.cc_myaccount_mywishlist .cc_heading {
  background: var(--primary-blue);
  color: var(--snow-white);
  border-radius: 0;
  padding: 20px 15px; }
input.btn.btn-default.btn-sm.save.cc_save {
  color: var(--snow-white);
  background: var(--primary-blue);
  margin: 0;
}
input.btn.btn-default.btn-sm.save.cc_save:active{
  color: var(--snow-white);
  background: var(--primary-midnight-blue);
}
.cc_myaccount_profile {
  border-color: transparent;
  font-size: 18px; }
  .cc_myaccount_profile .cc_close_edit_profile.btn {
    background: var(--snow-white);
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
    cursor: pointer;
    line-height: 2rem;
    margin-right: 24px;}
    .cc_myaccount_profile .cc_close_edit_profile.btn:hover {
    background: var(--snow-white);
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
    outline: none;
    box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  .cc_myaccount_profile .cc_close_edit_profile.btn:active {
      color: var(--primary-midnight-blue);
      background: var(--snow-white);
      border: 2px solid var(--primary-midnight-blue);
      outline: none;
      box-shadow: none;
  }
input.btn.btn-default.btn-sm.searchOrder.cc_search_order {
    background: var(--snow-white);
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
    line-height: 2rem;
    margin-right: 24px;
}
input.btn.btn-default.btn-sm.searchOrder.cc_search_order:hover {
  background: var(--snow-white);
  color: var(--primary-blue);
  border: 2px solid var(--primary-blue);
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}

input.btn.btn-default.btn-sm.searchOrder.cc_search_order:active {
    color: var(--primary-midnight-blue);
    background: var(--snow-white);
    border: 2px solid var(--primary-midnight-blue);
    box-shadow: none;
}
input.btn.btn-default.btn-sm.gotoSectionContactInfoEdit.cc_edit_profile {
  color: var(--primary-blue);
  background: var(--snow-white);
  border: 2px solid var(--primary-blue);
  margin-right: 24px;
  line-height:2rem;
}
input.btn.btn-default.btn-sm.gotoSectionContactInfoEdit.cc_edit_profile:hover {
background: var(--snow-white);
color: var(--primary-blue);
border: 2px solid var(--primary-blue);
outline: none;
box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
.keyboardIn .btn.btn-default.btn-sm.gotoSectionContactInfoEdit.cc_edit_profile:focus{
  background: var(--snow-white);
  color: var(--primary-blue);
  border: 2px solid var(--primary-blue);
  outline: none;
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}
input.btn.btn-default.btn-sm.gotoSectionContactInfoEdit.cc_edit_profile:active {
  color: var(--primary-midnight-blue);
  background: var(--snow-white);
  border: 2px solid var(--primary-midnight-blue);
  outline: none;
  box-shadow: none;
}
.cc_myaccount_profile .cc_update_profile.btn {
  background: var(--primary-blue);
  color: var(--snow-white);
  }
.cc_myaccount_profile .cc_update_profile.btn:hover {
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}

.cc_myaccount_profile .cc_update_profile.btn:active {
    color: var(--snow-white);
    background: var(--primary-midnight-blue);
    box-shadow: none;
}
  .cc_myaccount_profile .cc_edit_profile.btn {
    background: var(--primary-blue);
    color: var(--snow-white);
    margin-right: 24px;}
    .cc_myaccount_profile .cc_edit_profile.btn:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  .keyboardIn .cc_myaccount_profile .cc_edit_profile.btn:focus{
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px var(--warning-status);
  }
  .cc_myaccount_profile .cc_edit_profile.btn:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      box-shadow: none;
  }
  .cc_myaccount_profile .cc_myaccount_content.panel-body {
    padding: 0; }
    .cc_myaccount_profile .cc_myaccount_content.panel-body .myAccProfileNote {
      color: var(--shark-black); }
    .cc_myaccount_profile .cc_myaccount_content.panel-body .myAccProfileCompany {
      margin-top: 20px; }
    .cc_myaccount_profile .cc_myaccount_content.panel-body .myAccBillingAddr {
      margin-top: 20px; }
      .cc_myaccount_profile .cc_myaccount_content.panel-body .myAccBillingAddr .cc_profile_billing_label {
        font-weight: 700;
        color: var(--shark-black);
       }
    .cc_myaccount_profile .cc_myaccount_content.panel-body .myAccShippingAddr {
      margin-top: 20px; }
      .cc_myaccount_profile .cc_myaccount_content.panel-body .myAccShippingAddr .cc_profile_shipping_label {
        font-weight: 600;
        color: var(--shark-black);
       }
    .cc_myaccount_profile .cc_myaccount_content.panel-body .cc_heading {
      background: var(--primary-blue);
      color: var(--snow-white);
      border-radius: 0;
      padding: 20px 15px; 
      border-color: var(--gunsmoke-gray);
    }
      
  .cc_myaccount_profile .cc_myaccount_contact_information .myAccMailingAddr {
    margin-top: 10px; }
    .cc_myaccount_profile .cc_myaccount_contact_information .myAccMailingAddr .cc_profile_mailing_label {
      font-weight: 600; }
  .cc_myaccount_profile .cc_myaccount_contact_information .myAccOtherAddr {
    margin-top: 10px; }
    .cc_myaccount_profile .cc_myaccount_contact_information .myAccOtherAddr .cc_profile_other_label {
      font-weight: 600; }

.document-access-main .document-access-email-field {
  word-break: break-word; }

.document-access-main #searchUsers {
  margin: 20px 0; }
  .document-access-main #searchUsers #searchTerm {
    padding: 10px;
    width: 280px;
    border: 1px solid var(--primary-blue);
    vertical-align: middle; }
  .document-access-main #searchUsers button, .document-access-main #searchTerm button {
    background-color: var(--primary-blue);
    color: var(--snow-white);
    padding: 10px 13px;
    margin-left: -5px;
    font-weight: 500;
    line-height: normal;
    vertical-align: middle; 
    height: 48px;
    border: none;}
    .document-access-main #searchUsers button:hover, .document-access-main #searchTerm button:hover{
      background-color: var(--primary-blue);
      color: var(--snow-white);
      padding: 10px 13px;
      margin-left: -5px;
      font-weight: 500;
      line-height: normal;
      vertical-align: middle; 
      height: 48px;
      border: none;
      box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
    }
    .keyboardIn .document-access-main #searchUsers button:focus, .keyboardIn .document-access-main #searchTerm button:focus{
      background-color: var(--primary-blue);
      color: var(--snow-white);
      padding: 10px 13px;
      margin-left: -5px;
      font-weight: 500;
      line-height: normal;
      vertical-align: middle; 
      height: 48px;
      border: none;
      box-shadow: 0px 0px 0px 4px var(--warning-status);
    }
    .document-access-main #searchUsers button:active, .document-access-main #searchTerm button:active{
      background-color: var(--primary-midnight-blue);
      color: var(--snow-white);
      padding: 10px 13px;
      margin-left: -5px;
      font-weight: 500;
      line-height: normal;
      vertical-align: middle; 
      height: 48px;
      border: none;
    }
    .ext-safari .document-access-main #searchUsers button, .ext-safari .document-access-main #searchTerm button {
      border-color: var(--shark-black); 
      padding: 9px 13px;}

.document-access-main .csa-dd-new-user-form {
  margin: 20px 0; }

.document-access-main .nav > li > a:hover, .document-access-main .nav > li > a:focus {
  background-color: transparent;
  border: transparent; }

.document-access-main .panel-default {
  border: none; }

.document-access-main .tab-content {
  margin-top: 20px; }
  .document-access-main .tab-content .form-group #firstName {
    padding: 10px 20px;
    width: 100%;
    margin: 5px 0; 
    height: 48px;}
  .document-access-main .tab-content .form-group #lastName {
    padding: 10px 20px;
    width: 100%;
    margin: 5px 0;
    height: 48px; }
  .document-access-main .tab-content .form-group #email {
    padding: 10px 20px;
    width: 100%;
    margin: 5px 0; 
    height: 48px;}
    .document-access-main .tab-content .form-group .btn-csa-default {
      font-weight: 700;
      background: var(--primary-blue);
      color: var(--snow-white);
      cursor: pointer;
      padding: 12px 50px;
      width: 100%;
      margin: 37px 0 0;
      font-size: 18px;
      border: none;
      line-height: normal;
      text-wrap: nowrap;
      min-width: fit-content;
      min-height: 48px;}
      .document-access-main .tab-content .form-group .btn-csa-default:hover {
        color: var(--snow-white);
        background: var(--primary-blue);
        border: none;
        outline: none;
        box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
    }
    
    .document-access-main .tab-content .form-group .btn-csa-default:active {
        color: var(--snow-white);
        background: var(--primary-midnight-blue);
        border: 2px solid var(--primary-midnight-blue);
        outline: none;
        box-shadow: none;
    }
  input#btn-registration-submit {
    color: var(--snow-white);
    background: var(--primary-blue);;
}
 input#btn-registration-submit:hover {
  color: var(--snow-white);
  background: var(--primary-blue);
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}

input#btn-registration-submit:active {
  color: var(--snow-white);
  background: var(--primary-midnight-blue);
  box-shadow: none;
}
button.csa-dd-remove-user {
  color: var(--primary-blue);
  font-size: 18px;
  font-weight: 700;
  padding: 12px;
  border: 2px solid var(--primary-blue);
  line-height: 20px;
  height: 48px;
}
button.csa-dd-remove-user:hover {
border: 2px solid var(--primary-blue);
outline: none;
box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.5);
}
.keyboardIn button.csa-dd-remove-user:focus{
border: 2px solid var(--primary-blue);
outline: none;
box-shadow: 0px 0px 0px 4px var(--warning-status);
}
button.csa-dd-remove-user:active {
color: var(--primary-midnight-blue);
border: 2px solid var(--primary-midnight-blue);
outline: none;
box-shadow: none;
}
 header .nav-container .shopping-cart #my-cart:active{
  color: var(--primary-midnight-blue);
}
header .nav-container .header-options a:hover, header .nav-container .shopping-cart a:hover, header .nav-container .shopping-cart #my-cart:hover,
header .nav-container .header-options a:hover, header .nav-container .shopping-cart a:hover,header .nav-container .header-options a:hover, header .nav-container .shopping-cart a:hover{
  box-shadow: 0px 0px 0px 4px var(--shadow-blue);
}
.keyboardIn header .nav-container .shopping-cart #my-cart:focus{
  box-shadow: 0px 0px 0px 4px var(--warning-status);
  outline: 0;
}
span.csa-dd-info-item a {
  color: var(--primary-blue);
  text-decoration: underline;
  font-size: 18px;
  font-weight: 700;
  padding: 12px 25px 12px 0px;
  min-height: 48px;
}
span.csa-dd-info-item a:active{
color: var(--primary-midnight-blue);
}
.document-access-main .nav-item {
  color: var(--shark-black);
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  position: relative;
  border-bottom: 2px solid transparent; }
  .document-access-main .nav-item a {
    border: none; 
    text-decoration: none;
    box-shadow: none;
}

.document-access-main li {
  color: var(--shark-black); }
  .document-access-main li a {
    color: var(--shark-black); }

.document-access-main li.active {
  color: var(--shark-black);
  cursor: pointer;
  border: none;
  border-bottom: 2px solid var(--primary-blue);
  text-align: center;
  font-weight: 700;
  position: relative; }
  .document-access-main li.active a {
    border: none;
    text-decoration: none;
    box-shadow: none;
    color: var(--shark-black); }
  .document-access-main li.active a:hover {
    border: none;
    color: var(--shark-black); }
  .document-access-main li.active a:focus {
    color: var(--shark-black); }
  .document-access-main li.active:before {
    border-top-color: var(--primary-blue);
    border-width: 7px;
    margin-left: -7px;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .document-access-main li.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: var(--primary-blue);
    border-width: 7px;
    margin-left: -7px; }

.document-access-main .row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.document-access-main .row.no-gutters > [class^="col-"],
.document-access-main .row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

.document-access-main .csa-da-panel-container .csa-asset-filter {
  padding: 10px;
  margin-bottom: 10px; }

.document-access-main .csa-da-panel-container .csa-asset-container hr {
  margin: 0 10px; }

.document-access-main .csa-da-panel-trigger,
.document-access-main .csa-select-document {
  width: 100%;
  padding: 10px; }

.document-access-main .open .arrow_down {
  display: none; }

.document-access-main .closed .arrow_up {
  display: none; }

.document-access-main .csa-da-panel-title h3 {
  display: inline;
  font-size: 25px;
 }

.document-access-main .csa-da-panel {
  border: 1px solid var(--gunsmoke-gray); }

.document-access-main .csa-da-panel:not(:first-of-type) {
  border-top: none; }

.document-access-main .csa-dd-container {
  margin: 10px; }

.document-access-main .current-user .fa-circle {
  font-size: 3px;
  vertical-align: middle; }

.document-access-main .center-align {
  text-align: center;
  word-break: break-all; }

.document-access-main .csa-dd-header {
  border-bottom: 1px solid var(--gunsmoke-gray); }

.document-access-main .csa-dd-user-list {
  border-bottom: 1px solid var(--gunsmoke-gray); }
  .document-access-main .csa-dd-user-list .csa-dd-remove-user {
    border: none; }

.document-access-main .csa-dd-info-item:not(:first-of-type) {
  padding-left: 10px; }

.document-access-main .csa-dd-add-users {
  margin-top: 10px;
  margin-bottom: 30px; }
  .document-access-main .csa-dd-add-users .csa-dd-add-user-toggle .material-symbols-outlined {
    font-weight: 500;
    margin-bottom: 7px;
    vertical-align: middle; }
    .document-access-main .csa-dd-add-users .csa-dd-add-user-toggle:hover {
      text-decoration: none; }

      .document-access-main .csa-dd-add-users-form {
        border: 1px solid var(--gunsmoke-gray); 
        margin-top: 6px;}
  .document-access-main .csa-dd-add-users-form .csa-dd-max-users-reached {
    padding: 10px;
    border-right: 1px solid var(--gunsmoke-gray); }
  .document-access-main .csa-dd-add-users-form .da-number-of-users {
    height: 100%;
    border-radius: 0; }
  .document-access-main .csa-dd-add-users-form .da-number-of-users select.form-control {
    background-image: url("../images/keyboard_arrow_down.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    appearance: none;
    font-weight: 500;
    -webkit-appearance: none;
    background-blend-mode: luminosity;
  }
    .document-access-main .csa-dd-add-users-form .da-number-of-users select#numUsers {
      height: 100%; }
  .document-access-main .csa-dd-add-users-form label {
    height: 100%;
    width: 100%;
    padding: 10px;
    border-right: 1px solid var(--light-gray);
    background: var(--light-gray); }
  .document-access-main .csa-dd-add-users-form .btn-purcahse-path {
    height: 100%;
    width: 100%; }

    .document-access-main .csa-active-indicator.active {
      background-color: var(--secondary-powder);
      vertical-align: bottom;
      box-shadow: none; }

.document-access-main .col-title {
  color: var(--shark-black);
  padding-top: 20px;
  padding-bottom: 20px; }

@media only screen and (max-width: 997px) {
  .document-access-main .csa-dd-add-users-form label {
    border-bottom: 1px solid var(--gunsmoke-gray);
    border-top: 1px solid var(--gunsmoke-gray);
    margin-bottom: 0; }
  .document-access-main .csa-dd-add-users-form .da-number-of-users {
    height: 44px;
    border-top: 1px solid var(--gunsmoke-gray);
    background: var(--gunsmoke-gray);
    margin-bottom: 0; }
  .document-access-main .csa-dd-add-users-form #addToCart .row-eq-height {
    display: block;
    border: 1px solid var(--gunsmoke-gray); } }

#login_main_content .panel {
  border-radius: 0;
  border-color:  var(--gunsmoke-gray);
}

#login_main_content .panel-heading.cc_heading {
  background: var(--primary-blue);
  color: var(--snow-white);
  border-radius: 0;
  padding: 20px 15px;
  border-color: var(--gunsmoke-gray);
 }
  
 #login_main_content .form-group .btn.register {
  background: var(--primary-blue);
  color: var(--snow-white);
  margin-top: 20px;}
  #login_main_content .form-group .btn.register:hover {
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}

#login_main_content .form-group .btn.register:active {
    color: var(--snow-white);
    background: var(--primary-midnight-blue);
    box-shadow: none;
}
.keyboardIn #login_main_content .form-group .btn.register:focus{
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px var(--warning-status);
    border: 0;
}

  #login_main_content #loginFormDsk input.form-control {
    border-radius: 0;
    padding: 23px; 
    font-size: 18px;
  }

  #login_main_content #loginFormDsk input#send2Dsk {
    background: var(--primary-blue);
    color: var(--snow-white);
    margin-bottom: 15px;
    outline: none;}

    #login_main_content #loginFormDsk input#send2Dsk:hover {
      color: var(--snow-white);
      background: var(--primary-blue);
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  #login_main_content #loginFormDsk input#send2Dsk:active {
      color: var(--snow-white);
      background: var(--primary-midnight-blue);
      box-shadow: none;
  }
  .keyboardIn #login_main_content #loginFormDsk input#send2Dsk:focus{
    color: var(--snow-white);
      background: var(--primary-blue);
      box-shadow: 0px 0px 0px 4px var(--warning-status);
      border: 0;
  }

#login_main_content .cc_user_login .cc_login {
  margin-bottom: 20px;
  font-family: 'Acumin-Pro';
  font-size: 18px;
  color: var(--shark-black);
 }

#newCustomerForm .checkbox label p {
  display: inline-block; }

#newCustomerForm .cc_heading {
  background: var(--primary-blue);
  color: var(--snow-white);
  border-radius: 0;
  padding: 20px 15px; }
  
.cc_forgot_password_panel {
  margin-top: 20px;
  border-radius: 0; }
  .cc_forgot_password_panel .panel-heading.cc_heading {
    background: var(--primary-blue);
    color: var(--snow-white);
    border-radius: 0;
    padding: 20px 15px; }
    .cc_forgot_password_panel .panel-heading.cc_heading .cc_title {
      font-size: 25px; }
      .cc_forgot_password_panel input.cc_submit {
        background: var(--primary-blue);
        color: var(--snow-white); }
        .cc_forgot_password_panel input.cc_submit:hover {
          color: var(--snow-white);
          background: var(--primary-blue);
          box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
      }
      .cc_forgot_password_panel input.cc_submit:active {
          color: var(--snow-white);
          background: var(--primary-midnight-blue);
          box-shadow: none;
      }
      .cc_forgot_password_panel .form-control {
        padding: 12px;
        height: auto;
    }
    .cc_forgot_password_panel a:hover, .cc_forgot_password_panel a:focus, .cc_forgot_password_panel a:active {
      color: var(--primary-midnight-blue);
    }
    input.btn.btn-default.btn-sm.cc_cancel_addr.cancelAddr:hover {
      color: var(--primary-blue);
      background-color: var(--snow-white);
      border: 2px solid var(--primary-blue);
      box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
    }
    
    input.btn.btn-default.btn-sm.cc_cancel_addr.cancelAddr:active {
      color: var(--primary-midnight-blue);
      background: var(--snow-white);
      border: 2px solid var(--primary-midnight-blue);
      box-shadow: none;
    }
    input.btn.btn-default.btn-sm.saveAddr.cc_save_addr {
      background-color: var(--primary-blue);
      color: var(--snow-white);
      margin-right: 24px;
  }
  input.btn.btn-default.btn-sm.saveAddr.cc_save_addr:hover {
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  input.btn.btn-default.btn-sm.saveAddr.cc_save_addr:active {
    color: var(--snow-white);
    background: var(--primary-midnight-blue);
    box-shadow: none;
  }
  button.btn.btn-default.btn-sm.deleteItem.cc_delete {
    color: var(--snow-white);
    background-color: var(--primary-blue);
    outline: 0;
  }
  button.btn.btn-default.btn-sm.deleteItem.cc_delete:hover {
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  button.btn.btn-default.btn-sm.deleteItem.cc_delete:active {
    color: var(--snow-white);
    background: var(--primary-midnight-blue);
    box-shadow: none;
  }
  button.btn.btn-default.btn-sm.addItem.cc_add_item {
    color: var(--snow-white);
    background-color: var(--primary-blue);
    margin-top: 24px;
    margin-bottom: 24px;
  }
   button.btn.btn-default.btn-sm.addItem.cc_add_item:hover {
    color: var(--snow-white);
    background: var(--primary-blue);
    box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
  }
  
  button.btn.btn-default.btn-sm.addItem.cc_add_item:active {
    color: var(--snow-white);
    background: var(--primary-midnight-blue);
    box-shadow: none;
  }
.cart_item .wishButtons .btn-group.dropdown:hover{
  background-color: transparent;
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
.keyboardIn .cart_item .wishButtons .btn-group.dropdown:focus,
.keyboardIn .cart_item .wishButtons .btn-group.dropdown.open{
  outline: 0;
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}
.cart_item .wishButtons .btn-group.dropdown:active{
  color: var(--primary-midnight-blue);
  border-color: var(--primary-midnight-blue);
}
.cart_item .wishButtons .btn-group.dropdown {
  border: 2px solid var(--primary-blue);
  padding: 8px 28px;
  display: flex;
  gap: 1px;
  line-height: 20px;
  min-height: 48px;}

.cart_item .wishButtons.cc_wish_buttons {
display: inline-block;
}
.cart_item .wishButtons .btn-group.dropdown > .btn {
  border: none;
  outline: none;
  background: transparent;
  color: var(--primary-blue);
  font-size: 18px;
  padding: 0;
  font-weight: 700;
  font-family: 'Acumin-Pro';
  line-height: 20px;
  min-height: initial;
}
.cart_item .wishButtons button.btn.btn-default.btn-sm.dropdown-toggle {
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  color: var(--primary-blue);
  padding: 0;
}
.cart_item .wishButtons .btn-group.dropdown.form-group:hover button.pickWish,
.cart_item .wishButtons .btn-group.dropdown.form-group:hover button.dropdown-toggle{
color: var(--primary-blue);}

.cart_item .wishButtons .btn-group.dropdown li .pickWish{
  color: var(--shark-black);
  text-decoration: none;
}
.cart_item .wishButtons .btn-group.dropdown li .pickWish:hover, .cart_item .wishButtons .btn-group.dropdown li .pickWish:focus, .cart_item .wishButtons .btn-group.dropdown li .pickWish:active{
  box-shadow: none;
}
.cart_item .wishButtons .btn-group.dropdown li:last-child .pickWish{
  color: var(--snow-white);
  background-color: var(--primary-blue);
  text-align: center;
  padding: 12px 50px;
  margin: 15px;
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  height: 48px;
  line-height: 24px;
}
.cart_item .wishButtons .btn-group.dropdown li:last-child .pickWish:hover
{
  box-shadow:0px 0px 0px 4px rgba(24, 103, 190, 0.50)
}
.cart_item .wishButtons .btn-group.dropdown li:last-child .pickWish:active{
  background-color:var(--primary-midnight-blue);
}
.keyboardIn .cart_item .wishButtons .btn-group.dropdown li:last-child .pickWish:focus{
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}
.cc_deskLayout .panel.panel-default.cc_panel.cc_forgot_password_panel .cc_body .col-sm-offset-2,.cc_deskLayout .panel.panel-default.cc_panel.cc_forgot_password_panel .cc_body .cc_email, .cc_shipping_method,
.cc_shipping_method_label
{
  font-size: 18px;
}
.top-cart-label .title.cc_title,.list-unstyled,.cc_shipping_method,.form-horizontal .form-group, .cc_address_display{
  color:var(--shark-black);
}
.gstRegNumber .pull-right, .cardExpirationLabel{
  font-size: 18px;
  color:var(--shark-black);
}
.info--surpasses-items {
  border: 1px solid var(--gunsmoke-gray);
  color: var(--shark-black);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  padding: 8px;
  column-gap: 8px;
}
.border-bottom {
  border-bottom: 1px solid var(--gunsmoke-gray);
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.border-top {
  border-top: 1px solid var(--gunsmoke-gray);
  margin-top: 24px;
  padding-top: 24px;
}
.border-none {
  border: none;
  margin: 0;
  padding: 0;
}
.border {
  border: 1px solid var(--gunsmoke-gray);
}
.cc_checkout_review .cc_order_review .cc_buyer div,.cc_buyer_firstname,.cc_buyer_phone,.cc_buyer_email,.list-unstyled,.alert.alert-warning.shipping-disclaimer{
  font-size: 18px;
}
legend.cc_profile_billing_label,legend.cc_profile_shipping_label{
  font-size: 25px;
  font-weight: 400;
  color:var(--shark-black);
}
.has-error .help-block{
  font-size: 18px;
color: var(--error-status);
}
@media (min-width: 1921px) {
  H1{
   font-size: 48px;
  }
  h2{
   font-size: 43px;
  }
  h3{
   font-size: 33px;
  }
  h4{
   font-size: 29px;
  }
  h5{
    font-family: 27px;
  }
  p{
    font-size: 21px;
  }
  body{
    font-size: 21px;
  }
  #login_main_content .panel-heading.cc_heading .cc_title{
    font-size: 33px;
  }
  #login_main_content .cc_user_login .cc_login,.cc_forgot_password a,
  .cart-product-container .product-item-container .type-of-product,
  .cart-product-container .product-item-container .price .value,.short-desc span,.costContainer .buy-label,
  .costContainer .costOfItem,body .subtotal-container .promotion-container .promo-code-label,
  .cart-product-container .product-item-container .cart-links,.cart-product-container .product-item-container .removeItemButton,
  .cart-product-container .product-item-container .qty-label,
  .subtotal-product-items-container .subtotal-product-items-label,.subtotal-product-items-container .subtotal-product-items-price,
  .cart-product-container .product-item-container .qty-label,.connect-with-us a,.panel-default.cc_checkout_user_info .cc_userInfo_form label,
  .checkoutContent .in-checkout-container .panel-heading,.checkoutContent .in-checkout-container .panel-footer,
  .cc_checkoutStep.active .list-group-item-heading,.progressbar li a div,.contact-link a,.cc_checkout_review .cc_order_review .cc_buyer div,
  #MyAccount_navSection .acctStepNav .gotoSection,.acctmainSection p,.cc_myaccount_profile,.acctmainSection,#userList .tabs_container li a,
  .cc_checkout_review .type-of-product,.cc_checkout_review .reviewCartSection .panel-default .panel-footer span,body .cartContainer #printCart .btn-print,
  .cartContainer #emailCartLink .cc_email_cart_link_button,body .cartContainer #clearCart .btn-clearcart, .cc_deskLayout .panel.panel-default.cc_panel.cc_forgot_password_panel .cc_body .col-sm-offset-2,
  .cc_deskLayout .panel.panel-default.cc_panel.cc_forgot_password_panel .cc_body .cc_email
  {
    font-size: 21px;
  }
  .top-cart-label .title.cc_title{
    font-size: 43px;
  }
  .panel-default.cc_checkout_user_info .cc_heading.panel-heading .cc_title,.panel-default.cc_checkout_user_info .cc_section_title,
  .cc_checkout_review .cc_heading.panel-heading .cc_title,.cc_myaccount_profile .cc_myaccount_content.panel-body .cc_heading .cc_title,
  .cc_myaccount_myorders .cc_heading .cc_title,.cc_myaccount_myorders .cc_heading .cc_title,.panel-title,.document-access-main .csa-da-panel-title h3,
  .document-access-main .csa-dd-header .csa-dd-name h3,#newCustomerForm .cc_heading .cc_title, .cc_forgot_password_panel .panel-heading.cc_heading .cc_title
  {
    font-size: 33px;
  }
  .cart-product-container .product-item-container .item-title .prodLink,.cc_checkout_review .reviewCartSection .panel-default .panel-body .cc_ext_name
  {
    font-size: 24px;
    font-weight: 700;
  }
  .cc_checkout_review .cc_order_review .cc_buyer_information,.cc_checkout_review .cc_order_review .cc_billing_address_label,
  .cc_checkout_review .cc_order_review .cc_shipping_address_label,.cc_checkout_review .cc_order_review .cc_shipping_information{
    font-size: 27px;
  }

  #MyAccount_navSection .cc_heading .cc_title, .registration-block h1{
    font-size: 48px;
  }
}
input.btn.btn-default.btn-sm.Reorder.reorder.cc_col_reorder {
  background: var(--snow-white);
  color: var(--primary-blue);
  border: 2px solid var(--primary-blue);
  line-height: 2rem;
  margin-right: 24px;
}
input.btn.btn-default.btn-sm.Reorder.reorder.cc_col_reorder:active{
color: var(--primary-midnight-blue);
}
.common-cta,.cta-withicon, .cta-outline{
  background: var(--primary-blue);
  padding: 12px 50px;
  font-size: 18px;
  color: var(--snow-white);
  font-family:"Acumin-Pro";
  font-weight: 700;
  display: inline-flex;
  text-decoration: none;
  position: relative;
  align-items: center;
  border:none;
  line-height:2.4rem;
  border-radius: 0;
  letter-spacing: 0.022px;
  min-height: 48px;
}
.common-cta:hover,.cta-withicon:hover {
  box-shadow: 0px 0px 0px 4px rgba(20, 89, 163, 0.50);
  color: var(--snow-white);
}
.cta-withicon {
  padding: 12px 30px 12px 50px;
}
.cta-withicon:after {
  content: "\e5cc";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  margin-left: 8px;
  line-height: 24px;
  position: relative;
  top: 1px;
}
.cta-outline{
  background-color: transparent;
  color: var(--primary-blue);
  padding: 12px 50px;
  border: 2px solid var(--primary-blue);
  line-height:2rem;
}
.cta-outline:hover,.cta-outline:focus {
  color: var(--primary-blue);
  border-color: var(--primary-blue);
}
.contentBody input[type="text"],.contentBody .form-control:not(#itemsPerPage) {
  min-height: 48px;
  border-radius: 0;
  height: 48px;
  font-size: 18px;
}
.contentBody input[type="submit"], .contentBody input[type="button"], .contentBody button[type="submit"], .contentBody button[type="button"] {
  font-size: 18px;
  padding: 12px 50px;
  line-height: 2.4rem;
  border-radius: 0;
  letter-spacing: 0.022px;
  font-family: "Acumin-Pro";
  font-weight: 700;
  display: inline-flex;
  text-decoration: none;
  position: relative;
  align-items: center;
  min-height: 48px;
  cursor: pointer;
  border: none;
  justify-content: center;
  outline: 0;
}
.contentBody input[type="submit"]:hover, .contentBody input[type="button"]:hover, .contentBody button[type="submit"]:hover, .contentBody button[type="button"]:hover {
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
.keyboardIn .contentBody input[type="submit"]:focus, 
.keyboardIn .contentBody input[type="button"]:focus, 
.keyboardIn .contentBody button[type="submit"]:focus, 
.keyboardIn .contentBody button[type="button"]:focus {
  outline: 0;
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}
.contentBody input[type="submit"]:active, .contentBody input[type="button"]:active, .contentBody button[type="submit"]:active, .contentBody button[type="button"]:active {
  box-shadow: none;
  border-color: var(--primary-midnight-blue) !important;
}
input.emailWishlist.btn.btn-default.btn-sm {
  border: 2px solid var(--primary-blue);
  line-height: 2rem;
}
input.clone.btn.btn-default.btn-sm.cc_clone{
  border: 2px solid var(--primary-blue);
  line-height: 2rem;
}
input.btn.btn-default.btn-sm.openModal.cc_edit{
  border: 2px solid var(--primary-blue);
  line-height: 2rem;
}
input.btn.btn-default.btn-sm.delete.cc_delete{
  border: 2px solid var(--primary-blue);
  line-height: 2rem;
}
input.emailWishlist.btn.btn-default.btn-sm:active {
  background: none;
}
input.clone.btn.btn-default.btn-sm.cc_clone:active{
  background: none;
}
input.btn.btn-default.btn-sm.openModal.cc_edit:active{
  background: none;
}
input.btn.btn-default.btn-sm.delete.cc_delete:active{
  background: none;
}
.form-registration-row .form-control {
  font-size: 18px;
}
.orderPaginationSec table {}
.orderPaginationSec table tr th:first-child,.orderPaginationSec table tr td:first-child {
    min-width: 310px;
    padding-right: 20px;
}
.orderPaginationSec table tr th, .orderPaginationSec table tr td {
    min-width: 150px;
}
.orderPaginationSec table tr th:nth-child(3) , .orderPaginationSec table tr td:nth-child(3) {
    text-align: center;
}
.checkbox input[type="checkbox"]{
  accent-color: var(--primary-blue);
}
ol.breadcrumb a {
  text-decoration: none;
  font-weight: 500;
}
.connect_with_us_faq a {
  position: relative;
  min-height: 48px;
  padding: 12px 0px 12px 24px;
}
.connect_with_us_faq a::before {
  content: "\e887";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  left: 0;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.checkbox a {
  position: relative;
  padding-right: 20px;
}
.checkbox a::after {
  content: "\e89e";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.ext-mac .cc_terms_panel .panel-body label span {
  vertical-align: top;
}
.connect_with_us_contact a {
  position: relative;
  min-height: 48px;
  padding: 12px 0px 12px 24px;

}
.connect_with_us_contact a::before {
  content: "\e0b0";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  left: 0;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
input.btn.btn-default.btn-sm.createTemplate.cc_create_template {
  color: var(--snow-white);
  background: var(--primary-blue);
  margin-bottom: 16px;
}
input.btn.btn-default.btn-sm.createTemplate.cc_create_template:active {
  color: var(--snow-white);
  background: var(--primary-midnight-blue);
}
a.csa-dd-add-user-toggle {
  text-decoration: none;
}
span.csa-dd-info-item a::after {
  content: "\e89e";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.um-question-assistance a {
  min-height: 48px;
  line-height: normal;
  padding: 12px 24px 12px 0px;
}
.um-question-assistance a::after {
  content: "\e89e";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  font-weight: 500;
  width: 24px;
  text-align: center;
  height: 24px;
}
.promo-code-label:after {
  content: '\e5cf';
  font-family: '';
  font-family: 'Material Symbols Outlined';
  position: absolute;
  margin-left: 7px;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.reset-container .resetPassword, .edit-container .editAccount,.delete-container .delete{
  position: relative;
  margin-left: 8px;
  min-height: 48px;
  padding: 12px 0px 12px 25px;
  line-height: normal;
}
.edit-container .editAccount::before {
  content: "\e3c9";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  left: 0;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.delete-container .delete::before {
  content: "\e872";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  left: 0;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.reset-container .resetPassword::before {
  content: "\f51a";
  font-family: 'Material Symbols Outlined';
  position: absolute;
  left: 0;
  font-weight: 500;
  width: 24px;
  height: 24px;
  text-align: center;
}
.keyboardIn .subtotal-container .promotion-container .promo-code-label:focus {
  box-shadow: 0px 0px 0px 4px var(--warning-status);
  outline: 0;
}
.custom-checkbox-box label {
  display: inline-block;
  position: relative;
  padding: 8px 8px 8px 43px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Acumin-Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.022px;
}

.custom-checkbox-box label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 10px;
  left: 8px;
  width: 0;
  height: 0;
}

.custom-checkbox-box .checkmark {
  position: absolute;
  top: 10px;
  left: 8px;
  height: 20px;
  width: 20px;
  background-color: #fcfcfc;
  border: 2px solid #1459A3;
}

.custom-checkbox-box label:hover input~.checkmark {
  background-color: #fcfcfc;
}

.custom-checkbox-box label input:checked~.checkmark {
  background-color: #1459A3;
}

.custom-checkbox-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox-box label input:checked~.checkmark:after {
  display: block;
}

.custom-checkbox-box label .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid var(--snow-white);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cc_main_content_col .custom-checkbox-box:not(.register-checkbox-tnc) label:hover {
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
.keyboardIn .cc_main_content_col .custom-checkbox-box:not(.register-checkbox-tnc) label:focus,
.keyboardIn .cc_main_content_col .custom-checkbox-box:not(.register-checkbox-tnc) label input:checked:focus{
  box-shadow: 0px 0px 0px 4px var(--warning-status);
  outline: none;
}
.cc_main_content_col .custom-checkbox-box.register-checkbox-tnc label:hover .checkmark {
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
.keyboardIn .cc_main_content_col .custom-checkbox-box.register-checkbox-tnc label:focus .checkmark,
.keyboardIn .cc_main_content_col .custom-checkbox-box.register-checkbox-tnc label input:focus~.checkmark {
  box-shadow: 0px 0px 0px 4px var(--warning-status);
  outline: none;
}
.cc_terms_panel .panel-body .custom-checkbox-box label{
  margin: -2px 0 0 0;
  padding: 10px 20px 20px 10px;
  min-width: 20px;
}

.cc_terms_panel .panel-body .custom-checkbox-box .checkmark {
  top: 5px;
  left: 5px;
}
.cc_terms_panel .panel-body .custom-checkbox-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.cc_terms_panel .panel-body .custom-checkbox-box .custom-checkbox-box-text {
  max-width: calc(100% - 30px);
  padding-left: 10px;
}
.cc_product_detail_container .search-btn-wrapper-con {
  display: flex;
  align-items: center;
}
.cc_product_detail_container .search-btn-wrapper-con.search-submit-btn {
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  #editAccountMod .modal-dialog {
    max-width: 100%; }
    input.btn.btn-default.btn-sm.gotoSectionContactInfoEdit.cc_edit_profile,
    .cc_myaccount_profile .cc_edit_profile.btn,
    .cc_myaccount_profile .cc_close_edit_profile.btn,
    .cc_myaccount_profile .cc_update_profile.btn,
    input.btn.btn-default.btn-sm.cc_reset_order.common-cta.resetOrder,
    input.btn.btn-default.btn-sm.searchOrder.cc_search_order,
    input.btn.btn-default.btn-sm.cc_cancel_addr.cancelAddr.cta-outline,
    input.btn.btn-default.btn-sm.saveAddr.cc_save_addr,
    .cc_myaccount_changePassword .btn-default.btn,
    #login_main_content #loginFormDsk input#send2Dsk,
    #login_main_content .form-group .btn.register,
    .cc_forgot_password_panel input.cc_submit,
    input#btn-registration-submit,
    .cc_addressbook_edit_modal .modal-footer input.btn,
    input.btn.btn-default.btn-sm.resetOrder.cc_reset_order
    {
      width: 100%;
      justify-content: center;
      margin: 16px 0 0 0;
    }
    .cc_forgot_password a{
      margin-top: 10px;
    }
    .document-access-main #searchUsers #searchTerm{
      width: 70%;
    }
    .cc_product_detail_container .search-btn-wrapper-con {
      flex-wrap: wrap;
    }
    .contentBody .search-btn-wrapper-con input[type="text"] {
      width: calc(100% - 48px);
        max-width: 100%;
    }
    
    .contentBody .search-btn-wrapper-con .search-submit-btn {
        width: 48px;
        margin: 0;
    }
    
    .contentBody #umSearchContainer .search-contact-close {
        margin-top: 10px;
    }
  }
  @media(min-width: 768px) and (max-width: 1381.98px) {
    .um-add-user-row > [class*="col-sm"] {
        width: 100%;
        padding-top: 0 !important;
    }
    .um-add-user-row > [class*="col-sm"] > .btn-default {
        max-width: 230px;
    }
  }
  .cc_terms_panel .panel-body .custom-checkbox-box label {
    margin: -2px 0 0 0;
    padding: 10px 20px 20px 10px;
    min-width: 20px;
    order: 1;
}
.cc_terms_panel .has-error .custom-checkbox-box .help-block {
    width: 100%;
    order: 3;
}

.cc_terms_panel .panel-body .custom-checkbox-box .custom-checkbox-box-text {
    max-width: calc(100% - 30px);
    padding-left: 10px;
    order: 2;
    color: var(--shark-black);
}
.checkout-container .progressbar li > a {
  text-decoration: none;
}
.alert.alert-success.alert-dismissible {
  color: var(--snow-white);
  background-color: var(--success-status);
  border-color: var(--success-status);
}
.acctmainSection .messagingSection button:hover, .acctmainSection .messagingSection button:focus {
  font-weight: 500;
  box-shadow: none;
}
.pull-right .csa-dd-add-user {
  background: none;
  border: none;
  color: var(--primary-blue);
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
}
.pull-right .csa-dd-add-user:hover {
  background: none;
  border: none;
  color: var(--primary-blue);
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  box-shadow: 0px 0px 0px 4px rgba(24, 103, 190, 0.50);
}
.keyboardIn .pull-right .csa-dd-add-user:focus {
  background: none;
  border: none;
  color: var(--primary-blue);
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  box-shadow: 0px 0px 0px 4px var(--warning-status);
  outline: 0;
}
.pull-right .csa-dd-add-user:active {
  background: none;
  border-bottom: 2px solid var(--primary-midnight-blue);
  color: var(--primary-midnight-blue);
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  box-shadow: none;
  outline: 0;
}
.ext-mac .navbar-header .shopping-cart-desktop > span:first-child {
  position: relative;
  top: -2px;
}
.alert.alert-danger.alert-dismissible {
  background-color: var(--warning-status);
  border-color: var(--warning-status);
  color: var(--shark-black);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--snow-white) inset !important;
}
#editAddressForm .form-group .cc_address1 {
  margin-bottom: 15px;
}
#userTable .um-email {
  word-wrap: break-word;
}
@media only screen and (max-width: 1320px){
  .document-access-main .store-sf-table {
    overflow: auto;
  }
  .document-access-main .store-sf-table .csa-dd-user-list, .document-access-main .store-sf-table .csa-dd-user-list-group {
    min-width: 700px;
  }
}
@media only screen and (max-width: 1280px) {
  .searchOrderForm input[type="text"] {
    max-width: 160px;
}
}
@media only screen and (max-width: 1200px) {
  .break-lg {
    display: block; }
    .searchOrderForm input[type="text"] {
      max-width: 130px;
  }
  }
  @media only screen and (max-width: 1024px) {
    .searchOrderForm input[type="text"] {
      max-width: 115px;
  }
  }
  @media only screen and (max-width: 767px) {
    #editAddressForm .form-group .cc_city {
      margin-bottom: 15px;
  }
  .searchOrderForm input[type="text"], .searchOrderForm select, .form-group select.form-control.cc_search_order_status, .searchOrderForm .input-group {
    width: 100% !important;
    max-width: 100%;
}
.document-access-main .store-sf-table {
  overflow: auto;
}
.document-access-main .store-sf-table .csa-dd-user-list, .document-access-main .store-sf-table .csa-dd-user-list-group {
  min-width: 700px;
}
}
input.btn.btn-primary.cc_btn_submit {
  background-color: var(--primary-blue);
  color: var(--snow-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
input.btn.btn-primary.cc_btn_submit:active{
  background-color: var(--primary-midnight-blue);
  color: var(--snow-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.changePasswordContainer .registration-header h1 {
  color: var(--primary-blue);
}
.custom-checkbox-box .sf-label {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
}

.custom-checkbox-box label.error {
  padding: 4px 0 0;
}
html {
  font-family: "Acumin-Pro";
  -webkit-tap-highlight-color: inherit;
  color: var(--shark-black);
}
.sf-renewal-quote a {box-shadow: none;outline: 0;border: none;}


.sf-renewal-quote input[type="button"] {
    border:  2px solid var(--primary-blue);
    height: 48px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
}
.sf-renewal-quote input[type="button"]:active{
    background: none;
}

button.close.cc_close {
    box-shadow: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 10;
    @media only screen and (min-width: 768px) {
      right: 30px;
      top: 35px;
    }
}
button.close.cc_close:hover{
    box-shadow: none;
}

input.btn.btn-default.btn-sm.renameCart.cc_rename_cart {
    border: 2px solid var(--primary-blue);
    height: 48px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
}
input.btn.btn-default.btn-sm.renameCart.cc_rename_cart:active{
    background: none;
}

#MyAccount_navSection .acctStepNav {
  border: transparent;
  background-color: transparent;
}

.keyboardIn #MyAccount_navSection .acctStepNav .gotoSection:focus {
  box-shadow: 0px 0px 0px 4px var(--warning-status);
}

.fs-22 {
  font-size: 22px;
}
.fs-18-22 {
  font-size: 18px;
  
  @media only screen and (min-width: 768px) {
    font-size: 22px;
  }
}

.fs-22-18 {
  font-size: 22px;
  
  @media only screen and (min-width: 768px) {
    font-size: 18px;
  }
}
.fs-25 {
  font-size: 25px;
}