/** Flag dropdown **/
.page-header .panel.wrapper .switcher .options ul.dropdown {
    border: 1px solid #d5dcd8;
    margin-top: 8px;
    min-width: 115px;
}
/** Flag dropdown end**/
/* supplierconnect account start*/
.account .columns .column.main a {
	color: #006137;
	font-weight: 600;
}
.account .columns .column.main a:hover {
	color: #000000;
}
.account .data-grid .data-grid-th,
.account .data-grid th  {
	background-color: #006137;
    color: #fff;
    border-color: #ddd;
}
.account .data-grid tr,
.account .data-grid td,
.account .data-grid tr:not(.data-grid-editable-row):last-child td {
	border-color: #ddd;
}
.account .data-grid .data-grid-th._sortable:hover {
    background-color: #024a2c;
}
.account .content-header table tr .view_all {
	color: #006137;
}
.account .content-header table tr .view_all:hover {
	color: #000000;
}
.action-tertiary,
.action-tertiary:focus,
.scalable,
.scalable:focus {
    border-radius: 21px;
    border: solid 2px #ffde17;
    background-color: #ffde17;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-shadow: none;
}
.action-tertiary:hover, 
.action-tertiary:focus:hover,
.scalable:hover, 
.scalable:focus:hover {
	background-color: #006137;
    border: 2px solid #006137;
    color: #ffffff;
}
.action-secondary,
.action-secondary:focus {
	border-radius: 21px;
    border: solid 2px #006137;
    background-color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    color: #006137;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-shadow: none;	
}
.action-secondary:hover, 
.action-secondary:focus:hover {
    background-color: #006137;
    color: #ffffff;
    border: solid 2px #006137;
}
.account .primary #sendInstantEmail, 
.account .primary #sendInstantEmail:focus {
    border-radius: 21px;
    border: solid 2px #006137;
    background-color: #fff;
    color: #006137;
    min-height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.account .primary #sendInstantEmail:hover, 
.account .primary #sendInstantEmail:focus:hover {
    background-color: #006137;
    color: #ffffff;
    border: solid 2px #006137;
}
.account .admin__control-select {
    padding-right: 18px;
    z-index: 2;
    background-image: url('../images/select-arrow.png');
    background-size: 10px;
    background-position: 93% center;
    background-repeat: no-repeat;
    height: 40px;
}
.account input:checked + .sliderSupplier {
    background-color: #006137;
}
.account .ui-datepicker .ui-datepicker-prev span, 
.account .ui-datepicker .ui-datepicker-next span {
	border-color: transparent #006137 transparent transparent;
}
.account .ui-datepicker .ui-datepicker-next span {
   	border-color: transparent transparent transparent #006137;
}
.account .admin__control-select:focus,
.account .ui-datepicker .ui-datepicker-title select:focus {
    border-color: #006137;
}
.account button.action-previous,
.account button.action-next {
    background-color: #ffffff;
    border: 1px solid #006137;
    color: #006137;
    outline: 0;
    box-shadow: none;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 40px;
    width: 40px;
    border-radius: 0;
}
.account button.action-previous:hover,
.account button.action-next:hover {
	background-color: #006137;
	color: #ffffff;
}
.account input[type="text"], 
.account input[type="password"], 
.account input[type="url"], 
.account input[type="tel"], 
.account input[type="search"], 
.account input[type="number"], 
.account input[type*="date"], 
.account input[type="email"], 
.account select,
.account textarea {
	background: #ffffff;
}
.account .content-header table tr td {
    padding: 0 0 12px;
    border-bottom: 2px solid #006137;
    font-weight: bold;
}
.account .content-header table tr h3 {
    font-weight: bold;
}
.account .admin__data-grid-wrap-static .data-grid .content-header tr td {
	padding: 1rem 1rem;
}
.account .block-collapsible-nav-title.customerconnect-nav-title {
	font-weight: 700;
    border-bottom: 1px solid #006137;
    margin: 0;
    padding-bottom: 12px;
    margin-bottom: 16px;
}
.account .block-collapsible-nav-title.customerconnect-nav-title span {
	border-bottom: 4px solid #006137;
    padding-bottom: 6px;
}
.account .sup-account h2 {
    border-bottom: 2px solid #006137;
    font-weight: bold;
}
.account .rfq-summery-container .box-container-account {
    border: 1px solid #ddd;
    background: #fff;
}
/* supplierconnect account end*/

/* product detail page */
.catalog-product-view.customer-not-logged-in .product-top-wrapper .product-info-main .product.attributes .pro-attribute.weight .label,
.catalog-product-view.customer-not-logged-in .product-top-wrapper .product-info-main .product.attributes .pro-attribute.volume .label,
.catalog-product-view.customer-not-logged-in .product-top-wrapper .product-info-main .product.attributes .pro-attribute.mfg-no .label {
    width: 73px !important;
}

.catalog-product-view .product-top-wrapper .product-info-main .product.attributes .pro-attribute.mfg-no .label,
.catalog-product-view .product-top-wrapper .product-info-main .product.attributes .pro-attribute.part-no .label {
    width: 134px !important;
}

.catalog-product-view .product-top-wrapper .product-info-main .product.attributes .pro-attribute.no-partno {
    margin-bottom: 23px !important;
}

.catalog-product-view .product-top-wrapper .product-info-main .product.attributes .pro-attribute.customer-part-no {
    margin-bottom: 23px !important;
}

.catalog-product-view .product-top-wrapper .product-info-main #brand-logo li.ep-logo a {
    background-color: #fff;
    display: flex;
    width: 60px;
    height: 55px;
    justify-content: center;
    align-items: center;
    margin:12px;
}

.catalog-product-view .product-top-wrapper .product-info-main #brand-logo a {
    border:none;
}

.catalog-product-view .product-top-wrapper .product-info-main #brand-logo li {
    margin-bottom: 10px;
}
/* product detail page end */


/* Two Factor Authentication */
#tfa-auth-container .action-primary {
    background: #ffde17;
    border: 1px solid #ffde17;
    color: #000;
    margin-top: 10px;
    border-radius: 21px;
    text-transform: uppercase;
    min-height: 42px;
    min-width: 125px;
    text-align: center;
    padding: 0px;

}
#tfa-auth-container .action-primary:hover {
    background: #006137;
    color: #ffffff;
    border: 1px solid #006137;
}
/* Two Factor Authentication End */

/* Epicor Two Factor Authentication */
.account.tfa-customer-configuration .columns .column.main .box .action
{
    text-decoration:none;
    color:#000;
}
.account.tfa-customer-configuration .columns .column.main .box .action:hover
{
    color:#fff;
}
/* Epicor Two Factor Authentication End */

/* PDP Cost Price */
.cost-price-tooltip {
    position: relative;
    display: inline-block;
  }
  .cost-price-tooltip img{
      width: 15px;
      height: 15px;
      margin: 2px 0px 0px 20px;
  }
  .cost-price-tooltip .tooltiptext {
    visibility: hidden;
    width: 191px;
    text-align: center;
    border-radius: 4px;
    padding: 15px 9px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;
    background-color: #FCFEFD;
    box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 15%);
  }
  .cost-price-tooltip .tooltiptext .cost-price-label, 
  .cost-price-tooltip .tooltiptext .gp-label{
    color: #000;
  }
  .cost-price-tooltip .tooltiptext .cost-price-value, 
  .cost-price-tooltip .tooltiptext .gp-value{
    color: #006137;
    margin-left: 10px;
  }
  
  .cost-price-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -17px;
    border-left-width: 7px;
    border-right-width: 12px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-style: solid;
    border-color: transparent #FCFEFD transparent transparent;
    transform: translateY(-50%);
    filter: drop-shadow(-2px 0px 1px rgb(0 0 0/10%));
  }
  
  .cost-price-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  
  @media only screen and (max-width: 767px) {
    .cost-price-tooltip .tooltiptext {
        visibility: hidden;
      width: 120px;
      font-size: 10px;
      text-align: center;
      border-radius: 4px;
      padding: 4px;
      position: absolute;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.3s;
      font-weight: 500;
      top: -150%;
      right: -140%;
      background-color: #FCFEFD;
      box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 15%);
      }
  
  .cost-price-tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      left: 45%;
      top: 125%;
      border-width: 10px;
      border-style: solid;
      filter: drop-shadow(-2px 0px 1px rgb(0 0 0/10%));
      border-color: #FCFEFD transparent transparent transparent;
  }
  }
  @media only screen and (min-width: 767px) and (max-width: 975px){
    .cost-price-tooltip .tooltiptext {
      visibility: hidden;
      text-align: center;
      border-radius: 4px;
      padding: 4px;
      position: absolute;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.3s;
      font-weight: 500;
      top: -150%;
      right: -205%;
      background-color: #FCFEFD;
      box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 15%);
      }
  
  .cost-price-tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      left: 45%;
      top: 125%;
      border-width: 10px;
      border-style: solid;
      filter: drop-shadow(-2px 0px 1px rgb(0 0 0/10%));
      border-color: #FCFEFD transparent transparent transparent;
  }
  }

/* PDP Cost Price End */


@media screen and (max-width: 767px) {
    .cms-page-view .page-main, .customer-account-login .page-main, .customer-account-forgotpassword .page-main{
      padding: 20px 0 !important;
    }
    .catalog-category-view .toolbar.toolbar-products.remove-toolbar {
      display: none;
    }
}
  .catalog-product-view .fotorama__arr--prev .fotorama__arr__arr:after,.fotorama__arr--next .fotorama__arr__arr:after,.fotorama__thumb__arr--right .fotorama__thumb--icon:after,.fotorama__thumb__arr--left .fotorama__thumb--icon:after{
      content:'';
  }
  .catalog-product-view .gallery-placeholder {
      border:none;
  }
  
  /* Create Password Page */
  .customer-account-createpassword .page-main .page-title-wrapper {
      text-align: center;
      margin: 0 auto 25px;
  }
  .customer-account-createpassword .page-main {
       padding: 50px 0;
  }
   .customer-account-createpassword .page-main > .page-title-wrapper {
       text-align: center;
       margin: 0 auto 25px;
   }
   .customer-account-createpassword .page-main > .page-title-wrapper .page-title {
       display: inline-block;
       font-size: 28px;
       line-height: 32px;
       color: #000;
       font-weight: bold;
       margin-bottom: 0;
  }
   .customer-account-createpassword .columns {
       max-width: 1440px;
       width: 100%;
       padding: 0 15px;
       margin: 0 auto;
  }
  .customer-account-createpassword .form.password.reset {
       width: 100%;
       max-width: 550px;
       margin: 0 auto;
       display: block;
       float: none !important;
       -o-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.15);
       -ms-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.15);
       -webkit-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.15);
       box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.15);
       background-color: #fff;
       padding: 20px;
  }
   .customer-account-createpassword .control.captcha-image .captcha-img {
       margin-bottom: 0;
  }
   .customer-account-createpassword .actions-toolbar > .secondary .action.back {
       display: block;
  }
  @media (max-width: 767px) {
    .customer-account-createpassword .page-main {
        padding: 30px 0 !important;
     }
     .customer-account-createpassword .control.captcha-image .captcha-img {
         margin-bottom: 15px !important;
     }
     .customer-account-createpassword .page-main > .page-title-wrapper .page-title {
         font-size: 22px !important;
         line-height: 26px !important;
     }
     .customer-account-createpassword .page-main > .page-title-wrapper {
         margin-bottom: 20px !important;
     }
  }
  @media (max-width: 1199px) {
    .customer-account-createpassword .page-main > .page-title-wrapper .page-title {
        font-size: 26px;
        line-height: 30px;
   }
  }

   /* Create Password Page End */

/* PLP & PLP Search Page  */
.plp-search-page .columns .column.main .products.wrapper.products-grid .product-item .price-stock .product-item-actions .stock.available {
    color: #006137;
    font-size: 16px;
    font-weight: 600;
}

.plp-search-page .columns .column.main .products.wrapper.products-grid .product-item .price-stock .product-item-actions .stock.unavailable {
    color:#fe4800;
    font-size: 16px;
    font-weight: 600;
}
/* PLP & PLP Search Page End */

/*Homepage featured product slider*/
.clearance span.badge.badge--top-left.color-accent-1 {
    border: 1px solid transparent;
    border-radius: 4rem;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0.6rem 3.6rem;
    text-align: center;
    background-color: #da291c;
    border-color: #da291c;
    color: #fff;
    word-break: break-word;
}

.new span.badge.badge--top-left.color-accent-1 {
    border: 1px solid transparent;
    border-radius: 4rem;
    border-radius: 4rem;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0.6rem 4.6rem;
    text-align: center;
    background-color: #006137;
    border-color: #006137;
    color: #fff;
    word-break: break-word;
}

.sale span.badge.badge--top-left.color-accent-1 {
    border: 1px solid transparent;
    border-radius: 4rem;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0.6rem 4.6rem;
    text-align: center;
    background-color: #000000;
    border-color: #000000;
    color: #fff;
    word-break: break-word;
}

.inner-seller-prod .sparsh-product-label-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: end;
}

.catalog-product-view .product-top-wrapper .product.media .sparsh-product-label-image{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 50%;
}

.product-outer li.product-item.product-slider.inner-seller-prod{
    position: relative;
    padding: 43px 20px 50px;
    -o-box-shadow: 0 0 25px 0 rgba(0,0,0,0.05);
    -ms-box-shadow: 0 0 25px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.05);
    background-color: #fff;
}

.product-outer li.product-item.product-slider.inner-seller-prod:hover .view-detail-link{
    opacity: 1;
    visibility: visible;
}
.product-outer li.product-item.product-slider.inner-seller-prod:hover .view-detail-link .view-icon{
    width: 50px;
    height: 50px;
}
.product-outer li.product-item.product-slider.inner-seller-prod a.view-detail-link .view-icon img{
    width: 60%;
}
.product-outer li.product-item.product-slider.inner-seller-prod a.view-detail-link{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,97,55,0.8);
    opacity: 0;
    visibility: hidden;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 2;
}

.product-outer li.product-item.product-slider.inner-seller-prod a.view-detail-link .view-icon{
    width: 0;
    height: 0;
    border-radius: 25px;
    -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
    -ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.product-outer li.product-item.product-slider.inner-seller-prod .prod-img{
    margin-bottom: 48px;
}

.product-outer li.product-item.product-slider.inner-seller-prod .prod-img>a{
    padding-bottom: 71%;
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
}

.product-outer li.product-item.product-slider.inner-seller-prod .prod-img>a img{
    max-width: 100%;
    max-width: fit-content;
    max-inline-size: -moz-fit-content;
    object-fit: contain;
    width: auto;
    height: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.product-outer li.product-item.product-slider.inner-seller-prod strong.product.name.product-item-name{
    margin-bottom: 25px;
    text-align: center;
}

.product-outer li.product-item.product-slider.inner-seller-prod strong.product.name.product-item-name a{
    font-size: 16px;
    line-height: 1.38;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}

.product-outer .owl-carousel .owl-item{
    padding: 20px;
}

.mp-product-slider-content .owl-nav button.owl-prev span{
    color: #ffff;
    padding: 5px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: #006137;
    border: 2px solid #006137;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    position: absolute;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.mp-product-slider-content .owl-nav button.owl-next span{
    color: #ffff;
    padding: 5px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: #006137;
    border: 2px solid #006137;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    position: absolute;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.page-header .header.content .adv-form-search .input-text{
    font-size:11px !important;
}