/** SDK styling override **/
  .UNX-multilevel-block .UNX-facet-text{
    height: auto;
  }

  body {
    background-color: #fff !important;
}

body.no-results-found #maincontent .page-title-wrapper,body.no-results-found #maincontent .pages.messages,body.no-results-found #maincontent .columns{
  display: none;
}

/** multilevel as check box **/
.UNX-multilevel-block .UNX-facet-text:before {
  content: ' ';
  display: block;
  background-color: #fff;
  border: 1px solid #c3c2c9;
}


.UNX-category-icon:before{
  content: none;
}

.UNX-selected-crumb .UNX-facet-text:after {
  border: 2px solid #fff;
  border-right-style: none;
  border-top-style: none;
  content: "";
  height: 3px;
  left: 4px;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 6px;
  z-index: 1;
}

.UNX-selected-crumb .UNX-facet-text:before {
  background-color: #000000;
  border-color: #000000;
}
.UNX-multilevel-block .UNX-facet-text{
  padding-left: 1.5rem !important;
}
/** multilevel as check box end**/

/** SDK styling override end**/

html,body{
    font-size: 18px;
  }
  

  
  /** Desktop Styling Facets **/
  ul li.UNX-remove-facet{
    margin-bottom: 10px;
  }
  .unbxd-search-results-page .facetedSearch{
      padding: 1.5rem 1rem;
  }
  .UNX-facet-item-d .filter-label{
      padding: 0.5rem;
  }
  
  .UNX-facet-item-d .filter-options{
      margin-top:1rem;
      margin-bottom:1.5rem;
  }
  
  
  
  .UNX-facet-item-d h3 {
    margin: 0px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
  }
  
  .UNX-change-facet{
    height: auto;
    padding:.375rem 0;
  }
  
  .UNX-facet-text,.UNX-facet-count{
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 400;
      color: #131313;
  }
  .UNX-facet-text{
    padding-left: 1.5rem
  }
  
  .UNX-facet-text:before{
    top: 0.25rem;
    width: 1rem;
    height: 1rem;
  }
  
  .UNX-selected-facet-btn .UNX-facet-text:after,.UNX-selected-crumb .UNX-facet-text:after{
    
      height: 0.25rem;
      left: 0.25rem;
      top: 0.6rem;
      width: 0.5rem;
      z-index: 1;
  }
  
  body.no-results-found #unbxd-product-listing-container .emthemesModez-productsFilter{
    display: none;
  }
  
  .no-results-container,.no-result-product-recs{
    display: none;
  }
  
  body.no-results-found .no-results-container,body.no-results-found .no-result-product-recs{
    display: block;
  }
  
  #unbxd-product-listing-container h4.card-title {
    height: 60px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  
  /** Facet Mobile Styling **/
  
  @media (max-width: 800px){
    .unbxd-search-results-page .page-sidebar{
      order: 1;
    }
    .unbxd-search-results-page .page-sidebar div{
      display: none;
    }
  
    .unbxd-search-results-page .page-sidebar div.emthemesModez-productsFilter--faceted,
    .unbxd-search-results-page .page-sidebar div.emthemesModez-productsFilter--faceted div,
    .unbxd-search-results-page .page-sidebar div.facetedSearch,
    .unbxd-search-results-page .page-sidebar div.facetedSearch div.is-open,
    .unbxd-search-results-page .page-sidebar div.facetedSearch #facetedSearch-navList div
    {
      display: block !important;
    }
  
    .unbxd-search-results-page .page-sidebar div.facetedSearch #facetedSearch-navList .UNX-value-container.UNX-range-value-block,  .unbxd-search-results-page .page-sidebar div.facetedSearch #facetedSearch-navList .UNX-value-container.UNX-range-value-block div{
      display: flex !important;
    }
  
    .unbxd-search-results-page .facetedSearch{
      padding: 0px 1rem !important;
    }
  
  
  
    .UNX-facet-close:after,.UNX-facet-open:after{
      float: right;
    }
  
    .UNX-facet-item-d h3 {
      display: inline-block;
    }
    .range-inputs__input-prefix-wrap{
      margin-right: 2rem;
    }
  
  
  }
  
  
  /** no ui styling **/
  
  /*! nouislider - 14.6.2 - 9/16/2020 */
  /* Functional styling;
   * These styles are required for noUiSlider to function.
   * You don't need to change these rules to apply your design.
   */
   .noUi-target,
   .noUi-target * {
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-user-select: none;
     -ms-touch-action: none;
     touch-action: none;
     -ms-user-select: none;
     -moz-user-select: none;
     user-select: none;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
   
   .noUi-target {
     position: relative;
   }
   
   .noUi-base,
   .noUi-connects {
     width: 100%;
     height: 100%;
     position: relative;
     z-index: 1;
   }
   
   /* Wrapper for all connect elements.
     */
   .noUi-connects {
     overflow: hidden;
     z-index: 0;
   }
   
   .noUi-connect,
   .noUi-origin {
     will-change: transform;
     position: absolute;
     z-index: 1;
     top: 0;
     right: 0;
     -ms-transform-origin: 0 0;
     -webkit-transform-origin: 0 0;
     -webkit-transform-style: preserve-3d;
     transform-origin: 0 0;
     transform-style: flat;
   }
   
   .noUi-connect {
     height: 100%;
     width: 100%;
   }
   
   .noUi-origin {
     height: 10%;
     width: 10%;
   }
   
   /* Offset direction
     */
   .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
     left: 0;
     right: auto;
   }
   
   /* Give origins 0 height/width so they don't interfere with clicking the
     * connect elements.
     */
   .noUi-vertical .noUi-origin {
     width: 0;
   }
   
   .noUi-horizontal .noUi-origin {
     height: 0;
   }
   
   .noUi-handle {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     position: absolute;
   }
   
   .noUi-touch-area {
     height: 100%;
     width: 100%;
   }
   
   .noUi-state-tap .noUi-connect,
   .noUi-state-tap .noUi-origin {
     -webkit-transition: transform 0.3s;
     transition: transform 0.3s;
   }
   
   .noUi-state-drag * {
     cursor: inherit !important;
   }
   
   /* Slider size and handle placement;
     */
   .noUi-horizontal {
     height: 18px;
   }
   
   .noUi-horizontal .noUi-handle {
     width: 34px;
     height: 28px;
     right: -17px;
     top: -8px;
   }
   
   .noUi-vertical {
     width: 18px;
   }
   
   .noUi-vertical .noUi-handle {
     width: 28px;
     height: 34px;
     right: -6px;
     top: -17px;
   }
   
   .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
     left: -17px;
     right: auto;
   }
   
   /* Styling;
     * Giving the connect element a border radius causes issues with using transform: scale
     */
   .noUi-target {
     background: #FAFAFA;
     border-radius: 4px;
     border: 1px solid #D3D3D3;
     box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
   }
   
   .noUi-connects {
     border-radius: 3px;
   }
   
   .noUi-connect {
     background: #3FB8AF;
   }
   
   /* Handles and cursors;
     */
   .noUi-draggable {
     cursor: ew-resize;
   }
   
   .noUi-vertical .noUi-draggable {
     cursor: ns-resize;
   }
   
   .noUi-handle {
     border: 1px solid #D9D9D9;
     border-radius: 3px;
     background: #FFF;
     cursor: default;
     box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
   }
   
   .noUi-active {
     box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
   }
   
   /* Handle stripes;
     */
   .noUi-handle:before,
   .noUi-handle:after {
     content: "";
     display: block;
     position: absolute;
     height: 14px;
     width: 1px;
     background: #E8E7E6;
     left: 14px;
     top: 6px;
   }
   
   .noUi-handle:after {
     left: 17px;
   }
   
   .noUi-vertical .noUi-handle:before,
   .noUi-vertical .noUi-handle:after {
     width: 14px;
     height: 1px;
     left: 6px;
     top: 14px;
   }
   
   .noUi-vertical .noUi-handle:after {
     top: 17px;
   }
   
   /* Disabled state;
     */
   [disabled] .noUi-connect {
     background: #B8B8B8;
   }
   
   [disabled].noUi-target,
   [disabled].noUi-handle,
   [disabled] .noUi-handle {
     cursor: not-allowed;
   }
   
   /* Base;
     *
     */
   .noUi-pips,
   .noUi-pips * {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
   
   .noUi-pips {
     position: absolute;
     color: #999;
   }
   
   /* Values;
     *
     */
   .noUi-value {
     position: absolute;
     white-space: nowrap;
     text-align: center;
   }
   
   .noUi-value-sub {
     color: #ccc;
     font-size: 10px;
   }
   
   /* Markings;
     *
     */
   .noUi-marker {
     position: absolute;
     background: #CCC;
   }
   
   .noUi-marker-sub {
     background: #AAA;
   }
   
   .noUi-marker-large {
     background: #AAA;
   }
   
   /* Horizontal layout;
     *
     */
   .noUi-pips-horizontal {
     padding: 10px 0;
     height: 80px;
     top: 100%;
     left: 0;
     width: 100%;
   }
   
   .noUi-value-horizontal {
     -webkit-transform: translate(-50%, 50%);
     transform: translate(-50%, 50%);
   }
   
   .noUi-rtl .noUi-value-horizontal {
     -webkit-transform: translate(50%, 50%);
     transform: translate(50%, 50%);
   }
   
   .noUi-marker-horizontal.noUi-marker {
     margin-left: -1px;
     width: 2px;
     height: 5px;
   }
   
   .noUi-marker-horizontal.noUi-marker-sub {
     height: 10px;
   }
   
   .noUi-marker-horizontal.noUi-marker-large {
     height: 15px;
   }
   
   /* Vertical layout;
     *
     */
   .noUi-pips-vertical {
     padding: 0 10px;
     height: 100%;
     top: 0;
     left: 100%;
   }
   
   .noUi-value-vertical {
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     padding-left: 25px;
   }
   
   .noUi-rtl .noUi-value-vertical {
     -webkit-transform: translate(0, 50%);
     transform: translate(0, 50%);
   }
   
   .noUi-marker-vertical.noUi-marker {
     width: 5px;
     height: 2px;
     margin-top: -1px;
   }
   
   .noUi-marker-vertical.noUi-marker-sub {
     width: 10px;
   }
   
   .noUi-marker-vertical.noUi-marker-large {
     width: 15px;
   }
   
   .noUi-tooltip {
     display: block;
     position: absolute;
     border: 1px solid #D9D9D9;
     border-radius: 3px;
     background: #fff;
     color: #000;
     padding: 5px;
     text-align: center;
     white-space: nowrap;
   }
   
   .noUi-horizontal .noUi-tooltip {
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     left: 50%;
     bottom: 120%;
   }
   
   .noUi-vertical .noUi-tooltip {
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     top: 50%;
     right: 120%;
   }
   
   .noUi-horizontal .noUi-origin>.noUi-tooltip {
     -webkit-transform: translate(50%, 0);
     transform: translate(50%, 0);
     left: auto;
     bottom: 10px;
   }
   
   .noUi-vertical .noUi-origin>.noUi-tooltip {
     -webkit-transform: translate(0, -18px);
     transform: translate(0, -18px);
     top: auto;
     right: 28px;
   }
   
   /** no ui custom styling **/
   
   #price input{
    line-height: 1.8em;
    max-width: 90%;
    min-width: 2.5em;
   }
   #price .range-inputs__input-prefix-wrap{
     display: inline;
   }
  
   .UNX-range-slider-wrap{
      min-height: inherit !important;
      padding: 30px 0px 0px;
   }
  
   .UNX-range-slider-wrapper .noUi-connect{
      background-color: #323b42;
   }
  
   .noUi-horizontal .noUi-handle{
      width: 24px;
      height: 24px;
      background-color: #323b42;
      box-shadow: none;
      /* opacity: 100%; */
      border: none;
   }
  
  
   .UNX-range-slider-wrap .UNX-range-slider-wrapper {
    margin: 0px 0.5rem !important;
    width: calc(100% - 2rem)!important;
  
   }
   
   
   .UNX-value-container.UNX-range-value-block{
     display: flex;
     justify-content: space-between;
     flex-wrap: nowrap;
     padding: 1rem 0rem;
     
   }
   
   .UNX-value-container.UNX-range-value-block button{
     background-color: #323b42;
     display: flex;
     align-items: center;
   
   }
  
  
   /** CSS for sandbox to make it somewhat presentable **/
  
   body.papaSupermarket-style--default .body .container{
    display: flex;
  
   }
  
   body.papaSupermarket-style--default .emthemesModez-productsFilter.emthemesModez-productsFilter--faceted{
    display: none;
   }
  
   body.papaSupermarket-style--default #unbxd-product-listing-container .emthemesModez-productsFilter.emthemesModez-productsFilter--faceted{
    display:block !important;
   }
  
   body.papaSupermarket-style--default .facetedSearch{
    flex-basis: 20%;
    margin-right: 20px;
   }
  
   body.papaSupermarket-style--default #product-listing-container{
    flex-basis: 80%;
   }
  
   /* #unbxd-product-results{
    display:grid;
    grid-template-columns:repeat(3,1fr)
   } */
  
   /* #layer-product-list>.wrapper{
    display:inline-block;
   } */

  .catalogsearch-result-index .infinite-loader .btn-load-more {
    height: auto;
  }
  
   .UNX-grid-block{
    display:flex;
    flex-wrap:wrap;
   }
  
  
   /* Facet Styling*/
  
   .sidebarBlock-heading, .UNX-facet-item-d h3{
    
    font-weight:600;
    border: none;
      background-color: transparent;
      padding: 16px 20px 4px 0;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 600;
      color: #21293c;
      letter-spacing: 0.01em;
      /* margin: 13px 0; */
   }
  
   .UNX-facets-item{
    overflow:hidden;
   }
  
   .UNX-selected-facet-lb >.no-filter{
    font-size: 13px;
   }
   button:not(.primary) {
    border:none; 
    color:#777;
  }
  button:not(.primary):hover{
    background:white;
    text-decoration:underline;
    text-decoration-offset: 5px;
    color:gray;
  }
  .UNX-facets-block>.UNX-facet-text , .UNX-facets-block>.UNX-facet-count{
       color:#777;
       font-size:13px;
  }
  .UNX-facets-all > .UNX-facets-items > button {
    font-size:12px;
  }
  .layered-filter-block-container{
    padding:10px;
    border:1px solid #DAE2E6;
  
  }
  
  .UNX-facet-close:after {
    content: "<";
    font-size: 20px;
    line-height: 20px;
    transform:rotate(270deg);
  }
  .UNX-facet-open:after {
    content: "<";
    font-size: 20px;
    line-height: 20px;
    transform:rotate(90deg);
  
  }
  
  .UNX-facet-item-d{
    margin-top:0px;
    margin-bottom: 10px;
  }
  .UNX-facet-item-d .UNX-facet-header {
    margin-bottom: 0.5rem;
  }
  .UNX-facet-header{
   padding-top:10px;
   margin-bottom:0;
  }
  .block-actions{
    border-bottom:none;
  }
  .UNX-range-slider-wrapper{
    postion:absolute;
    top:20px;
    left:5px;
  }
  #price_slider{
    border-bottom:none;
  }
  
  @media only screen and (max-width:768px){
    .UNX-selected-facet-lb{
      margin-left:30px;
    }
  }
 .seperator{
    border-bottom : 1px solid #DAE2E6;
  }
  /** hide clear option **/
  .UNX-facet-footer{
    display: none;
  }

  /** Customer Mobile Styling override **/
  @media (max-width: 767px){
    .filter.active .filter-current.no-selection~.filter-options {
        height: calc(100vh - 47px) !important;
        top: 47px !important;
    }
    .filter.active .filter-options {
        top: calc(20vh + 47px) !important;
        height: calc(80vh - 47px) !important;
    }
    .filter.active .filter-current{
        height: calc(20vh);
        overflow-x: hidden;
    }
    .sidebarBlock-heading, .UNX-facet-item-d h3{
        padding: 0px;
        margin: 10px 0px;
    }
  }