@font-face {
    font-family: 'firasanscondensed-light';
    src: url("/shop/javax.faces.resource/fonts/fira-sans-condensed-v5-latin-300.woff2.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff2'),
         url("/shop/javax.faces.resource/fonts/fira-sans-condensed-v5-latin-300.woff.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'firasanscondensed-bold';
    src: url("/shop/javax.faces.resource/fonts/fira-sans-condensed-v5-latin-700.woff2.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff2'),
         url("/shop/javax.faces.resource/fonts/fira-sans-condensed-v5-latin-700.woff.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'firasanscondensed-regular';
    src: url("/shop/javax.faces.resource/fonts/fira-sans-condensed-v5-latin-500.woff2.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff2'),
         url("/shop/javax.faces.resource/fonts/fira-sans-condensed-v5-latin-500.woff.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-light';
	src: url("/shop/javax.faces.resource/fonts/roboto-v29-latin-300.woff2.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff2'),
		 url("/shop/javax.faces.resource/fonts/roboto-v29-latin-300.woff.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-bold';
	src: url("/shop/javax.faces.resource/fonts/roboto-v29-latin-700.woff2.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff2'),
		 url("/shop/javax.faces.resource/fonts/roboto-v29-latin-700.woff.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") format('woff');
    font-weight: normal;
    font-style: normal;
}


*{
	box-sizing: border-box;
}
body, html{		
	font-family: 'firasanscondensed-regular';
	font-size: 16px;	
	color: #00325D;
	-webkit-font-smoothing: antialiased;
}
body{
	/*background: #e8e8e8;*/
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

p{
	font-family: 'roboto-light';
	line-height: 1.8em;
	margin-bottom: 20px;
}
p a{
	color: #00325D;
	text-decoration: underline;	
}

strong{	
	font-family: 'roboto-bold';
}

.clear{
	clear:both;
}
.container{
	width: 1020px;
	margin: 0 auto;
}
.vendorcontainer{
	max-width: 1200px;
	margin: 0 auto;
}
.page-wrapper{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.img-responsive{
	width: 100%;
}

/*** HEADLINES ***/
.headline-1{
	font-family: 'firasanscondensed-bold';
	font-size: 3em;
	line-height: 1.3em;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}

.headline-1.txt-left{
	margin: 0;
	text-align: left;
	margin-bottom: 40px;
}
.headline-2{
	font-family: 'firasanscondensed-bold';
	font-size: 2em;
	margin: 0 0 0.2em 0;
}
a.headline-2{
	color: #00325D;
}

.headline-3{
	font-family: 'firasanscondensed-bold';
	font-size: 1.4em;
	line-height: 1.4em;	
}

.headline-4{
	font-family: 'firasanscondensed-bold';
	font-size: 1.0em;
	line-height: 1.0em;	
}

.headline-4plus{
	font-family: 'firasanscondensed-bold';
	font-size: 1.05em;
	line-height: 1.05em;	
}
.headline-4plus.txt-center{
	margin: 0;
	text-align: center;
	margin-bottom: 20px;
	margin-top: -10px;
}

.headline-4plus.txt-left{
	margin: 0;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
}

.space-bottom-5 {
	margin-bottom: 5px;
}

.space-bottom-10 {
	margin-bottom: 10px;
}

.space-bottom-15 {
	margin-bottom: 15px;
}

.strong{ 
    font-family: 'roboto-bold';
}

/*** BUTTONS ***/
.button-1{
	display: block;
	font-size: 2em;	
	padding: 20px 0;	
	background: red;
	font-weight: bold;
	color: #fff;
}

.intro-wrapper .button-1:hover{
	color: #fff;
	text-decoration: none;
}

.intro-wrapper .button-1:visited{
	color: #fff;
	text-decoration: none;
}

.intro-wrapper .button-1:active{
	color: #fff;
	text-decoration: none;
}

.intro-wrapper .button-1:link{
	color: #fff;
	text-decoration: none;
}

/*** TOOLTIP ***/
.tipso{
	cursor: pointer;
	border: 0;
}



/*** GLOBAL ***/
.section{	
	padding: 80px 0 80px 0;
	position: relative;
	background: #fff;
}

.section p a{	
	color: #00325D;
	text-decoration: underline;
}



.pm-form input[type="text"]{
	border: 2px solid #02315d;
	height: 50px;
	padding-left: 10px;	
}
.pm-form .form-left{
	float: left;
	width: 49%;	
}
.pm-form .form-left{
	float: left;
	width: 49%;	
}
.pm-form .form-right{
	float: right;
	width: 49%;	
}
.pm-form input{
	width: 100%;
	margin-bottom: 30px;	
}
.pm-form textarea{
	width: 100%;
	height: 211px;
	border: 2px solid #02315d;
	padding-left: 10px;
	padding-top: 10px;
}
.pm-form .submit-button{
	width: 160px;
	color: #fff;
	float: right;	 
	background: linear-gradient(to right, #33ccff 0%,#00325D 100%);
	font-size: 1.6em;		
	font-family: 'roboto-bold';
	border: 0;
	-webkit-appearance: none;
	padding: 10px;
	cursor: pointer; 	
}

.pm-form .msv3-button{
	color: #fff;
	float: right;
	background: linear-gradient(to right, #006060 0%,#002e5e 100%);
	font-size: 1.0em;
	font-family: 'gotham-bold';
	-webkit-appearance: none;
	padding: 10px;
	cursor: pointer;
}

.pm-form textarea,
.pm-form input{
	font-size: 1em;
	outline: 0 !important;
	color: #00325D;
	font-family: 'roboto-bold';
}
.pm-form textarea{
	resize: none;	
}
.pm-form input.submit-button{}


/*** HEADER ***/
.header-space{
	height: 100px;	
	width: 100%;
}
#header{
	border-bottom: 2px solid #00325D;
	padding: 0;
	position: fixed; 
	top: 0px;
	left: 0px;
	width: 100%;
	background: #fff;
	z-index: 9999;
	height: 110px;	
}

#login-form-header{
	position: absolute;
	top: 10px;
	right: 70px;	
}
#login-form-header input,
#login-form-header .input-with-submit{
	float: left;
}
#login-form-header input{
	border: 1px solid #c3c8d1;	 
    height: 30px;
    font-size: 1em;
    padding-left: 5px;
    outline: 0;
}

#login-form-header .input-pass{
	width: 190px;
}

#login-form-header .input-with-submit input.submit-button {
    position: absolute;
    top: 5px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: url("/shop/javax.faces.resource/img/submit-icon.png.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") no-repeat;
    background-size: 17px auto;
    border: 0;
    cursor: pointer;
}

#login-form-header .input-with-submit{
	margin-left: 10px;
}

#login-form-header .input-login{
	width: 220px;
	height: 30px;
	font-size: 1em;
}

#login-form-header #btnLogout {
	height: 36px;
	font-size: 1em;
}

#login-form-header .btn-primary {
	font-size: 1em;
	letter-spacing: 0.2px;
}

#login-form-header .dropdown-menu {
	font-size: 1.1em;
	letter-spacing: 0.4px;
}

#login-form-header #activeCustomer {
	font-size: 1.0em;
}


#header .container{
	width: 90%;
	position: relative;
	max-width: 1920px;
}

#header-logo{
	width: 229px;
	display: block;
	float: left;
	margin-top: 17px;
}
#header-logo img{
	width: 100%;
}

#job-banner{
	float: left;
	margin-left: 50px;
	border-radius: 12px;
	background: linear-gradient(to right, #1a497a 0%, #19639f 100%);
	padding: 12px;
	margin-top: 20px !important;
	font-size: 14px;
}

#job-banner p{
	color: white;
	line-height: 1.4em;
	margin-bottom: 0;
	margin-right: 24px;
	font-family: 'firasanscondensed-regular';
}

#job-banner p a{
	color: white;
}


.login-info{
	margin-top: 2px;
}
.login-info li{
	float: left;	
	margin-right: 10px;
}
.login-info li a{	
	font-size: 0.85em;
    text-decoration: underline;
    color: #5c616e;
}


.mainnav{
	position: absolute;	
	margin-top: 65px;
	right: 0px;
}
.mainnav li{
	float: left;
	margin-right: 35px;
}
.mainnav li:last-child{
	margin-right: 0;
}
.mainnav li a{
	color: #00325D;
	font-size: 1.4em;
	text-decoration: none;	
	position: relative;
}
.mainnav li .current:after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 15px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
    bottom: -33px;
    left: 0px;
    right: 0px;
    margin: 0 auto;	
    
}
.mainnav li .current:before{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 17px 17px 0 17px;
    border-color: #00325D transparent transparent transparent;
    bottom: -36px;
    left: 0px;
    right: 0px;
    margin: 0 auto;	   
}
.page-anchor{
	width: 100px;	
	top: -78px;
	position: relative;
	z-index: 999;
	position: absolute;
}

ul.lang-nav{	
    position: absolute;
    top: 23px;
    right: 0px;    
}
ul.lang-nav li{
	float: left;
	margin-right: 10px;	
}
ul.lang-nav li a{
	opacity: 0.5;
	transition: opacity 0.3s;
}
ul.lang-nav li a:hover,
ul.lang-nav li.active a{
	opacity: 1;
}
ul.lang-nav li.active a{
	opacity: 1;
}
ul.lang-nav li:last-child{
	margin-right: 0;
}
.pm-mainteaser-slider{		
	background: #000;
}
.pm-mainteaser-slider li{
	height: 700px;		
}
.pm-mainteaser-slider .slider-content{		
	margin-top: 300px;
    text-align: center;
    font-size: 60px;
    font-family: 'firasanscondensed-bold';
    text-shadow: 1px 1px #fff;
}
.pm-mainteaser-slider .slide-2 .slider-content{
	color: #fff;
	text-shadow: 1px 1px #00325D;
}
.sy-box{
	height:700px;
}
.sy-pager{
	margin: -30px 0 0 0;
	position: relative;
	z-index: 9;
}
.sy-pager li{
	margin-right: 10px;
	width: 15px;
	height: 15px;
}
.sy-pager li a{
	background: #c2c6d0;
}
.sy-pager li.sy-active a{
	background: #01315d;
}

.pm-bar{
	height: 85px;
	width: 100%;
	background: #00325D;
	background: -moz-linear-gradient(left, #00325D 0%, #33ccff 100%);
	background: -webkit-linear-gradient(left, #00325D 0%,#33ccff 100%);
	background: linear-gradient(to right, #00325D 0%,#33ccff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00325D', endColorstr='#33ccff',GradientType=1 );
}

/*** JOB ADVERTISEMENT ***/

#job-advert{
	text-align: left;
	max-width: 1000px;
	padding: 35px;
	border: 3px solid #e5e4e2;
	border-radius: 50px;
	background: transparent;
	backdrop-filter: blur(5px);
}

@supports not ( ( -webkit-backdrop-filter: blur(5px) ) or ( backdrop-filter: blur(5px) ) ) {
	#job-advert{
		background-color: rgba(255, 255, 255, .4);
	}
}

#job-advert-img{
	margin-right: 20px;
	border-radius: 15px;
	max-height: 250px;
}

#job-advert-title{
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-family: 'firasanscondensed-bold';
}

#job-advert-ul-bullets{
	display: flex;
	flex-direction: column;
	list-style: square outside;
	gap: 8px;
	margin-bottom: 15px;
	padding-left: 20px;
	font-family: 'firasanscondensed-light';
	font-weight: 600;
	line-height: 1.2em;
}

#job-advert-ul-link{
	list-style: none;
	font-size: 20px;
	font-family: 'firasanscondensed-light';
	font-weight: 600;
}

/*** FOOTER ***/
#footer{
	background: #00325D;
    background: -moz-linear-gradient(left, #00325D 0%, #33ccff 100%);
    background: -webkit-linear-gradient(left, #00325D 0%,#33ccff 100%);
    background: linear-gradient(to right, #00325D 0%,#33ccff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00325D', endColorstr='#33ccff',GradientType=1 );
    padding: 40px 0 40px 0;
    color: #fff;
    text-align: center;
}
#footer .container{
	position: relative;
}
#footer a{
	color: #fff;
}

.footer-logo-wrapper{	
	text-align: center;	
	margin-top: 8px;	
}
.footer-logo-wrapper span{
	display: block;    
    font-family: 'roboto-light';
    font-size: 0.8em;
    margin-top: 10px;
    color: #fff !important;
}
ul.footer-nav{			        
    margin: 30px 0 35px 0;
}    
ul.footer-nav li{
	display: inline-block;
	margin-right: 20px;
}

ul.footer-nav li:last-child{
	margin-right: 0;
}

ul.footer-nav li a{
	font-size: 1.4em;
	font-family: 'firasanscondensed-light';
	transition: border 0.2s;
}
ul.footer-nav li a:hover{
	border-bottom: 2px solid #fff;
}

.see-also{
	
}


.see-also img{
	height: 30px; 
	width: auto;
}


.see-also span{
	display: block;
	margin-bottom: 10px;
	font-family: 'roboto-light';
	color: #fff !important;
}
.see-also a{
	margin-right: 20px;	
}
.see-also a{
	opacity: 0.9;	
	transition: opacity 0.3s;
}
.see-also a:hover{
	opacity: 1;	
}

.footer-social-media{
	position: absolute;
	top: 0px;
	right: 0px;
}

.footer-social-media li{
	margin-right: 20px;
	float: left;
}
.footer-social-media li:last-child{
	margin-right: 0;
}
.footer-nav-wrapper{
	
}



/*** MOBILE NAV BUTTON ***/
#nav-button{	   
	position: absolute;
	border-radius: 5px;
	z-index: 1000000;
	/* width: 50px; */
	height: 34px;
	right: 15px;
	top: 13px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;		
	width: 41px;
	display: none;
}
	
#nav-button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 30px;
    background: #152444;
    border-radius: 9px;
    opacity: 1;
    left: 8px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-button span:nth-child(1) {
  top: 8px;
}
#nav-button span:nth-child(2),#nav-button span:nth-child(3) {
  top: 16px;
}
#nav-button span:nth-child(4) {
  top: 24px;
}
#nav-button.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-button.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-button.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-button.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

body.disabled{
	overflow: hidden;
}
.mobile-nav-wrapper{	
	position: fixed;    
    background: rgba(21, 36, 68, 0.92);    
    top: 65px;
    left: 0px;
    z-index: 100000;
    width: 100%;
    height: 0;    
   	opacity: 1;
    transition: all 0.5s;
    overflow: hidden;
    display: block;  	
}	
.mobile-nav-wrapper.active{
	height: 100%;
	opacity: 1;
}
.mobile-nav-wrapper ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-nav-wrapper ul li a{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 900;
	padding: 15px 0 15px 20px;
	display: block; 
	border-bottom: 1px solid #c3c8d0;
}
.mobile-nav-wrapper ul li{
	margin-bottom: 0;
}

.mobile-nav-wrapper ul li.login-lnk a{
	background: url("/shop/javax.faces.resource/img/icon-login.svg.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") no-repeat;
    background-size: 20px auto;
    background-position: left 65px top 12px;
}

	
.mobile-nav-wrapper ul li.menu-item-has-children{
	background-image: url("");
	background-position: right 20px top 24px;
	background-repeat: no-repeat;
	background-size: 13px auto;
}	

.mobile-nav-wrapper ul li .sub-menu{
	display: none;
}	
.mobile-nav-wrapper ul li .sub-menu a{		
    text-transform: none;
    font-weight: normal;
    border-bottom: 0;	    
    padding: 7px 0 7px 35px;
    font-size: 14px;
    font-weight: 500;	
}	
.mobile-nav-wrapper ul li .sub-menu li .sub-menu a{
	padding-left: 50px;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}	
.mobile-nav-wrapper ul li .sub-menu li .sub-menu li .sub-menu a{
	padding-left: 60px;
	font-size: 16px;
	font-weight: normal;
}

.mobile-nav-wrapper ul li .sub-menu li.menu-item-has-children a{
	font-weight: 600;
	font-size: 16px
}
.mobile-nav-wrapper ul li .sub-menu li.menu-item-has-children li a{
	font-weight: normal;
	font-size: 14px;
}



/* contact page */
#form-contact .input-wrapper{
	float: left;
	width: 48%;
	margin-right: 2%;	
	margin-bottom: 20px;
}

#form-contact .input-wrapper label{
	display: block;
	font-size: 1.1em;
	margin-bottom: 5px;
}

#form-contact label a{
	color: #00325D;
	text-decoration: underline;
}

#form-contact .input-wrapper input,
#form-contact .input-wrapper select{
	width: 100%;
	height: 40px;
	outline: 0 !important;
	font-size: 1em;
	padding-left: 10px;
}

#form-contact input.submit-button {
	width: 210px;
}

#form-contact .submit-button {
	background: linear-gradient(to right, #00325D 0%,#33ccff 100%);
	font-size: 0.96em !important;
	color: #fff;
	padding: 10px 30px;
	border-radius: 0;
	border: 0;
	margin-top: 5px;
	cursor: pointer;
	font-family: 'firasanscondensed-bold';
}

#changePasswordForm .submit-button {
	background: linear-gradient(to right, #00325D 0%,#33ccff 100%);
	font-size: 1.4em;
	color: #fff;
	padding: 10px 30px;
	border-radius: 0;
	border: 0;
	margin-top: 5px;
	cursor: pointer;
	font-family: 'firasanscondensed-bold';
}

/* contact page */
#changePasswordForm .input-wrapper{
	float: left;
	width: 48%;
	margin-right: 2%;	
	margin-bottom: 20px;
}

#changePasswordForm .input-wrapper label{
	display: block;
	font-size: 1.1em;
	margin-bottom: 5px;
}

#changePasswordForm label a{
	color: #00325D;
	text-decoration: underline;
}

#changePasswordForm .input-wrapper input,
#changePasswordForm .input-wrapper select{
	width: 100%;
	height: 40px;
	outline: 0 !important;
	font-size: 1em;
	padding-left: 10px;
}

.validation-failed {
	border-color: red !important;
}

/*** HERSTELLER OVERVIEW ***/
.vendor-grid-wrapper {
	background: url("/shop/javax.faces.resource/img/shoppingmall-bg.jpg.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") top center repeat-y;
	background-attachment: fixed;	
	background-size: auto 100%;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 30px;
	text-align: left;
}

.vendor-grid-wrapper .container {
	padding-top: 20px;
}

.vendor-grid-wrapper .card-container {
	padding-top: 0px;
}

.vendor-grid-wrapper .headline-2 {
	margin-top: 50px;
}

.hersteller-img {
	margin-top: 30px;
}

.vendor-grid {
	margin-top: 20px;
	text-align: center;
}

.vendor-grid .vendor-item {
	width: 100%;		
	float: left;	
	padding: 20px;
	background: #fff;
	margin-right: 2%;
	margin-bottom: 20px;
	box-shadow: 1px 1px 1px #dcdcdc;
	height: 280px;
}

.vendor-grid .vendor-item h3 {
	font-size: 20px;
	font-family: 'firasanscondensed-bold';
	margin-bottom: 10px;
	display: none;
}
.vendor-grid .vendor-item .button-1 {
	font-size: 1.4em;
    background: linear-gradient(to right, #193559 0%,#6b1e21 100%);
    margin-top: 20px;
    width: 200px;
    margin: 0 auto;
    padding: 14px 0;
    margin-top: 20px;
    text-align: center;
}

.searchCountry {
	display: none;
}

.vendor-grid .vendor-item .hidden {
	display: none;
}

.vendor-grid .vendor-item p {
	font-size: 0.9em;
}

.vendor-grid .vendor-item .logo-wrapper {	
	width: 80%;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}

.vendor-grid .vendor-item .hersteller-logo {	
	margin-bottom: 20px;
    max-width: 100%;
    max-height: 80%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.vendor-grid .vendor-services {
	text-align: center;
}

.vendor-grid .vendor-services li {
	display: inline-block;
	width: 40px;
}
.vendor-grid .vendor-services li img {
	width:100%;
}

.vendor-grid .vendor-services .button-1 {
	color: #fff;
	text-decoration: none;
	text-align: center;
}


.vendor-grid .vendor-services .button-1:hover{
	color: #fff;
	text-decoration: none;
}

.vendor-grid .vendor-services .button-1:visited{
	color: #fff;
	text-decoration: none;
}

.vendor-grid .vendor-services .button-1:active{
	color: #fff;
	text-decoration: none;
}

.vendor-grid .vendor-services .button-1:link{
	color: #fff;
	text-decoration: none;
}

.vendor-grid-wrapper .search {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.vendor-grid-wrapper .search select {
    height: 50px;
    font-size: 22px;
    padding-left: 10px;
    border: 1px solid #c3c8d1;
    outline: 0;
}

.vendor-grid-wrapper .search input {
	flex: 1;
    height: 50px;
    font-size: 22px;
    padding-left: 10px;
    border: 1px solid #c3c8d1;
    outline: 0;
}

.footer-spacer {
	/* Spacer expands content height so that the footer is not in front of any content. Uses only height attribute from footer class to allow easier overrides in corporate CSS. */
	position: relative;
	border-top: initial;
	background: initial;
	margin-top: 30px;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

.login-wrapper .button-1{
	font-size: 1.4em;
    background: linear-gradient(to right, #193559 0%,#6b1e21 100%);
    margin-top: 20px;
    width: 250px;
    margin: 0 auto;
    padding: 14px 0;
    margin-top: 20px;
    text-align: center;
}

.table-buttons td:first-child {
	vertical-align: center;
}

.table-buttons td:first-child a {
	margin-right: 30px;
	font-size: 1.1em;
}

.modal.in .modal-dialog {
	top: 100px !important;
}

/*** COOKIE BANNER ***/
.cookie-bar {
	display: none;
	position: fixed;
	width: 100%;
	left: 0px;
    line-height: 30px;
    background-color: rgba(30, 30, 50, .9);
   	z-index: 1337;
   	text-align: justify;
}

.cookie-bar-lower {
	bottom: -1px;
	background: rgb(255,255,255,0.85);
	background: -moz-linear-gradient(180deg, rgba(164,164,174,0.85) 0%, rgba(255,255,255,0.85) 100%);
	background: -webkit-linear-gradient(180deg, rgba(164,164,174,0.85) 0%, rgba(255,255,255,0.85) 100%);
	background: linear-gradient(180deg, rgba(164,164,174,0.85) 0%, rgba(255,255,255,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9999ae",endColorstr="#ffffff",GradientType=1);
}

.cookie-bar-box {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 50px;
	margin-bottom: 10px;
}

.cookie-bar-text {
	font-size: 1.15em !important;
	color: white !important;
}

.cookie-bar-button {
    color: #01325d;
    background: #c6c3d0;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    border-radius: 3px;
    height: 30px;
    width: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.cookie-bar-link {
	color: #75b9f5;
}

@media screen and (min-width: 1280px){
	.cookie-bar-body {
    	bottom: 45px;
	}

	.cookie-bar-lower {
		height: 47px;
	}
}

@media screen and (max-width: 1279px){
	.cookie-bar-body {
    	bottom: 99px;
    	height: auto;
	}
	
	.cookie-bar-lower{
		height: 100px;
	}
	
}




.vendor-card-img {	
	margin-bottom: 20px;
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}


.vendor-card-logo-wrapper {	
	width: 100%;	
	height: 80px;
	margin: 0 auto;
	margin-bottom: 0px;
	position: relative;
	background-color: #fff;
	border-radius: 6px 6px 0 0; 
}



.card_hoover {
  transition: transform .5s;
}
.card_hoover::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  content: '';
  opacity: 0;
  z-index: -1;
}
.card_hoover:hover, .card_hoover:focus {
  transform: scale3d(1.05, 1.05, 1);
}
.card_hoover:hover::after, .card_hoover:focus::after {
  opacity: 1;
}






.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }


/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }



/* 5 card layout */

@media (min-width: 576px) {
  .col-sm-1-2 { width: 50%; }
} 
@media (min-width: 768px) {
  .col-md-1-3 { width: 33.33333333%; }
} 
@media (min-width: 992px) {
  .col-lg-1-4 { width: 25%; }
}

@media (min-width: 1200px) {
  .col-xl-1-5 { width: 20%; }
} 

a.custom-card,
a.custom-card:hover {
  color: inherit;
}
a.custom-card h9 {
	display: none;
}

.dashboard-one-line {
	display: flex;
	justify-content: center;
}

.dashboard-multiple-lines {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.msv3-41906158 {
	background-image:url("/shop/javax.faces.resource/img/logos/msv3/41906158.png.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null");
}
.msv3-99999999 {
	background-image:url("/shop/javax.faces.resource/img/logos/msv3/99999999.png.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null");
}

.msv3-grid-wrapper {
	background: url("/shop/javax.faces.resource/img/shoppingmall-bg.jpg.xhtml?con=pharmamall&v=1753350823623&vendorURIName=null") top center repeat-y;
	background-attachment: fixed;
	background-size: auto 100%;
	padding-bottom: 30px;
	text-align: left;
}

.col2>div, .settings-col2 > div {
	color: white;
	position: relative;
	overflow: show;
	/*right: 1em;*/
	top: 50%;
	text-align: right;
	transform: translateY(-50%);
	width: auto;
	font-size: 1.8em;
	background-repeat: no-repeat;
	background-size: 4em;
	/*margin-left: 1em;*/
}

.col2 {
	display:block;
	float:left;
	margin:0 1% 20px 0;
	height: 10em;
	width:24%
}

.dashboard-container {
	width: 1200px;
	margin: 0 auto;
}

.msv3-container {
	width: 700px;
}

.settings {
	display: flex;
	flex-direction: column;
}

.settings:hover {
	opacity: 0.5;
}

.settings-icon {
	opacity: 1;
	float: right;
	margin: auto;
}

.vendor-selector{
	text-align: center;
	margin: 0 auto 20px;
}

.dashboard-content-table-header{
	color: #014d8f;
	font-weight: bold;
}

.dashboard-content-table{
	width: 70%;
	margin: 0 auto;
}

.settings-tiles-panel {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}

.settings-tiles-panel > div {
	width: 24%;
	margin: 0 1% 20px 0;
}

.settings-col2 {
	display: block;
	float: left;
	height: 10em;
	width: 100%;
}

.change-activity-symbol {
    opacity: 1;
    position: absolute;
    top: -55px;
    right: -30px;
    color: #696969;
    cursor: pointer;
    font-size: 45px;
}

.change-activity-symbol:hover {
    opacity: 0.6;
}

.settings-tile {
	color:white;
	font-size:1.2em;
	height:6em;
	position:relative;
	text-align: right;
	padding-right: 20px;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: 1em 1em;
	background-size: 25%;
}

.save-settings-button {
	background: linear-gradient(to right, #002e5e 0%, #006060 100%);
	font-size: 1.4em;
	color: #fff;
	padding: 10px 30px;
	border-radius: 0;
	border: 0;
	margin-bottom: 30px;
	cursor: pointer;
	font-family: 'firasanscondensed-bold';
}
.dashboard-button {
	background: linear-gradient(to right, #002e5e 0%, #006060 100%);
	font-size: 1.4em;
	color: #fff;
	padding: 10px 30px;
	border-radius: 0;
	border: 0;
	margin-bottom: 30px;
	cursor: pointer;
	font-family: 'firasanscondensed-bold';
}

.msv3-small-button {
	background: linear-gradient(to right, #002e5e 0%, #006060 100%);
	font-size: 1.2em;
	color: #fff;
	padding: 10px 30px;
	border-radius: 0;
	border: 0;
	margin-bottom: 30px;
	cursor: pointer;
	font-family: 'firasanscondensed-bold';
	min-width: 300px;
}

.msv3-nav-button {
	font-size: 1.2em;
	color: #000000;
	padding: 7.5px 30px;
	border: inset;
	margin-bottom: 30px;
	cursor: pointer;
	font-family: 'firasanscondensed-bold';
	width: 300px;
}

table.msv3-email-change-form-table td {
	padding-bottom: 20px;
	width:auto;
	white-space: pre-line;
}

.fixed-min-height-container {
	min-height: 80vh;
	display: flex;
	flex-direction: column;
}