li.disabled{
  pointer-events: none;
}

.sortByLabel{
  padding-right: 1em;
}


.itemsPerPage{
  padding-right: 20px;
  align-content: flex-start;
  color: #7f7f7f
}

.itemsPerPage a{
  color: #7f7f7f
}


.itemsPerPageList a.active{
  color: #000
}

ul.itemsPerPageList{
  list-style-type: none; 
  display: inline;  
  padding-left: 5px;
}

.itemsPerPageList li{
  display: inline;  
}

.itemsPerPageList li::after{
  content: '|';
  margin: 0 5px;
}

.itemsPerPageList li:last-child:after{
  content: '';
}

.shop_title h1 {
  font-size: 33px;
  margin-bottom: 0;
  font-weight: 300;
}

span.searchTerm{
  font-weight: 400;
  text-transform: none;
}

h4{
  font-size: 12px
}

.single_product {
  border: 2px solid #f0f0f0;
}

button[data-direction="right"] {
  background: url(https://cdn.dsmcdn.com/web/production/slick-arrow.svg) no-repeat 50%;
    outline: none;
    border: none;
    cursor: pointer;
    position: relative;
    height: 275px;
    width: 15px;
    right: -16px;
}

button[data-direction="left"] {
  background: url(https://cdn.dsmcdn.com/web/production/slick-arrow.svg) no-repeat 50%;
    outline: none;
    border: none;
    cursor: pointer;
    position: relative;
  height: 275px;
  width: 15px;
  
  transform: rotate(
    180deg);
  left: -12px; 
}

.widget_list{
  padding-bottom: 1px;
  margin-bottom: 10px;
}

.widget_list > ul > li > a.singleselect {
  margin-left: 5px;
}

.widget_list > ul > li.currentCategory {
  margin-left: 18px;
}

.democontrolpanel{
  margin-bottom: 25px;
  padding: 20px;
  font-family: 'Roboto', 'Open Sans', 'Inter', 'Lato', 'Nunito', sans-serif;
}

.democontrolpanel h3{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.newpig-tagline{
  font-family:  "Sans,Helvetica,Arial,sans-serif";
}


.header_middle {
  background: #ffffff;
  padding: 25px 0;
}

.header_top{
  background: #005270;
}

.top_right{
}

.top_right > ul > li > a{
  color: white;
}

.footer_widgets{
  background-color: #005270;
  color: white
}

.search_box{
  width: 100%;
}

.search_box input{
  display: block;
  width: 540px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.react-autosuggest__container {
  position: relative;
  width: 80%;
}

.react-autosuggest__input {
  width: 100%;
  height: calc(1.5em + 0.9rem + 2px);
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.37rem;
  padding: 0.45rem 0.85rem;
  line-height: 1.5;
  color: #495057;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;







}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 37px;
  width: 280px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd;
}


.rule_icon{
  max-width: 12px;
  margin-left: 5px;
  margin-right: 0px;
}

/*rewrites*/

.rules-rewrites-wrapper{
  padding-top: 1.5em;
  font-size: medium
}

.rewrites{
  margin-left: .75em;
}

.rewrite{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .8em;
}

.rewrite-type-entity, .rewrite-type-intent, .rewrite-type-phrase, .rewrite-type-spell, .rewrite-type-synonym, .rewrite-type-tail {
  background-color: #005270;
  color: #fff;
  border-radius: 4px;
  padding: 8px 12px;
  height: 32px;
  position: relative;
  margin-right: 38px;
  text-transform: capitalize;
  height: 100%;
}

.rewrite-surface-form {
  display: none;
}

.rewrite-action {
  display: none;
}

.rewrite-type-entity::after,
.rewrite-type-intent::after,
.rewrite-type-spell::after,
.rewrite-type-phrase::after,
.rewrite-type-synonym::after,
.rewrite-type-tail::after {
    background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.01 3H0v2h12.01v3L16 4l-3.99-4z' fill='rgba(13, 24, 52, 0.9999)' transform='rotate(0,8,4)' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content          : "";
    width            : 20px;
    height           : 9px;
    margin           : 12px 8px;
    position         : absolute;
    top              : 0;
    right            : -38px;
}

.rewrite-output {
  color: #0d1834;
  margin-right: 8px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rewrite-output-value {
  border: 1px solid #8b8e91;
  padding: 7px 10px;
  margin-right: 8px;

  background: rgb(235, 229, 229);
}

.fusionRender_debug_panel{
  padding: 10px 20px;
  font-family:  "Courier New, Lucida Console, Monaco";
  font-size: "small";
}



.content_name h3 {
  font-size: 14px;
  text-transform: capitalize;
  margin: 15px 0 4px 0;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.content_name h3 a {
  line-height: 20px;
  display: block;
}

.contenttypeselector {
  padding-top: 15px;
}

.nav-tabs .nav-link.active {
  font-weight: bolder;
}

.nav-tabs .nav-link.active {
  background-color: #f4f4f4;
}

.nav-link {
  color: unset
}


.logout button {
  border: 0;
  font-size: 16px;
  background: #005270;
  height: 42px;
  text-transform: capitalize;
  min-width: 150px;
}

.autosuggest_group_title{
  font-weight: bolder;
  font-size: small;
  padding-top: 1em;
}

.didyoumean{
  padding-top: 10px;
}

.didyoumean a{
  text-decoration: underline;
}

.facet_name{
  font-weight: bold;
  font-size: medium;
  text-transform: uppercase;
}

.facet_boost{
  display:inline;
  padding-left: 2px;
  margin-bottom: 2px;
}

.signal_selected{
  background-color: rgb(197, 229, 238);
}

.relevance{
  background-color: #eaf3f7;
}



.react-chatbot-kit-chat-container {
  width: 500px !important;
}

.react-chatbot-kit-chat-inner-container {
  height: 900px !important;
}

.react-chatbot-kit-chat-message-container {
  height: 800px !important;
}
.react-chatbot-kit-chat-bot-message {
  width: 400px !important;
  font-size: large !important;
}


#fixedbutton-chatgpt{
  position: fixed;
  bottom: 11%;
  right: -5px;
  min-width: 150px;
  min-height: 50;
  background: rgb(235, 234, 234);
  font-weight: bold;
  color: black;
  padding: 10px;
  border-top-left-radius: 130px;
  border-bottom-left-radius: 130px;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.6);
}

.chatbot_close{
  padding: 5px;
  font-size: x-small;
}

.supporting_document_title{
  font-size: large;
}

h3.pdp_copilot_debug{
  font-weight: bold;
  padding-top: 1em;
}

h4.pdp_copilot_debug{
  font-weight: bold;
  padding-top: 2em;
}
.reviews{
  padding-bottom: 24px;
}

.content_suggestion{
  padding-top: .5em;
  text-decoration: underline;
}

.subscribe_form form button{
  background-color: #333;
}