/* Additional SN styles */
.exsg_box {
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	border-width: 3px 1px;

	font-family: Calibri, Arial;
	font-size: 14px;
}

.exsg_footer {
	display: none;
}

.exsg_item {
	padding: 2px;
}

.exsg_item .col1 {
	max-width: 315px;
	min-width: 315px;
	padding-left: 18px;
	width: 315px;
}

.col1 .exoSuggName {
	display: inline;
	overflow: hidden;
	vertical-align: top;
}

.exsg_item .col2 {

	float: right;
	text-align: right;
	max-width: 91px;
}

.exsg_cat .col1 {
	padding-left: 2px;
}

.exsg_cat {
	color: #0068B3;
}

.exsg_over {
	background-color: #C0DAEC;
}

.exsg_catCtx {
	opacity: 0.8;
}

.exsg_logo {
	border-top: 1px solid #d8d8d8;
}

.exsg_header {
	border-bottom: 1px solid #d8d8d8;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 2.5em;
	margin: 0;
	overflow: hidden;
	padding: 0 6px;
	text-align: left;
	white-space: nowrap;
}

/* APONEO - CSS customizations */

/*Image Optimization*/
/* removed by Thomas Schmidt 13.01.2021 */

.exsg_boxWW > img { 
  image-rendering: optimizeSpeed;             /*                     */
  image-rendering: -moz-crisp-edges;          /* Firefox             */
  image-rendering: -o-crisp-edges;            /* Opera               */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
  image-rendering: pixelated;                 /* Chrome as of 2019   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

span.exo-bold {
font-weight: bold;
color: #399ed5 !important;
}

.exsg_itemWW {
width: 100% !important;
}

.exsg_itemWW .col1 {
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}

.col1 .exoSuggName {
min-width: 85%;
}

.col1 .exoSuggName .price {
float: right;
margin-right: 10%;
}

.col1 .exoSuggName .exo-amount {
float: left;
color: black !important;
}

.exsg_boxWW .exsg_logo {
display: none !important;
}

.exsg_footer .apn-mb-30 {
margin-bottom: 0px !important;
}

.exsg_resultsWW ul,
.exsg_resultsWW ul li {
margin-bottom: 10px;
}

.exsg_boxWW .exsg_targetpg .exsg_itemWW .exoSuggName .name {
padding-right: 0px;
}

.exsg_boxWW .exsg_itemWW .exoSuggName .price-prescrp-wrapper {
position: initial;
}

.exsg_boxWW .exsg_itemWW .apn-exoImgWrapper {
float: left;
}

.exsg_boxWW .exsg_itemWW .exoSuggName {
float: left;
min-width: 40%;
}

.exsg_boxWW .exsg_itemWW .exoSuggName .price-prescrp-wrapper .price {
float: right;
}

.exsg_boxWW .exsg_itemWW .exoSuggName .price-prescrp-wrapper .exo-amount {
float: left;
}

.exsg_footer {
display: block;
}

.exsg_boxWW {
padding: 15px;
left: 15px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 3px;
overflow: auto;
z-index: 2000;
width: calc(100% - 30px)!important;
}

@media screen and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  overflow: auto;
  max-height: 87%;
}
}


.exsg_boxWW .exsg_header {
color: #414141;
font-family: Titillium Web;
font-weight: 600;
font-size: 14px;
line-height: 17px;
font-family: Titillium Web, Arial, Sans-Serif;
padding: 5px 0;
font-size: 16px
}

@media (min-width: 768px) {
.exsg_boxWW .exsg_header {
  font-size: 18px;
  line-height: 22px
}
}

@media (min-width: 992px) {
.exsg_boxWW .exsg_header {
  font-size: 20px;
  line-height: 24px
}
}

@media (min-width: 576px) {
.exsg_boxWW .exsg_header {
  padding: 5px 15px
}
}

@media screen and (max-height: 854px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 640px;
}
}

@media screen and (max-height: 823px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 610px;
}
}

@media screen and (max-height: 812px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 595px;
}
}

@media screen and (max-height: 736px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 525px;
}
}

@media screen and (max-height: 667px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 455px;
}
}

@media screen and (max-height: 640px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 430px;
}
}

@media screen and (max-height: 568px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 355px;
}
}

@media screen and (max-height: 480px) and (max-width: 768px) {
.exsg_boxWW .exsg_resultsWW {
  max-height: 270px;
}
}

@media (max-width: 575px) {
.exsg_boxWW .exsg_section {
  width: 98% !important;
  float: left !important;
  max-width: 98% !important;
}
}

.col1.suggest_ad_banner img {
max-width: 100%;
}


/* marking suggest */

.exoSuggName .name b {
font-weight: bolder;
color: #399ed5;
}


/* disable mouse over */

.exsg_boxWW .exsg_itemWW .exoSuggName {
position: absolute;
top: 5px;
}

.exsg_boxWW .exsg_itemWW.exsg_over {
background-color: transparent !important;
text-decoration: none;
}


/* FAQ default icon having a 40x40 dimension */

li.exsg_section.exsg_targetpg div.col1 {
height: 44px;
}

li.exsg_section.exsg_markenshop div.exoSuggName {
padding-top: 10px;
}


/* overflow on too long article names ("...")*/

.exsg_boxWW .exsg_itemWW .exoSuggName .name {
overflow: hidden;
text-overflow: ellipsis;
width: 96%;
}



/*
* Set/replace some exorbyte css
*/

.exsg_boxWW {
padding: 15px;
left: 15px;
background-color: #fff;
border: #d8d8d8 solid 1px;
border-radius: 3px;
overflow: auto;
z-index: 2000;
width: calc(100% - 30px) !important;
}

@media (max-width: 991px) {
  .exsg_boxWW {
    max-width: unset;
    width: 805px !important;
    left: calc(47% - 30px) !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}


@media (max-width: 768px) {
  .exsg_boxWW {
    left: 50% !important;
    max-width: 98%;
  }
}

@media (min-width: 992px) {
.exsg_boxWW {
  max-width: 805px;
}
}

.exsg_boxWW .exsg_header {
color: #414141;
font-family: "Titillium Web";
font-weight: 600;
font-size: 14px;
line-height: 17px;
font-family: 'Titillium Web', Arial, Sans-Serif;
padding: 5px 0;
font-size: 16px;
}

.exsg_boxWW .exsg_header.font-primary {
font-family: 'Zilla Slab', Arial, Sans-Serif;
}

@media (min-width: 768px) {
.exsg_boxWW .exsg_header {
  font-size: 18px;
  line-height: 22px;
}
}

@media (min-width: 992px) {
.exsg_boxWW .exsg_header {
  font-size: 20px;
  line-height: 24px;
}
}

@media (min-width: 576px) {
.exsg_boxWW .exsg_header {
  padding: 5px 15px;
}
}

.exsg_boxWW .exsg_resultsWW {
max-height: 549px;
overflow: auto;
}

.exsg_boxWW .exsg_resultsWW a {
color: #262626;
font-family: "Zilla Slab";
font-weight: 400;
font-size: 14px;
line-height: 18px;
}

@media (min-width: 768px) {
.exsg_boxWW .exsg_resultsWW a {
  font-size: 16px;
  line-height: 22px;
}
}

.exsg_boxWW .exsg_resultsWW>ul>li {
width: 100%;
padding: 5px 0;
}

@media (min-width: 576px) {
.exsg_boxWW .exsg_resultsWW>ul>li {
  padding: 5px 15px;
  float: left;
}
}

.exsg_boxWW .exsg_resultsWW .exsg_targetpg .name {
white-space: normal;
}

.exsg_boxWW .exsg_itemWW {
width: auto;
position: relative;
clear: both;
margin-bottom: 0px;
cursor: pointer;
white-space: nowrap;
}

.exsg_boxWW .exsg_itemWW .col1 {
padding-left: 0;
}

.exsg_boxWW .exsg_itemWW.exsg_cat {
color: #414141;
font-family: "Titillium Web";
font-weight: 600;
font-size: 14px;
line-height: 17px;
font-size: 16px;
padding: 10px 0;
border-bottom: 1px solid #e1f5db;
margin-bottom: 10px;
}

.exsg_boxWW .exsg_itemWW.exsg_cat.font-primary {
font-family: 'Zilla Slab', Arial, Sans-Serif;
}

@media (min-width: 768px) {
.exsg_boxWW .exsg_itemWW.exsg_cat {
  font-size: 18px;
  line-height: 22px;
}
}

@media (min-width: 992px) {
.exsg_boxWW .exsg_itemWW.exsg_cat {
  font-size: 20px;
  line-height: 24px;
}
}

.exsg_boxWW .exsg_itemWW .exoSuggImg {
width: 40px;
height: 40px;
float: left;
}

.exsg_boxWW .exsg_itemWW .exoSuggName,
.exsg_boxWW .exsg_itemWW .exoSuggDosage {
margin-left: 48px;
display: block;
}

.exsg_boxWW .exsg_itemWW .apn-exoImgWrapper {
width: 50px;
height: 50px;
display: inline-block;
vertical-align: middle;
}

.exsg_boxWW .exsg_itemWW .apn-exoImgWrapper img {
width: 100%;
}

.exsg_boxWW .exsg_itemWW .exoSuggName {
color: #262626;
font-family: "Zilla Slab";
font-weight: 400;
font-size: 14px;
line-height: 18px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
color: #0069b3;
width: calc(100% - 50px) !important;
min-width: 0;
margin-left: 0;
padding-left: 10px;
}

@media (min-width: 768px) {
.exsg_boxWW .exsg_itemWW .exoSuggName {
  font-size: 16px;
  line-height: 22px;
  padding-top: 3px;
}
}

@media (min-width: 768px) {
.exsg_section exsg_markenshop .exsg_boxWW .exsg_itemWW .exoSuggName {
  padding-top: 10px;
}
}

.exsg_boxWW .exsg_itemWW .exoSuggName .name {
line-height: 21px;
color: #414141;
font-family: "Zilla Slab";
font-weight: 600;
font-size: 14px;
line-height: 18px;
padding-right: 5px;
}

@media (min-width: 768px) {
.exsg_boxWW .exsg_itemWW .exoSuggName .name {
  font-size: 16px;
  line-height: 18px;
}
}

.exsg_boxWW .exsg_itemWW .exoSuggName .price-prescrp-wrapper {
position: relative;
}

.exsg_boxWW .exsg_itemWW .exoSuggName .price-prescrp-wrapper .price {
position: absolute;
right: 0;
color: #ff2551;
font-weight: 700;
}

.exsg_boxWW .exsg_itemWW .exoSuggName .price-prescrp-wrapper .prescription {
color: #414141;
padding-right: 50px;
}

.exsg_boxWW .exsg_itemWW .exoSuggDosage {
overflow: hidden;
text-overflow: ellipsis;
}

.exsg_boxWW .exsg_itemWW .exsg_clear {
display: none;
}

.exsg_boxWW .exsg_itemWW .exoSuggName .name .exo-bold {
color: #399ED5 !important;
}