/* Product Information Section */
.mainPdpWrapper .productDescription {
    min-height: 198px;
}
.mainPdpWrapper .productDescription dl {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.mainPdpWrapper .productDescription dl > div {
    border-bottom: 1px solid #dde1e6;
    display: table-row;
}
.mainPdpWrapper .productDescription dl.div:last-child {
    border-bottom: 0px;
}
.mainPdpWrapper .productDescription dt,
.mainPdpWrapper .productDescription dd {
    width: 50%;
    display: table-cell;
    padding: 8px 16px 8px 0;
    font-size: 13px;
}
.mainPdpWrapper .productDescription div:last-child dd,
.mainPdpWrapper .productDescription div:last-child dt {
    border-bottom: 0;
}
.mainPdpWrapper .productDescription dl 
div .icon.icon-info-circled{
	color:#007fac;
}
.proDescAndReview {
    width: 45%;
    float: right;
}
.reviewInfo div#BVRRSummaryContainer {
    float: none;
}
.bv-cleanslate .bv-core-container-415 
div.bv-primarySummary-rating-container {
    padding: 0 !important;
    margin: 0 !important;
}


/* Started Core CSS */
div.reviewInfo {
    clear: both;
    float: none;
    padding-bottom: 0;
}
div#BVRRSummaryContainer {
    width: auto;
    float: left;
}
.mainPdpWrapper .productDescription p#replacementMsg {
   font-weight: bold;
}

p#replacementMsg {
    color: #ff0000;
}

div#BVQASummaryContainer {
    padding: 2px 0 0 0;
    float: left;
}
.searchError-pm{
    background: #FFF4D8;
    border-radius: 5px;
    padding: 5px;
    display: table;
    position: relative;
}
.searchError-pm p {
    padding-left: 30px;
    margin: 0;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
}
.searchError-pm p:before{
    background: url(../images/pfIcons/resetWarningIcn.png)no-repeat;
    display: inline-block;
    background-size: 100%;
    min-width: 16px;
    width: 20px;
    height: 20px;
    content:'';
    position: absolute;
    left: 5px;
    top: 7px;
}

[data-bv-show="rating_summary"] a,#be_bvstar_rating a
[data-bv-show="rating_summary"] span,#be_bvstar_rating span
[data-bv-show="rating_summary"] div ,#be_bvstar_rating div
[data-bv-show="rating_summary"] svg,#be_bvstar_rating svg
[data-bv-show="rating_summary"] path,#be_bvstar_rating path
[data-bv-show="rating_summary"] polygon,#be_bvstar_rating polygon
[data-bv-show="rating_summary"] button,#be_bvstar_rating button {
  background-attachment: scroll !important;
  background-color: transparent !important;
  background-image: none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  border-color: black !important;
  border-color: currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
  border-radius: 0 !important;
  border-style: none !important;
  border-width: medium !important;
  bottom: auto !important;
  clear: none !important;
  clip: auto !important;
  color: inherit !important;
  counter-increment: none !important;
  counter-reset: none !important;
  cursor: auto !important;
  direction: inherit !important;
  display: inline !important;
  float: none !important;
  font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
  font-size: inherit !important;
  font-style: inherit !important;
  font-variant: normal !important;
  font-weight: inherit !important;
  height: auto !important;
  left: auto !important;
  letter-spacing: normal !important;
  line-height: inherit !important;
  list-style-type: inherit !important; /* Could set list-style-type to none */
  list-style-position: outside !important;
  list-style-image: none !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1;
  outline: invert none medium !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  quotes: "" "" !important;
  right: auto !important;
  table-layout: auto !important;
  text-align: inherit !important;
  text-decoration: inherit !important;
  text-indent: 0 !important;
  text-transform: none !important;
  top: auto !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  visibility: inherit !important;
  white-space: normal !important;
  word-spacing: normal !important;
  width: auto !important;
  z-index: auto !important;

  /* CSS3 */
  /* Including all prefixes according to http://caniuse.com/ */
  /* CSS Animations don't cascade, so don't require resetting */
  -webkit-background-origin: padding-box !important;
  background-origin: padding-box !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-background-size: auto !important;
  -moz-background-size: auto !important;
  background-size: auto !important;
  -webkit-border-image: none !important;
  -moz-border-image: none !important;
  -o-border-image: none !important;
  border-image: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  -webkit-column-count: auto !important;
  -moz-column-count: auto !important;
  column-count: auto !important;
  -webkit-column-gap: normal !important;
  -moz-column-gap: normal !important;
  column-gap: normal !important;
  -webkit-column-rule: medium none black !important;
  -moz-column-rule: medium none black !important;
  column-rule: medium none black !important;
  -webkit-column-span: 1 !important;
  -moz-column-span: 1 !important; /* doesn't exist yet but probably will */
  column-span: 1 !important;
  -webkit-column-width: auto !important;
  -moz-column-width: auto !important;
  column-width: auto !important;
  font-feature-settings: normal !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  -webkit-hyphens: manual !important;
  -moz-hyphens: manual !important;
  hyphens: manual !important;
  -webkit-perspective: none !important;
  -moz-perspective: none !important;
  -ms-perspective: none !important;
  -o-perspective: none !important;
  perspective: none !important;
  -webkit-perspective-origin: 50% 50% !important;
  -moz-perspective-origin: 50% 50% !important;
  -ms-perspective-origin: 50% 50% !important;
  -o-perspective-origin: 50% 50% !important;
  perspective-origin: 50% 50% !important;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  text-shadow: none !important;
  -webkit-transition: all 0s ease 0s !important;
  transition: all 0s ease 0s !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  -webkit-transform-origin: 50% 50% !important;
  -moz-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  -o-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  -webkit-transform-style: flat !important;
  -moz-transform-style: flat !important;
  -ms-transform-style: flat !important;
  -o-transform-style: flat !important;
  transform-style: flat !important;
  word-break: normal !important;
}
[data-bv-show="rating_summary"] svg,
#be_bvstar_rating svg,
[data-bv-show="rating_summary"] polygon,
#be_bvstar_rating polygon {
  cursor: inherit !important;
}

[data-bv-show="rating_summary"] div, 
#be_bvstar_rating div {
  display: block !important;
}

[data-bv-show="rating_summary"] a,
#be_bvstar_rating a {
  color: blue !important;
  text-decoration: underline !important;
}

[data-bv-show="rating_summary"] a:visited,
#be_bvstar_rating a:visited  {
  color: #529 !important;
}

[data-bv-show="rating_summary"] a,
 #be_bvstar_rating a,
 [data-bv-show="rating_summary"] a * ,
 #be_bvstar_rating a *{
  cursor: pointer !important;
}

[data-bv-show="rating_summary"] path,
#be_bvstar_rating path,
[data-bv-show="rating_summary"] polygon ,
#be_bvstar_rating polygon{
  fill: currentColor !important;
}

[data-bv-show="rating_summary"] , #be_bvstar_rating {
  font-size: medium !important;
  line-height: 1 !important;
  direction: ltr !important;
  text-align: left !important; /* for IE, Opera */
  text-align: start !important; /* recommended W3C Spec */
  color: black !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: none !important;
  list-style-type: disc !important;
}

[data-bv-show=rating_summary] .bv_main_container , 
#be_bvstar_rating .bv_main_container {
    display:inline-flex!important;
    flex-wrap:wrap!important;
    background-color:transparent!important;
    margin-bottom:5px!important;
    margin-left:5px!important;
    margin-right:5px!important;
    margin-top:5px!important;
    padding-bottom:5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
    padding-top:5px!important;
    border-bottom-style:none!important;
    border-bottom-color:transparent!important;
    border-bottom-width:0px!important;
    border-left-style:none!important;
    border-left-color:transparent!important;
    border-left-width:0px!important;
    border-right-style:none!important;
    border-right-color:transparent!important;
    border-right-width:0px!important;
    border-top-style:none!important;
    border-top-color:transparent!important;
    border-top-width:0px!important;
    border-bottom-left-radius:0px!important;
    border-bottom-right-radius:0px!important;
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex ,
 #be_bvstar_rating .bv_main_container .bv_main_container_row_flex {
    display:inline-flex!important;
    align-items:center!important;
    padding-right:1em!important;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal ,
 #be_bvstar_rating .bv_main_container .bv_main_container_row_normal {
    width:100%!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row ,
 #be_bvstar_rating .bv_main_container .bv_main_container_CTA_row {
    display:inline-flex!important;
    padding-top:.5em!important;
    width:100%!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break ,
 #be_bvstar_rating .bv_main_container .bv_main_container_line_break {
    margin-top:.5em!important;
    width:100%!important;
    max-width:16.5em!important;
    border-bottom:1px solid #cecece!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container ,
 #be_bvstar_rating .bv_main_container .bv_avgRating_component_container {
    display:flex!important;
    align-items:center!important;
    padding-right:.1em!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container:hover ,
 #be_bvstar_rating .bv_main_container .bv_avgRating_component_container:hover {
    cursor:pointer!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container:visited ,
 #be_bvstar_rating .bv_main_container .bv_avgRating_component_container:visited {
    color:#592D5F!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_component_container ,
 #be_bvstar_rating  .bv_main_container .bv_numReviews_component_container {
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_delimeter ,
 #be_bvstar_rating .bv_main_container .bv_numReviews_delimeter { 
    padding-right:.1em!important;
    color:#ccc!important;
    font-size:11px!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text ,
 #be_bvstar_rating .bv_main_container .bv_numReviews_text {
    white-space:nowrap!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:hover ,
 #be_bvstar_rating .bv_main_container .bv_numReviews_text:hover {
    cursor:pointer!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:visited ,
 #be_bvstar_rating .bv_main_container .bv_numReviews_text:visited {
    color:#592D5F!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_incentivized_component_container,
 #be_bvstar_rating .bv_main_container .bv_incentivized_component_container,
 #be_bvstar_rating  .bv_main_container .bv_percentRecommend_component_container,
[data-bv-show=rating_summary] .bv_main_container .bv_percentRecommend_component_container {
    padding-top:.5em!important;
    color:#515151!important;
    font-size:11px!important;
    text-transform:none!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_incentivized_component_container , 
#be_bvstar_rating .bv_main_container .bv_incentivized_component_container {
    padding-bottom:.3em!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container ,
 #be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container {
    padding-top:.5em!important;
    color:#515151!important;
    font-size:11px!important;
    text-transform:none!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container>a ,
#be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container>a ,
#be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container button,
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container button {
    padding:0!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
#be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
#be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container button:hover,
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
    cursor:pointer!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
#be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
#be_bvstar_rating .bv_main_container .bv_questionsAndAnswers_component_container button:visited,
[data-bv-show=rating_summary] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
    color:#592D5F!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_ms_focusable>a:focus,
#be_bvstar_rating .bv_main_container .bv_ms_focusable>a:focus,
#be_bvstar_rating .bv_main_container .bv_ms_focusable button:focus,
[data-bv-show=rating_summary] .bv_main_container .bv_ms_focusable button:focus {
    border:1px solid blue!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container ,
 #be_bvstar_rating .bv_main_container .bv_stars_component_container {
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    padding-right:1em!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container span ,
 #be_bvstar_rating .bv_main_container .bv_stars_component_container span {
    display:inherit!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container svg:not(:last-child) , 
#be_bvstar_rating .bv_main_container .bv_stars_component_container svg:not(:last-child) {
    padding-right:1px!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container:hover ,
 #be_bvstar_rating .bv_main_container .bv_stars_component_container:hover {
    cursor:pointer!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonFull,
#be_bvstar_rating .bv_main_container .bv_button_buttonFull {
    padding:.5em 1em .5em 1em!important;
    align-self:center!important;
    border:none!important;
    text-align:center!important;
    text-decoration:none!important;
    background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))!important;
    box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)!important;
    color:#FFFFFF!important;
    font-size:11px!important;
    background-color:#007FAC!important;
    text-transform:capitalize!important;
    font-weight:bold!important;
    font-style:normal!important;
    text-decoration:none!important;
    border-bottom-style:solid!important;
    border-bottom-color:#999!important;
    border-bottom-width:1px!important;
    border-left-style:solid!important;
    border-left-color:#999!important;
    border-left-width:1px!important;
    border-right-style:solid!important;
    border-right-color:#999!important;
    border-right-width:1px!important;
    border-top-style:solid!important;
    border-top-color:#999!important;
    border-top-width:1px!important;
    border-bottom-left-radius:3px!important;
    border-bottom-right-radius:3px!important;
    border-top-left-radius:3px!important;
    border-top-right-radius:3px!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonFull:hover , 
#be_bvstar_rating .bv_main_container .bv_button_buttonFull:hover {
    cursor:pointer!important;
    background-image:none!important;
    box-shadow:none!important;
    background-color:#007FAC!important;
    color:#FFFFFF!important;
    text-transform:capitalize!important;
    font-weight:bold!important;
    font-style:normal!important;
    font-size:11px!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist ,
#be_bvstar_rating .bv_main_container .bv_button_buttonMinimalist {
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important;
    padding-top: 0px;
    padding-left: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    padding-right: 0px;
    padding-bottom: 0px
}
[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist:hover ,
 #be_bvstar_rating .bv_main_container .bv_button_buttonMinimalist:hover {
    cursor:pointer!important;
    color:#007FAC!important;
    font-size:11px!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist:visited , 
#be_bvstar_rating .bv_main_container .bv_button_buttonMinimalist:visited {
    color:#592D5F!important;
    text-transform:capitalize!important;
    font-weight:normal!important;
    font-style:normal!important;
    text-decoration:none!important
}
[data-bv-show=rating_summary] .bv_main_container .bv_ms_focusable:focus ,
 #be_bvstar_rating .bv_main_container .bv_ms_focusable:focus {
    border:1px solid blue!important
}

#dynamic_bvstar_rating { opacity: 0.01;position: absolute !important; }

div#bvReviewInfoID * :focus {outline: 0!important;

}
/* End Core CSS */
.copy-area {
    opacity: 0;
    cursor: inherit;
    padding: 0;
    margin: 0;
}

.punchoutUser .delivery-service-item[data-title-en="Free Delivery"],
.punchoutUser .delivery-service-item[data-title-en="Express Delivery"] {
    display: none;
}

/* YPN CSS */
.customer-part-number {
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    padding-right: 0 !important;
	position:relative;
}
#custPartNum {
    width: 100%;
}
.ypn__enabled #custPartNum {
    box-sizing: border-box;
    border-right-color:  #8D8D8D;
    border-width: 0 1px 0 0 !important;
    border-radius: 4px 0 0 4px;
    outline:none;
    margin-right: 0;
    padding-right: 24px;
}
.ypn__enabled .ypn-focus #custPartNum,
.ypn__enabled.ypn-value-empty #custPartNum {
    padding-right: 12px;
}

.ypn-dropdown__button {
    display:none;
}
.ypn-dropdown__button:hover {
    border-color: #333 !important;
    background:#E5E5E5 !important;
}
.ypn-clear__button {
    display:none;
    position: absolute;
    right: 35px;
    top: 17px;
    width: 22px;
    margin: auto;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    color: #525252;
    font-size: 20px;
}
.ypn__enabled .ypn-clear__button { display: block }
.ypn-focus .ypn-clear__button,
.ypn-value-empty .ypn-clear__button { display:none; }

.ypn-input__wrapper {
    display: flex;
}
.ypn__enabled .ypn-input__wrapper {
    border-radius: 5px;
    border: 1px solid #888899;
    justify-content: space-between;
}
.ypn-input__wrapper.ypn-input__updated {
    box-shadow: 0 0 8px #41c363;
    outline-color: #41C363 !important;
    outline-style: solid  !important;
    outline-width: 1px !important;
    transition: ease-in .4;
}
.ypn__enabled .ypn-input__wrapper.ypn-focus {
    outline: auto;
}
.ypn-active .ypn-input__wrapper{
    border-radius: 5px 5px 0 0;
}
.ypn__enabled .ypn-input__active {
    outline-color: #488ECE !important;
}
.ypn__enabled .ypn-active .ypn-input__wrapper {
    border-radius: 5px 5px 0 0;
}
.ypn-message__success {
    padding-top: 8px;
    margin:0;
    color: #41c363;
    font-size: 12px;
}
.ypn__enabled .ypn-dropdown__button {
    width: 34px;
    border-radius: 0px 4px 4px 0 !important;
    border-width: 0;
    border-left-width: 0;
    font-size:24px;
    background:#fff;
    color:  #333;
    cursor: pointer;
    display:block;
}
.ypn-active button.ypn-dropdown__button {
    background:#E5E5E5;
}
.ypn-active input#custPartNum {
    border-radius: 3px 0 0 0 !important;
}
.ypn-active .ypn-dropdown__button {
    border-radius: 0 3px 0 0 !important;
}
.ypn__enabled .ypn_dropdown {
    position:relative;
    z-index:1;
    display: flex;
}
.ypn__enabled .ypn-select {
        border: 1px solid #888899;
        border-top-width: 0;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
        position: absolute;
        background: #fff;
        left: 0;
        right:0;
        display:none;
}
.ypn-active .ypn-select {
    display:block;
}
.ypn__enabled .ypn-select .ypn-select__li {
    padding: 0;
    line-height: 1.8em;
    color: #6F6F6F;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ypn-select .ypn-select__li .pf-trash-can {
    background-image: url('/wcsstore/AuroraB2BStorefrontAssetStore/images/pf-icon/trash-can.svg');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    padding: 16px;
    border: none;
    outline:none;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.ypn-select .ypn-select__li[data-value]:not(.ypn-select__li[aria-selected="true"]):hover,
.ypn-select .ypn-select__li[data-value]:not(.ypn-select__li[aria-selected="true"]):hover .ypn_update_input--button {
    background: #488ECE;
    color: white !important;
}
.ypn-select .ypn-select__li:not(.ypn-select__li[aria-selected="true"]):hover .pf-trash-can {
    background-image: url('/wcsstore/AuroraB2BStorefrontAssetStore/images/pf-icon/trash-can-white.svg');
    background-color: transparent;
}
.ypn-select .ypn-select__li[aria-selected="true"] {
    background: #E5E5E5;
}
.ypn__enabled .ypn-select__li__button {
    cursor: default;
}
.ypn_update_input--button,
.ypn_control_button--add_new {
    border: none;
    background: transparent;
    color: #333;
    display: inline-block;
    width: 74%;
    text-align: left;
    padding: 12px;
    font-size: 12px;
    cursor: pointer;
    word-wrap: break-word;
}
.ypn-select__li--max-entries,
.ypn-value-empty .ypn-select__li--max-entries {
    border-top: 1px solid #E0E0E0;
    display:none !important;
    padding: 12px !important;
    color: #DA1E28 !important;
    cursor: initial !important;
    line-height: 16px !important;
}
.ypn-select.ypn-max-entries .ypn-select__li--max-entries {
    display:inline-block !important;
}
.ypn-select.ypn-max-entries .ypn-select__li--add {
    display:none;
}


.ypn_control_button--add_new {
    border-top: 1px solid #E0E0E0;
    color: #0072C3 !important;
    background-color:#fff;
    width: 100%;
    display:inline-block;

}
.ypn-select__no-results .ypn_control_button--add_new {
    display:none;
}
.ypn__enabled .ypn-select .ypn-select__button {
    cursor: pointer;
    background-color: #fff !important;
    border: none;
    padding: 0;
    color: #0072C3;
}
.ypn-default-message {
    display: none;
    font-size:12px;
    padding: 8px;
}
.ypn__enabled .ypn-select__no-results .ypn-default-message {
    display: block;
}
.ypn__enabled .ypn__default-view .ypn_option__default {
    display: block;
}
.ypn_control__wrapper {
    display:flex;
    gap: 8px;
    padding: 8px 0 0;
}
button.ypn_control_button {
    background:#fff;
    border:0;
    color: #525252;
    padding: 2px 0;
    cursor:pointer;
    font-size: 12px
}
.ypn_control_button--add,
.ypn_control_button--update {
    color: #0072C3 !important;
}
.ypn__update .ypn_control_button--add,
.ypn_control__wrapper .ypn_control_button--update {
    display:none;
}
.ypn__update .ypn_control_button--update {
    display:block;
}
.ypn-default-message__hidden,
.ypn__hidden {
	display:none !important;
}


 
 .ypn-dropdown-icon.active +.dropdown-content {
	display: block;
}


.ypn-dropdown-icon {
	align-items: center;
	position: absolute;
	right: 0;
	top: 8px;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	border: 1px solid #ccc;
	padding: 10px;
	width: 7px;
	font-size: 24px;
	height:14px;
	background: #FFF;
}
.ypn-dropdown-icon.active, #custPartNum:focus+.ypn-dropdown-icon{
	background: #E5E5E5;
	border-radius: 0 5px 0 0;
}
.ypn-dropdown-icon:hover {
    background: #E5E5E5;
}
.customer-part-number.reg_user #custPartNum {
	padding: 10px;
	outline: none;
	border-radius:5px;
}
.customer-part-number.reg_user #custPartNum:focus{
	border-radius: 5px 5px 0 0;
}

@media (max-width: 1023px) {
    .ypn_update_input--button {
        width: 83%;
    }
}