@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
body {
  overflow: auto;
  padding: 0px !important;
  /* position: relative; */
  height:100%;
  font-family: Poppins;
}

.xyz {
    letter-spacing: 2px;
    position: absolute;
    font-weight: bolder;
    right: 10px;
    top: 18px;
    border: none;
    background: transparent;
    color: #FFF;
}

.modal-open {
 overflow: auto; 
}
.logo-img {
	padding: 7px 0 7px 7px;
}
.home-banner-img {
	/* background-image: url("assets/images/home-banner.webp")!important;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center; */
	padding: 0!important;
	min-height: 395px;
	position: relative!important;
	background-color: #0E7490;
}

.text-homepage {
	color: #ededed;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 0.5px;
	line-height: 40px;
	text-align: center;
}

.text-homepage a,
.text-homepage a:hover {
	font-weight: bold;
	color: #f5a623;
	text-decoration: none;
	cursor:pointer;
}
/*text search phrase show */
.phrase b {
	background-color: yellow;
    font-size: initial;
}

.phrase b + b {
   padding-left: 5px;
}

.phrase > span.long-text, .phrase > span.short-text, .phrase >span.text {
	color: gray;
    font-size: medium;
}
 
/* ===================================
			Common Section
====================================== */
.body-content-wrapper{
	position:relative;
	min-height:100%;
}
.section-heading {
	margin: 15px 0 3% 0;
	text-align: center;
	font-weight: 600;
	color: #0E7490;
	font-family: Poppins;
	font-size: 26px;
	line-height: 40px;
}
@media(max-width: 768px) {
	.section-heading{
		font-size: 25px;
		margin: 0 0 5% 0;
	}
	.tab-content-alignment{
		margin-top:30px;
	}
}
section {
	padding: 40px 0;
	overflow: hidden;
}
@media (max-width:768px){
	section {
		padding: 20px 0px;
		overflow: hidden;
	}
	section.conditions-section{
		padding: 30px!important;
	}
}
a,
a:active,
a:focus,
a:hover {
	text-decoration: none!important;
	cursor:pointer;
}
.show-element{
	display:block!important;
}
.hide-element{
	display:none!important;
}
.modal-body button{
	background-color:#f5a623;
	color:white;
	font-size: 15px;
    border-radius: 4px;
}
.loading{
	position:fixed;
	width:100%;height:100%;
	z-index:2000;
	background: url(assets/images/page-loader.gif) center no-repeat #fff;
	opacity:0.5;
}
.close i{
	font-size: 25px;
    color: #6790a3;
}
.close, .close:hover{
	opacity: unset;
}
/* =================================== 
		Circular loader 
=================================== */
.panel-loading{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.75);z-index:1}
.panel-loader-circular{-webkit-animation:animateloader 1.5s linear infinite;-o-animation:animateloader 1.5s linear infinite;animation:animateloader 1.5s linear infinite;clip:rect(0,80px,80px,40px);height:80px;width:80px;position:absolute;left:50%;top:50%;margin-top:-40px;margin-left:-40px}
.panel-loader-circular:after{-webkit-animation:animateloader2 1.5s ease-in-out infinite;-o-animation:animateloader2 1.5s ease-in-out infinite;animation:animateloader2 1.5s ease-in-out infinite;clip:rect(0,80px,80px,40px);content:'';border-radius:50%;height:80px;width:80px;position:absolute}
@-webkit-keyframes animateloader{0%{transform:rotate(0deg)}
100%{transform:rotate(220deg)}
}@keyframes animateloader{0%{transform:rotate(0deg)}
100%{transform:rotate(220deg)}
}@keyframes animateloader2{0%{box-shadow:inset #03a9f4 0 0 0 17px;transform:rotate(-140deg)}
50%{box-shadow:inset #03a9f4 0 0 0 2px}
100%{box-shadow:inset #03a9f4 0 0 0 17px;transform:rotate(140deg)}
}@-webkit-keyframes animateloader2{0%{box-shadow:inset #03a9f4 0 0 0 17px;transform:rotate(-140deg)}
50%{box-shadow:inset #03a9f4 0 0 0 2px}
100%{box-shadow:inset #03a9f4 0 0 0 17px;transform:rotate(140deg)}
}

/* ===================================
			Search Section
====================================== */
.search-section {
	margin-top:85px;
}
.text-search-section{
	margin-top:0!important;
}

.search-by-media-alignment {
	margin-bottom: 20px;
}
.search-section input[type="text"], .search-section select {
	width: 100%;
	height: 50px;
	border: 1px solid #d1d1d1;
	padding: 8px 15px;
	border-radius: 10px 0 0 10px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	margin-top: 20px;
	font-family: Poppins;
}

.search-section button[type="submit"] {
	height: 50px;
	width: 100%;
	position: absolute;
	font-size: 20px;
	border-radius: 0 10px 10px 0;
	color: white;
	border: 1px!important;
	background-color: #f5a623!important;
	margin: 20px 0 0 -31px;
	font-family: Poppins;
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.25)
}

.alternate-search-methods{
	margin: 25px 0 30px;
	letter-spacing: 1px;
}

.alternate-search-method {
	font-size: 16px;
	font-weight: 600;
	color: #ededed;
	font-family: Poppins;
}

.alternate-search-method-text{
	padding-left:15px;
	font-weight: 600;
	color: #f5a623;
}
.alternate-search-method-text:hover{
	color: #f5a623;
}
.cursor-img{
	height:auto;
	width:35px;
	padding-left: 10px;
}
.you-can-search-txt {
	font-size: 18px;
	padding: 10px;
	color: #ededed;
	display: inline-block!important;
	font-weight: 600;
	font-family: Poppins;
	padding-left: 15px;
	letter-spacing: 1px;
}

.ocr-progress-bar{
	color:#fff!important;
	background-color:#2196F3!important
}

.media-btn-container{
	text-align:left;
}

.media-btn {
	border-radius: 22.5px!important;
	font-family: Poppins !important;
	font-size: 14px;
	font-weight: 500!important;
	background-color: white;
	color: black!important;
	width: 135px;
	height: 40px;
	text-transform: uppercase;
	transition-duration: .3s;
	transition-timing-function: ease-in-out
}
.media-btn img{
	margin-right: 5px;
	width: 18px;
    height: 18px;
}
.media-btn:hover {
	background-color: #f5a623;
	border-color: #f5a623
}

.bg-light-gray {
	background-color: #f7f7f7;
}

.user-searched-string, .pill-identifier-string{/* color: #337ab7; */ margin-left: 5px;}
.result-head{font-weight: 600;font-size: 20px;}
.notify-box {
    background-color: #4c7c93;
    border-radius: 4px;
    margin-left: 7px;
    height: 50px;
    width: 100%;
}

.sort-by{
	top:25%;
}

.results-per-page{
	top:25%;
}

span.bookmark-icon, span.pharmacy-bookmark-icon {
    font-size: 25px;
    z-index: 101;
    cursor: pointer;
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    transition: all 0.4s;
    background-color: lightgrey;
    margin-right: 5px;
    float: right;
    transform: translateY(0);
}

.bookmark-icon.bookmarked {
    animation: bookmarked-shadow 0.3s;
	background-color: #f5a623;
    color: #fff;
}

.bookmark-icon.bookmarked i{
	color: white;
}
.bookmark-icon i{
	position: absolute;
    right: 0px;
    left: 0;
    text-align: center;
    top: 5px;
    color: #ffffff;
}

a.download-file-icon img{
    margin-right: 2px;
}

.drug-listing-download{
	position: relative;
    /* top: -15; */
	padding:10px;
}
.country-flag-filter{
    margin-right: 5px;
}
.zoomContainer{height:0px!important}
@media (max-width:768px){
	.search-by-media-alignment{
		margin-top: -30px;
		margin-bottom: 15px;
	}
}

/* ===================================
			Drug Listings
====================================== */

.counter-feature-box {
	height: 162px;
    text-align: center;
    display: table;
    padding: 5px;
    border: 1px solid #ededed;
    cursor: pointer;
    border-radius: 15px;
	width: 165px;
}

.counter-feature-box .counter-feature-box-content {
    height: 150px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 15px;
	padding-top: 1px;
}

.counter-feature-box >div>a>h6 {
	display: block!important;
	font-weight: 600;
	color: #232323;
	font-family: Poppins;
}
.counter-feature-box .lazy {
	width: 65px;
    height: 55px;
}
.counter-feature-box .counter {
	font-weight: 500;
    color: #232323;
    font-family: Poppins;
    font-size: 22px;
	margin-top: 10px;
}
.counter-feature-box:hover {
	background: #f5a623;
	border-color: #f5a623;
}
.counter-feature-box-hr{
	width: 90px;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    border-image-source: linear-gradient(to left, rgba(255, 255, 255, 0), #afafaf 51%, rgba(255, 255, 255, 0));
    border-image-slice: 1;
}
.counter-feature-title{
	margin-top: 13px;
	margin-bottom: 0;
	height:25px;
	font-weight: 600;
	font-size: 14px;
}
.worldmap-container {
	width: 55%;
	height: 306px;
	float: left
}
.country-specs {display: block;height:20px; }
@media (min-width: 375px) and (max-width: 414px){
	.country-specs {display: block;height:20px; line-height:38px;}
}
.drug-listing .section-heading{margin-left:19%}
.select-country-text{color: #337ab7;font-weight: 600;}
.select-country{text-align:right;margin-left: -68px;}
@media (max-width: 768px){
	.counter-feature-box {height: 177px;}
	.counter-feature-box .counter-feature-box-content {height: 177px;}
	.drugs-by-type{margin-left:0!important;}
	.select-country{text-align:center;margin-left: 0px;}
	.drug-listing .section-heading{margin-left:0%}
}
/* ===================================
			World Map
====================================== */

.country-slider {
	float: right;
	width: 45%;
	padding-bottom: 3%;
    padding-top: 1%;
	padding-left: 0!important;
	padding-right: 0!important;
	background-color: #1c1c1c;
	text-align: center
}

.carousel-inner div img {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: 171px!important;
}
.carousel-control img{
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel-left-arrow {
	left: 50%;
    margin-left: -10px;
}
.carousel-right-arrow {
	right: 50%;
    margin-right: -10px;
}
.worldmap-country-title {
	color: #ededed;
	font-family: Poppins;
	font-weight: 500;
	font-size: 26px;
	line-height: 46px
}

.worldmap-file-count {
	color: #ededed;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 20px;
	font-family: Poppins;
	font-weight: 500;
	text-transform: uppercase
}

/* ===================================
			all condition
====================================== */
.all-condition-box{
	text-align: center;
    padding: 5px;
    cursor: pointer;
    position: relative;
    left: -50px;
	border-right: 1px solid #c8c8c8;
}
.all-conditions-img{height: 72px;}
.condition-head, .companies-head{
	font-size: 18px;
	font-weight: 600;
    color: #232323;
}
.condition-browse .btn-default{
	 color: #777777;
	 border-color: transparent;
}
.condition-browse .btn-group-sm>.btn, .condition-browse .btn-sm {
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 600;
}
.condition-alphabet{
	border-bottom: 1px solid #ccc;
    color: #222;
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 50px 0 4px;
    text-transform: uppercase;
}
.condition-alphabet-list, .condition-common-list, .common-companies-list{
    column-count: 3;
    grid-column-gap: 40px;
    column-gap: 40px;
	margin-bottom: 20px;
}
.condition-link, .company-link{
	display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
	white-space: nowrap;
}
.all-conditions-search, .all-companies-search{
	margin-top:0!important;
}
.all-conditions-search input, .all-companies-search input{height: 50px!important;}
.all-conditions-search button, .all-companies-search button{height: 50px!important;width: 70%!important;font-size: 17px!important;}
.activeAlphabet{background-color: #e6e6e6;}
.condition-autocompleter{margin-top:14px}    
@media (max-width: 640px){
	.all-condition-box{left: 0px; border-right: none; margin-bottom: 20px;}
	.condition-alphabet-list, .condition-common-list{column-count: 1;margin-bottom: 100px; overflow-wrap: break-word;}
	.all-conditions-search, .all-companies-search{padding-top:0;padding-bottom:0px;font-size: 12px;}
	.all-conditions-search button, .all-companies-search button{font-size: 14px!important;}
}
/* ===================================
			About Us
====================================== */
.about-us{margin-top:2%;}
.about-us h4 {
	font-weight: 600;
	color: #232323;
	font-family: Poppins;
	font-size: 32px;
	line-height: 40px
}

.about-us p, div.feature-list {
	font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    font-family: Poppins;
    color: #6f6f6f;
}
.about-us-section-img{
	width:100%;
}
.project-heading{    
	margin: 0 0 1% 0;
    font-weight: 600;
    color: #232323;
    font-family: Poppins;
    font-size: 26px;
}
.gpldm-section{margin-bottom:20px;}
.about-us .api-int{margin-top: 4%;}
.about-us .api-int-text{color: #6f6f6f;font-weight: 600;font-size: 16px;}
.api-int-text a{color: #f2a700;}
.identifica-demo-video{object-fit: inherit;border-top: 4px solid #27b677;width: 100%;}
/* ===================================
			Mobile App
====================================== */
.mobile-app{background-color: #0E7490;}
.mobile-app-banner{margin-bottom: -4%;}
.mobile-app-text{color: white;margin-bottom: 50px;}
.mobile-app-text h4{font-size: 32px;font-weight: 500;letter-spacing: 0.1px;margin-bottom: 16px;}
.mobile-app-text p{letter-spacing: 0px;font-size: 16px;}
.mobile-app-text ul li{margin: 10px 0;}
.download-apple-app-img{cursor:pointer;}

.mobile-app-links img {
	width: 180px;
    height: 54px;
    margin: 0 19px;
	border-radius: 10px;
}

.android-app:hover, .apple-app:hover  {
	transform: scale(1.1);
}

.android-app:active, .apple-app:active  {
	transform: scale(1);
}


@media (max-width: 767px){
.mobile-app{padding-bottom: 150px;}
.mobile-app-links img{width:160px}
}
/* ===================================
	Our Features - about us
====================================== */
.awesome-feature-section {
	padding-bottom:100px;
}
.section-heading span.section-heading-sub-text {
	margin-bottom: 5px;
	color: #939393;
	font-size: 12px;
	line-height: 20px;
	font-family: Poppins;
	font-weight: 500;
	text-transform: uppercase;
	display:block
}

.feature-container li {
	padding: 10px 10px;
	width: 33.33%;
	float: left;
}

.feature-container {
	margin: 0 10px;
	list-style: none;
	padding: 0;
	font-family: Poppins;
}

.feature-content a {
	text-decoration: none;
	cursor: unset;
	color: #f5a623;
}

.feature-content>a>span {
	text-transform: uppercase;
	font-weight: 600;
}

.feature-content>ul>li {
	width: 100%;
	text-align: left;
}

.feature-container .feature-item figure {
	margin: 0;
	position: relative;
	overflow: hidden
}

.feature-container .feature-item figure img {
	display: block;
	width: 100%;
	cursor: pointer;
	cursor: pointer;
	display: block;
	opacity: 1;
	width: 100%;
	transition: all 0.3s ease 0s;
	cursor: default;
}
.feature-container .feature-item figure:hover figcaption {
  opacity: 1;
}
.feature-container .feature-item figcaption {
	height: 100%;
	position: absolute;
	background: rgb(102, 143, 163);
	color: white;
	padding: 10px 10px;
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
}
.feature-container .feature-item figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: #668fa3;
  text-shadow: 0 0 5px white;
  color: #ffffff;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
.feature-container .feature-item figure:hover:before {
  opacity: 0;
}
.feature-container .feature-item .feature-content {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	display: table;
	height: auto;
	top: 0;
	width: 100%;
	text-align: center;
}

.feature-item-container:before { bottom: 10px; left: 10px; }
.feature-item-container figcaption { left: 0; bottom: -30%;}
.feature-item-container:hover figcaption { bottom: 0; }

/* ===================================
	Our Features - home page
====================================== */
.tile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  color: #232323;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12);
  height: 125px;
  border-radius: 5px;
}

.tile:hover {
	box-shadow: 0px 1px 4px 1px #4b7b92;
}

.tile .title {
  margin-top: 0px;
  display: inline-block;
  font-size: 16px;
}
.tile img{
	margin-top: -5px;
    margin-right: 5px;
}
.tile p{    
    color: gray;
    font-size: 12px;
	margin-left: 40px;
 }
 
/* ===================================
			Footer
====================================== */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    display: block;
	padding: 10px 0 10px 0;
	z-index: 10000;
	background: #484848;
	color: #c0c0c0;
}
.footer ul li{
	display: inline-block;
}
.footer a {
    color: #ffffff;
    padding: 0 10px;
}

.footer a:hover{
	color: #f5a623;
}

.footer strong {
    color: #fff;
    font-weight: 500;
}
.footer-container {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 767px){
	.policy-note-div{
		display:none;
	}
	.footer-container {
		margin-left: -40px;
		padding-right: 0;
	}
	.footer{padding: 5px 0 5px 0;}
	.footer a{padding: 0 6px;}
	
}
/* ===================================
			Top Navbar
====================================== */
.top-nav-menu {
    background-color: rgba(76,124,146,0.8470588235294118) !important;
    border: rgba(76,124,146,0.8470588235294118) !important;
}
.navbar-collapse {
	border-top: 0;
}
#navbarCollapse ul a, #navbarCollapse ul span {
    font-weight: 600;
    cursor: pointer;
}

.navbar-nav li.active a, .navbar-nav li.active a:focus,.navbar-nav li.active a:hover {
    color:#f5a623!important;
    background-color:transparent!important;
    
}
.navbar-non-transparent{background-color:rgba(76,124,146,0.8470588235294118);transition:background-color 300ms linear;height:59px}

@media (max-width: 767px)
{
	#navbarCollapse {
    overflow: scroll;
    margin-top: 0px;
    background-color: #383a3a;
	}
	#navbarCollapse ul a {color: #eee;}
	.navbar-nav .open .dropdown-menu {color: #eee;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #eee;}
	.dropdown-menu.notify-drop .drop-content > li p.time{color: #f5964e !important;}
	.dropdown-menu.notify-drop .notify-drop-title{color: #eee;}
	.dropdown-menu.notify-drop .drop-content > li{background-color: unset !important;}
}

.navbar-nav {
	font-size: 15px;
}

.navbar-fixed-top.scrolled {
    background-color:rgba(76,124,146,0.8470588235294118) !important;
    transition: background-color 300ms linear;
}
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>span:hover {
    color: #f5a623;
}
.navbar-inverse .navbar-toggle:hover {
    background-color: #6790a3;
}
.navbar-inverse .navbar-nav>li>span {
    color: #fff;
}

@media (min-width: 768px) {
	.navbar-nav>li>span {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
.navbar-nav>li>span {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav>li>span {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.user-name{
	font-weight: 600;
    padding: 2px 0 0 4px;
}
.country-language-popup{
	background: transparent;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
}
.country-language-popup img{width:25px;}
.country-flag-icon{width:25px; margin:13px;}
.country-language-popup:hover, .country-language-popup:focus{
	color: #f5a623;
}
.country-language-dialog{
  top: 10%;
}
.country-language-dialog .modal-title{
	color: #4b7b92;
    font-weight: 600;
	font-size: 18px;
}
/* ===================================
			Search Results Page
====================================== */
.search-result-box {
    margin: 20px 10px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.25);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 8px;
    top: 0;
	position: relative;
}
.search-box-country-top-right{
	position: absolute;
	top: 5px;
    right: 10px;
}
.prevent-text-overflow{
	white-space: nowrap; 
	width: 78%; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-name{
	font-size: 18px;
    color: #4c7c93;
    margin-top: 0;
	font-weight: bold;
}

.drug-listing .drug-listing-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #4c7c93;
}
.drug-listing .drug-listing-footer ul li{
	display: inline-block;
    margin-right: 14px;
}
.search-result-box a.download-file-icon {
    top: 50%;
    float: right;
    transform: translateY(0);
}

a.download-file-icon {
    font-size: 20px;
    right: 35px;
    top: 35px;
	cursor:pointer;
}

.drug-image{
	padding: 10px 15px 10px 15px;
	float:left
}

.drug-image img {
    border-radius: 4px;
    transform: translate3d(0,0,0);
    width: 100px;
    height: 100px;
}
.drug-listing{
    height: auto;
	flex: 1;
    /* margin-left: 8px; */
}
.search-results-container{
	padding-bottom: 70px;
	margin-top: 60px;
}
@media (max-width:1024px){
	.search-results-container{
		padding-bottom: 70px;
		margin-top: 0px;
	}
}
/* ===================================
    Apply Filters
====================================== */
.apply-filter-container{
	background:#f5f5f5;	
	margin-top:24px;
	padding-top: 15px;
}
.apply-filter-container .panel-title > span{
	color: #ededed;
}
.apply-filter-container .panel .panel-heading {
background: #4c7c93;
 border-radius: 4px; 
 padding: 6px 20px 5px;
}
.apply-filter-container .accordion-style .panel .panel-title{font-size:14px;}
.apply-filter-container .panel-heading a[data-toggle="collapse"]:after {
    display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    margin-top: -18px;
    color: white;
    transform: rotate(90deg);
    transition: all linear 0.25s;
    float: right;
}
.apply-filter-button .btn-warning {
    padding: 5px 8px;
    font-size: 13px;
}
.apply-filter-container .panel-heading a[data-toggle="collapse"].collapsed:after {
    transform: rotate(0deg);
}
.apply-filter-button{
	text-align:center;
	padding-bottom:13px;
	margin-top: 12px;
}
/* ===================================
    Pagination 
====================================== */
.pagination-container{margin-top: 2%;padding-bottom: 6%;}
.pagination{border-radius:0;padding:0;margin:0;text-align:center;display:block}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination li{display:inline-block}
.pagination .pagination-arrow a{background-color:#f0f0f0;font-size:20px;color:#6f6f6f}
.pagination ul li a{border-radius:4px;width:44px;height:44px;padding:0;line-height:44px}
.pagination ul li a:hover{background-color:#333;color:#fff!important;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.pagination a{float:left;padding:0 18px;line-height:40px;text-decoration:none;border-left-width:0;background:#fff}
.pagination ul li a.current-active-page{color:#fff!important;background-color:#4c7c93}
.pagination ul li a.current-active-page :hover{color:#fff;background-color:#4c7c93}
.pagination ul li a.pagination-ellipsis:hover {
    background-color: transparent!important;
    color: #337AB7!important;
    box-shadow: none;
    cursor: unset;
}
/* ===================================
    search by other media
====================================== */
.transcript{
		text-align:center;
		font-size:18px;
}
.video-element,.canvas-element{text-align:center;}
.video-element video,.canvas-element canvas{
	width: 100%;
    height: auto;
}
.ocr-btns{
	padding:15px;
}
#ocr-dialog input[type="text"]{
	width: 100%;
    height: 60px;
    border: 1px solid #d1d1d1;
    padding: 8px 15px;
    border-radius: 5px 0 0 5px;
    margin: 10px 0 0 0;
    font-family: Poppins;
}
#barcode-scanner canvas.drawingBuffer{display:none}
#barcode-scanner video,.QRCodeVideoElement video{
	width:100%;
	height: auto;
}
.barcode-scanned-info,.QRCode-scanned-info{
	text-align:center;
}
.barcode-scanned-info input{
	width:100%;
}
/* =====================================
Login css
================================*/
.login-dialog .modal {
	text-align: center;
	padding-top: 100px;
	background-color: rgba(0,0,0,0.4);
	font-family: Poppins;
}
.login-dialog .register-form-dialog {
 padding-top: 0px !important;
}
.forgot-password {
	float: right;
	font-size: 12px;
	margin-top: -11px;
	margin-right: 12px;
}
@media (max-width:414px){
	.forgot-password {
		float: right;
		font-size: 12px;
		margin-right: 12px;
	}
	.forgot-password-div{
		margin-top: 10px;
	}
}
.login-form-dialog .button-group, .register-form-dialog .button-group,.forgot-password-dialog .button-group,.reset-password-dialog .button-group{
	padding: 10px;
}
.login-form-dialog .input-group ,.register-form-dialog .input-group,.forgot-password-dialog .input-group,.reset-password-dialog .input-group {
	margin: 12px 12px 20px 12px;
}
.login-form-dialog .input-group-addon:first-child, .register-form-dialog .input-group-addon:first-child,.forgot-password-dialog .input-group-addon:first-child,.reset-password-dialog .input-group-addon:first-child {
	background: #f5a623;
	color: white;
}
.input-group-addon.hidden-addon {
	width: 0px;
    padding: 0;
    border: none;
}
.input-group.show-element {
    display: table !important;
}
.login-dialog .nav-tabs>li.active>a{
	border: 0;
	border-bottom: 1px solid orange;
}
.login-dialog .modal-header .nav-tabs>li.active {
	font-weight: 600;
}
.login-dialog .modal-header {
	padding: 2px 16px;
	color: #6f6f6f !important;
	border-bottom: none;
	padding-top: 25px;
}
.login-dialog .nav-tabs {
	border-bottom: none;
}
.login-dialog .btn-primary{
	background-color:#204d74;
}
.login-dialog .btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.login-dialog .empty-check, .register-form-dialog .empty-check{margin-left: 15px;}
.register-form-dialog .form-group{margin-left:0px;}
.error-message{color:red;}
.password-check{color:red;text-align:left;margin: 0 20px;}
.err-patient-info{margin-top:0px!important}
.empty-check{color:red;display:none;margin-top: -10px;text-align: left;}
.success-message{color: #337ab7}
.cancel-btn{margin: 0px 10px;}
#login-error-message{margin-left: -306px;}
#change-password-dialog .close-popup, #reset-password-dialog .close-popup{float:right;color:#235d79;font-weight:700;cursor:pointer;font-size: 25px;}
@media (max-width:414px){
	#login-error-message{margin-left: -31px;}
}
/* ===================================
   Glossary & Privacy policy
====================================== */
#what-we-do {font-family: Poppins;}
#what-we-do h2 {margin-top: 40px;}
.letter-legend{background: #f2f2f2;padding: 10px 10px 10px 25px;margin-top: 10px;}
.term-title{color: blue;font-weight:bold;}
.letter-content{padding-left: 25px; margin-top: 15px;}
.glossary{padding-bottom:70px;}
.privacy-policy{padding-bottom:70px;}

/* ===================================
   Frequently Asked Questions
====================================== */
.faq-section .faqHeader {
	font-size: 27px;
	margin: 20px 0px;
}
.faq-section .panel-heading[data-toggle="collapse"]:after {
	font-family: 'fontawesome';
	content: "\f054"; /* "play" icon */
	float: right;
	color: #F58723;
	font-size: 18px;
	margin-top: -20px;
	/* rotate "play" icon from > (right arrow) to down arrow */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.faq-section .panel-heading.accordion-toggle {
    cursor: pointer;
}
.faq-section .panel-heading[data-toggle="collapse"].collapsed:after {
	/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #F58723;
}
.faq-section{margin-bottom:80px;margin-top: 60px;}
@media (max-width:414px){
	.panel-group#accordion{
		margin-bottom: 40px;
	}
}
/* ===================================
			JQuery dialog css
====================================== */
.ui-widget.custom-dialog {
	box-shadow: 2px 4px 20px #333;
	z-index: 10000!important;
	position: fixed;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}
.ui-dialog-title {
	font-size: 18px;
}

.ui-button{
	box-shadow: 0 1px 5px #000;
}

.dialog-login-button {
	padding: 4px 10px;
    background: rgb(245, 166, 35);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(245, 166, 35);
    border-radius: 5px;
    box-shadow: 0 1px 2px #333;
}

.ui-button:active, .dialog-login-button:active {
	box-shadow: none;
}

.ui-widget-content h6 {
	font-size: 15px;
}
.ui-widget.custom-dialog .ui-dialog-titlebar-close {
    visibility: hidden;
}
/* ---------------------------------- 
	Header Notifications
------------------------------------- */

 .dropdown-menu.notify-drop {
  min-width: 400px;
  background-color: #fff;
  min-height: 360px;
  max-height: 360px;
  overflow-y: auto;
}
 .dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 15px 10px 35px;
  width: 100%;
}
 .dropdown-menu.notify-drop .drop-content, 
 .dropdown-menu.notify-drop .refill-drop-content {
  min-height: 280px;
  max-height: 280px;
  overflow-y: auto;
}
 .dropdown-menu.notify-drop .drop-content > li ,
 .dropdown-menu.notify-drop .refill-drop-content > li{
  padding: 10px 0px 5px 0px;
}
 .dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0), 
 .dropdown-menu.notify-drop .refill-drop-content > li:nth-child(2n+0) {
  background-color: #fafafa;
}
 .dropdown-menu.notify-drop .drop-content > li:after, 
 .dropdown-menu.notify-drop .refill-drop-content > li:after {
  content: "";
  clear: both;
  display: block;
}
 .dropdown-menu.notify-drop .drop-content > li:hover, 
 .dropdown-menu.notify-drop .refill-drop-content > li:hover {
  background-color: #fcfcfc;
}
 .dropdown-menu.notify-drop .drop-content > li:last-child, 
 .dropdown-menu.notify-drop .refill-drop-content > li:last-child {
  border-bottom: none;
}

 .dropdown-menu.notify-drop .drop-content > li, 
 .dropdown-menu.notify-drop .refill-drop-content > li {
  font-weight: bold;
  font-size: 11px;
}
 .dropdown-menu.notify-drop .drop-content > li p,
 .dropdown-menu.notify-drop .refill-drop-content > li p {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  margin: 3px 0;
}
 .dropdown-menu.notify-drop .drop-content > li .time, 
 .dropdown-menu.notify-drop .refill-drop-content > li .time {
   color: #B97745;
   margin-left: 15px;
}
 .dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  position: relative;
  padding: 8px 15px;
}
 .dropdown-menu.notify-drop .notify-drop-footer a {
  color: #777;
  text-decoration: none;
}
 .dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: #333;
}
.navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover{
	background-color: #f5a623!important;
}
.notification i{
	margin-top: 1px;
    font-size: 20px;
}
.username img{
	width: 28px;
    margin-top: -3px;
}
/* ===================================
			Responsive css
====================================== */

@media(max-width:992px) {
	.text-homepage {
		font-size: 24px;
	}
	.search-section input[type="text"]{
		width: 100%;
		height: 47px;
	}
	.search-section button[type="submit"] {
		height: 47px;
	}
	.you-can-search-txt {
		text-align: center;
	}
	.media-btn-container{
		text-align:center;
	}
	.media-btn {
		font-size: 11px!important;
		    margin: 10 10px 10px 10px!important;
		width: 120px!important;
	}
	.worldmap-container,.country-slider {
		width: 100%
	}
	.about-us img {
		width: 100%
	}
	.feature-container li {
		width: 100%!important
	}
	.drug-image{
		width: 100%;
		padding: 0 15px 15px 8px;
	}
	.pagination-container{
		padding-bottom:30%;
	}
}
@media(max-width: 768px) {
	.media-btn {
		width: 104px!important
	}
	.pagination-container{
		padding-bottom:30%;
	}
}
@media (min-width: 320px){.drug-type-alignment{margin-left: 23%;}}
@media (min-width: 360px) and (max-width: 380px){.drug-type-alignment{margin-left:5%;}}
@media (min-width: 381px) and (max-width: 414px){.drug-type-alignment{margin-left:9%;}}
@media (min-width: 769px){.drug-type-alignment{margin-left:0%;}}
/*=========================================
	Favorites
==========================================*/
.favorites-banner {
    min-height: 60px;
	padding:0;
}

@media (max-width: 768px) {
	.favorites-banner {
		padding:0;
	}
	.drug-listing-description{
		width: auto;
	}
}
/*=========================================================
Common banner section
===========================================================*/
.home-banner{
	padding: 0!important;
    min-height: 600px;
    background: #6790a3;
    position: relative!important;
	min-height: 200px;
}
.banner-headline {
	margin-bottom: 15px !important;
}
.banner-headline.page-title-custom span {
	color: white;
	font-size: 16px;
}
.banner-headline.page-title-custom strong.color {
	font-weight: 600;
}
.med-head {
	font-size: 22px;
    font-weight: 600;
    color: #232323;

}
@media(max-width: 768px) {
	.med-head{font-size: 19px;}
}
/*=========================================================
Autocompleter
===========================================================*/
.ui-widget-content {
  border: 1px solid #dddddd;
  color: #333333;
  background-image:none;
}
.ui-menu-item a.ui-state-focus {
background:DodgerBlue;
}
 .ui-autocomplete {
 max-height: 300px;
 overflow-y: auto;
 /* prevent horizontal scrollbar */
 overflow-x: auto;
 max-width: 1110px;
 }
 .ui-menu-item:hover{
	border: 1px solid #007fff;
    background: #007fff;
 }
 .ui-menu-item:hover a, .ui-menu-item:hover .title-category-xs{
	color: white;
 }
 .ui-state-active{
	 border: none!important;
	 background: none!important;
 }

 /*=========================================================
 Toggle Map View
===========================================================*/
.country-file-count-table {
	width:55%;
	float:left;
	height: 306px;
    overflow-y: auto;
} 
.switch {
	left: 25%;
	top: 25%;
	transform: translate(-25%,-25%);
	margin-bottom: 15px;
}
.table-view-file-count {
	color: #6790a3;
	cursor: pointer;
}
@media(max-width: 768px) {
	.country-file-count-table {
		width:100%;
		float:left;
	} 
	.switch {
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.mobile-app-banner{margin-bottom: unset;}
}

@media(max-width: 992px) {
	.country-file-count-table {
		width:100%;
		float:left;
	} 
}
.country-file-count-table .table th {
	font-size: 15px;
	color: #fff;
	line-height: 1.4;
	background-color: #6790a3; 	
}

.country-file-count-table .table td{
	font-size: 14px;
}

.country-file-count-table .table th,td {
   text-align: center;   
}

.btn-toggle-map {
	font-family:Poppins;
	transition:0.3s ease 0s;
}
.btn-toggle-map:first-child {
	border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
} 
.btn-toggle-map:last-child {
	border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}
.btn-toggle-map.active,.btn-toggle-map.active:hover {
	background-color:#6790a3;
	color:#fff
}
 /*=========================================================
 Text Search
===========================================================*/
.text-search-banner{
    min-height: 60px;
	padding:0;
}
.text-search-field-container {
	display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.09);
}
.text-search-field {
	padding: 10px 15px 20px 15px;
    border-right: 1px solid #e4e4e4;
    width:59%;
    align-items: center;
    display: flex;
    position: relative;
}
.text-search-field input::-webkit-input-placeholder{
	font-size: 13px;
	color: #bdbdbd;
}
.text-search-section-code {
	align-items: center;
    display: flex;
	padding: 10px 12px 20px 12px;
    position: relative;	
	width:30%;
}
.text-search-section-code select{
	cursor:pointer;
}
.text-search-submit-btn {
	margin: 8px;
    margin-left: 0;
    flex: auto;
    flex-grow: 0;
    display: flex;
    align-items: center;
	z-index: 1;
}
.text-search-submit-btn button{
	height: 50px;
    line-height: 52px;
    padding: 0 30px;
    font-size: 18px;
	margin: 10px 0 0 -12px;
	border-radius: 0 5px 5px 0;
	color: white;
	background-color: #f5a623!important;
	font-family: Poppins;
	border: 1px!important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.text-search-result-clearfix {
		margin-bottom:0;
		margin-top:0;
	}
.info-heading{
    padding: 15px;
}
.text-search-section .switch {
	left: 3%;
}

@media (max-width: 992px) {
	.favorites-banner {
		padding:40px 0;
	}

	.text-search-banner {
		padding:40px 0;
	}
	.text-search-section{
		padding-top:0;
		padding-bottom:100px;
	}
	.text-search-field-container {
		flex-direction: column;
		background: transparent;
		box-shadow: none;
	}
	.text-search-field {
		width:100%;
		border-right: none;
	}
	.text-search-section-code {
		width:100%;
		padding: 10px 12px;
	}
	.text-search-section-code select {
		height:47px;
	}
	.text-search-submit-btn button {
		margin: 10px 0 0 14px;
	}
	.text-search-result-clearfix {
		margin-bottom: 50px;
		margin-top: 50px;
		display: table;
		content: " ";
	}
	.text-search-submit-btn button {
		height: 45px;
		line-height: 45px;
		padding: 0 17px;
		border-radius: 5px;
	}
}
@media (max-width: 768px) {
	.text-search-banner {
		padding:0;
	}
	.text-search-section{
		padding-top:0;
		padding-bottom:100px;
	}
	.text-search-field-container {
		flex-direction: column;
		background: transparent;
		box-shadow: none;
	}
	.text-search-field {
		width:100%;
		border-right: none;
	}
	.text-search-section-code {
		width:100%;
		padding: 10px 12px;
	}
	.text-search-section-code select {
		height:47px;
	}
	.text-search-submit-btn button {
		margin: 10px 0 0 14px;
	}
	.text-search-result-clearfix {
		margin-bottom: 50px;
		margin-top: 50px;
		display: table;
		content: " ";
	}
	.text-search-submit-btn button {
		height: 45px;
		line-height: 45px;
		padding: 0 17px;
		border-radius: 5px;
	}
	.text-search-section .switch {
		left: 25%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
}
@media (max-width: 320px) {
	.text-search-section{
		padding-top:0;
		padding-bottom:200px;
	}
}
 /*=========================================================
	Contact Us
===========================================================*/
	.contact{
		padding: 10% 6% 6% 6%;
		height: 400px;
	}
	.contact-header{
		background: #6790a2;
		padding: 3%;
		border-top-left-radius: 0.5rem;
		border-bottom-left-radius: 0.5rem;
		color: white;
	}
	.contact-info img{
		margin-bottom: 5%;
	}
	.contact-info h2{
		margin-bottom: 10%;
	}
	.contact-form{
		padding-top: 3%;
		border-top-right-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
		border: 1px solid lightgray;
	}
	.contact-form label{
		font-weight:600;
		text-align: right;
	}
	.contact-form .btn{
		background: #ff9b00;
		width: 25%;
	}
	.contact-form button:focus{
		box-shadow:none;
	}
	@media (min-width: 768px){
		.contact-form .modal-dialog{width: 40%;margin: 15% auto;}
	}
	.contact-form .modal-dialog{text-align: center;}
	.contact-form .modal-header .modal-title{display: inline;}
	.contact-form .modal-header .close{display: inline;margin-top: unset;}
	.contact-form .success-msg img{width: 15%;}
	.contact-form .success-msg p{margin: 5% 0;font-weight: 600;font-size: 18px;}
	.contact-err{
		margin-bottom: 10px !important;
        margin-left: 130px !important;
		margin-top: -10px !important;
	}
	.row-eq-height {
	  display: flex;
	}
	@media screen and (max-width: 640px){
		.contact{height: auto;margin-bottom: 60px;}
		.contact-header{padding-top: 0px;}
		.contact-info {margin-top: 7%;}
		.contact-info img {margin-bottom: 0%;}
		.contact-info h2 {margin-bottom: 5%;}
		.contact-form textarea.form-control{height: 70px;}
		.contact-err{margin-left: 0px !important;}
		.row-eq-height {display: block!important;}
	}
 /*=========================================================
	Text Wrap(Read more/Read less feature search results)
===========================================================*/
.read-more {
	word-wrap: anywhere;
}
.long-text {
	display:none;
}

.show-more-button {
	margin:0 0 0 10px;
	color: blue;
    cursor: pointer;
}

/* ===================================
    Recently viewed
====================================== */
.recently-viewed-content{
	text-align: initial;
    margin: 3% 0 3% -15px;
}
.recently-viewed-search{
	cursor: pointer;
    display: inline-block;
    margin: 0 20px 4px;
    position: relative;
    transition: background-color,0.2s,ease-in-out;
    text-align: left;
}
.recently-viewed-search-title{
	font-size: 14px;
    color: white;
    line-height: 1.2;
    white-space: nowrap;
}
.recently-viewed-search-title:hover {
    color: #f5a623;
}
.clear-recently-viewed{
	cursor: pointer;
    font-size: 21px;
    margin-top: -18px;
    position: absolute;
    color: lightgray;
    right: -20px;
}
.clear-all-recently-viewed{
	color: lightgray;
    cursor: pointer;
    font-size: 22px;
    padding-left: 6px;
    position: absolute;
    top: 3px;
}
.recently-viewed-header-title{
	font-size: 18px;
    color: #ededed;
    font-weight: 600;
}
@media screen and (max-width: 640px){
	.recent-drug{
		margin-top: 35px;
	}
}
/* ===================================
   Search in alphabetical order(A-Z)
====================================== */
.alphabet-list{
	word-break:break-all;
	/*Fix for firefox*/
	word-wrap: anywhere;
}
.alphabet-list-item{
	margin-right:5px;
	font-weight:500;
	letter-spacing: 1px;
	cursor:pointer;
}
.alphabet-list-item:hover{
	color:#f5a623;
	font-weight: bold;
}
.alphabet-list-item:active{
	color:#ffff;
}
/*Google translate starts here*/
.goog-logo-link{display:none!important}
.goog-te-gadget{color:transparent!important}
.goog-te-gadget .goog-te-combo{overflow:hidden;font-size: 14px;font-family: Poppins;margin: unset !important}
.goog-te-gadget-simple{padding:5px 6px!important}
.goog-te-banner-frame.skiptranslate{display:none!important}
body {top: 0px !important;}
.goog-te-gadget-simple{border-radius:3px}
.goog-te-gadget-simple .goog-te-menu-value span{color:#616161}
select.goog-te-combo option:hover{color:#fff;background-color:#3297FD}
#google_translate_element{margin-top: 0px;}
div#google_translate_element>div>div select{box-shadow:unset;padding:0;padding-left: 10px;display: block;width: 100%;height: 34px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
div#google_translate_element>div>div>select option{color:#000;background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
div#google_translate_element>div>div>select:hover{cursor:pointer}
div#google_translate_element{display:inline-flex}
a.language-translate{padding: 15px 0 0 0 !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a.language-translate:hover {
    background-color: unset!important;
}
.navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a.language-translate:hover {
    background-color: unset!important;
}
/*Google translate ends here*/
/*=================================================================
	Top 10 Listings
==================================================================*/
.common-drugs-row{padding-right: 50px;padding-left: 50px;margin: 0 15px;}
.most-common-drugs .tabs-left {
  border-bottom: none;
}
@media (max-width:768px){
	.most-common-drugs .tabs-left {
		text-align: center;
		border-bottom: none;
	}
	.most-common-drugs .tab-pane{
		margin: -18px -27px;
		width: 120%;
	}
	.common-drugs-row{padding: 0px;}
}
.most-common-drugs .tabs-left>li {
  float: none;
  margin:0px;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
}
.most-common-drugs .tabs-left>li >a{color: #616161;}
.most-common-drugs .tabs-left>li.active>a,
.most-common-drugs .tabs-left>li.active>a:hover,
.most-common-drugs .tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background:#f5a623;
  border:none;
  border-radius:0px;
  margin:0px;
  color: white;
}
.most-common-drugs .nav-tabs>li>a:hover {
    line-height: 1.42857143;
    border: 1px solid transparent;
}
.most-common-drugs .tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #f5a623;
    display: block;
    width: 0;
}
.common-drug-list{
    column-count: 3;
	margin-top: 10px;
}
.common-drug-link {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}
.tab-content-alignment a{display:block;}
.top-common-drug {
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid lightgray;
    padding: 10px;
}
.top-common-drug:hover{height:auto;}
.common-drugs-condition{color: gray;font-size: 12px;}
.common-drugs-condition span{color: #EF6C00;font-weight: 500;}

@media (max-width:768px){
	.most-common-drugs .tabs-left>li.active>a::after{content: "";
		right: 0px;
	}
	.top-common-drug {height: auto;}
}
/*=================================================================
	Search result sort
==================================================================*/
.pillIdentifier i{padding-right: 5px;}
.sort{margin-top: 15px;background: white;}
.sort select{
	margin-left: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.misused-drugs-hr{margin-left: 0px!important;}
.misused-drugs-header{
	color: #616161;
    cursor: default!important;
}
span.common-condition {
    color: gray;
    font-size: 12px;
    margin-top: 2px;
	margin-left: 3px;
}
.sortButtons{margin-left: -10px;}
.sortButtons button{
	padding: 9px 12px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
/*=================================================================
	Drug by Classes
==================================================================*/

.drug-class-heading {
  font-weight: 400;
  text-align: center;
  background: #4b7b92;
  margin: 0;
  color: white;
  padding: 10px 0;
}

.drug-by-class {
  padding: 10px 10px;
  margin: 0 auto;
}

.file-browser {
  background: white;
  color: black;
  padding: 20px 10px;
}

.file {
  color: black;
  display: block;
  list-style: none;
}

.folder {
  list-style: none;
  cursor: pointer;
  margin: 4px 0;
}
.folder > ul {
  display: none;
}
.folder:before {
  padding: 5px 8px;
  margin-right: 5px;
  text-align: center;
  line-height: 10px;
  background: #f5a623;
  border-radius: 4px;
  display: inline-block;
  content: '+';
  color: white;
}
.folder.folder-open > ul {
  display: block;
  padding-left: 15px;
  margin-left: 9px;
  border-left: 1px dotted #BDBDBD;
}
.folder.folder-open:before {
  content: '-';
}
.file a i{margin-right: 5px;}
.expand-collapse-buttons{margin-left: 28px;}
.condition-drug-class{margin-top: 10px}
.condition-drug-class p a{font-weight: 600;}
.expand-collapse-buttons span{font-size: 14px!important;}
.drug-class-search{margin: 10px 0px;}
.drug-class-btn-grp{margin-left: -25px;}
.drug-class-btn-grp button{height: 38px;font-size: 16px;}
/*-----------Conditions description and symptoms panel-----------*/
.drug-information, .clinical-trials{margin-left: 6em;margin-top: 5em;width: 79%;}
.drug-causes-frequency{max-height: 60%; overflow: auto;color: #6f6f6f;}
.drug-information .panel-heading, .clinical-trials .panel-heading{background: #6790a2;color: white;font-size: 17px;letter-spacing: -0.46px;}
.drug-information #drug-title, .clinical-trials #clinical-trials-title{color: #fff;}
.drug-information #drug-info, .clinical-trials #clinical-trials-list{color: #6f6f6f;}
.clinical-trials #clinical-trials-list{border-right:none!important}
.drug-information #drug-symptoms{color: #6f6f6f;}
.drug-information #drug-symptoms ul, .clinical-trials ul#clinical-trials-list {list-style: none;}
.drug-information #drug-symptoms ul li::before,
.clinical-trials #clinical-trials-list li::before{content: "\2022";color: #f2a700;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
#view-more{margin-left:25px;}
.drug-information .panel-body, .clinical-trials .panel-body{border-radius: 2px;border: solid 1px #48484817;overflow: auto;}
.drug-information #drug-title:before, .clinical-trials #clinical-trials-title:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f077"!important;
    padding-right: 5px;
}
.drug-information #drug-title.collapsed:before, .clinical-trials #clinical-trials-title.collapsed:before {
    float: right !important;
    content:"\f078"!important;
}
.drug-information #drug-title:hover, 
.clinical-trials #clinical-trials-title:hover, 
.drug-information #drug-title:active, 
.clinical-trials #clinical-trials-title:active, 
.drug-information #drug-title:focus,
.clinical-trials #clinical-trials-title:focus  {
    text-decoration:none;
}
.drug-information .information-heading{font-weight: 700;color: #6f6f6f;}
.search-results-tab{    
	margin-left: 6em;
    border-bottom: 1px solid lightgrey;
    width: 80%;
    position: fixed;
    background-color: white;
    z-index: 1;
}
.search-results-tab ul li.active{border-bottom: 4px solid #6790a2;}
.search-results-tab ul li a{font-weight: 700;color: #6f6f6f;font-size: 16px;}
.search-results-tab ul li a:hover {background: transparent!important;color: #f0ad4e;
}
.search-results-widget section{padding:0px}
.search-results-widget{margin-top:60px}
.drug-summary h3{
	font-size: 16px;
    font-weight: 600;
}
/* table count*/
table {
  counter-reset: section;
}
.count:before {
  counter-increment: section;
  content: counter(section);
}
.btn-read-section{margin-left:5px;background: transparent;}
.btn-read-section i{color:#f5a623;}
@media (max-width:768px){
	.search-results-tab{margin-left: 1em;}
	.drug-information #drug-info, .clinical-trials #clinical-trials-list{border-right: none}
	.sortButtons {margin-left: 5px;}
	.sort select {margin-left: 35px;}
	.drug-vaccines-btn{margin-top: 15px;margin-left: 65px;}
}
/* ---------------------------------- */
/* Banned Dietary supplement section
------------------------------------- */
.banned-box {
	text-align: center;
	position: relative;
}

.banned-box span {
	color: #666;
	font-size: 14px;
	font-weight: 500;
}

.banned-box h3 {
	margin: 15px 0;
	line-height: 26px;
	font-size: 22px;
	font-weight: 500;
}

.banned-box ul{
	list-style-type:none;
	margin-left: -40px;
}

.banned-box ul li{
	margin: 10px;
}

.banned-box .banned-box-hr{
	width: 100%;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    border-image-source: linear-gradient(to left, rgba(255, 255, 255, 0), #afafaf 51%, rgba(255, 255, 255, 0));
    border-image-slice: 1;
}
.cancelBtn{
	float:right;
	width:20px;
	height:20px;
	margin-top: 10px;
}
@media screen and (max-width: 767px){
	.cancelBtn {
		float: right;
		width: 20px;
		height: 20px;
		margin-top: -30px;
	}
	.banned-box{margin-top: 0px;}
	.drug-information, .clinical-trials {margin-left: 1em;width: 90%;}
}
.modelHeading{
	text-align:center;
}
.company-list{
	text-align:left;
	padding: 5px;
}
.banned-companies-view{
	height: 350px;
    overflow-y: auto;
}
.banned-box table{
	font-size: 14px;
}
.banned-box th{
	text-align: center;
}
.banned-companies-list{
	display:none;
}
.banned-substance-list{
	display:none;
}
.company-list span i{
	margin-left: 5px;
    color: #337ab7;
    cursor: pointer;
}
.banned-result-text .banned-result-img{
	width: 35px;
    margin-right: 5px;
}
.modalCount{font-size:18px!important;}
.banned-header-box{
	text-align: center;
    padding: 8px;
    border: 1px;
    cursor: pointer;
    border-radius: 15px;
    width: 75%;
    margin-left: 45px;
}
.banned-header-box:hover {
	background: #f5a623;
	border-color: #f5a623;
}
.banned-header-content{
	vertical-align: middle;
    background-color: #fff;
    border-radius: 15px;
    padding-top: 25px;
    height: 200px;
}
.filterDiv {
  margin: 2px;
  display: none;
}

.show {
  display: block;
}
/* Style the buttons */
.allcondition {
  background-color: #666;
  color: white;
  display:none;
}
/*autocompleter*/
.title-product-xs {
    font-size: 14px;
    font-weight: bold;
}
.title-price-xs {
    color: #2b3a89;
    font-size: 11px;
}
.mr-10 {
    margin-right: 10px;
}
.float-right {
    float: right;
}
.title-category-xs {
    font-size: 11px;
    color: gray;
}
.mr-0 {
    margin-right: 0;
}
.ml-0 {
    margin-left: 0;
}
.p-5 {
    padding: 5px;
}
.p-0 {
    padding: 0!important;
}
.ui-menu .ui-menu-item {
    box-shadow: 0px 1px 1px #D3D3D3;
}
.ui-state-focus {
   background-color: #D3D3D3!important;
}
.center-block-autocompleter{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive-autocompleter{
    display: inline-block;
    max-width: 100%;
    height: auto;
	margin-left: 0em;
}
.title-align-left{
    margin-left: 0px;
}
.drug-title-align-left{
    margin-left: -5.5em;
}
.img-drug{
	margin-top: 0px;
}
.duplicate-object-check{color:red;margin-top: -10px;text-align: left;}
@media (max-width:768px){
	.title-align-left{
		margin-left: 0px;
	}
}
/* ===================================
	 Drug Interaction Section 
====================================== */
.interaction-result{margin-top:12px}
.interaction-result table{font-size:14px}
.interaction-result th{border: 1px solid #BDBDBD!important;letter-spacing: 0.59;color: white;background-color: #f0ad4e;}
.interaction-result th, .interaction-result td{text-align:left;padding:5px;border: 1px solid #BDBDBD!important;}
.interactions-label{padding-top: 15px;margin-left: -12px;}
.btn-add-remove{margin-top: 10px;width: 100%!important;height:45px!important;}
.btn-add-remove span{font-size:12px!important;}
.drug-interactions-search{margin-top: 0!important;border: 1px solid lightgray;padding: 30px 50px;}
.drug-interactions-input{padding: 0px 0px 20px 0px;}
.drug-interactions-search input[type="text"]{height:45px!important}
.btn-remove{background-color: #6790a2!important;border-color: #6790a2!important;}
.quick-links-container {margin-top: 25px;}
.quick-page-link{width: 12%!important;}
.right-separator {position: relative;text-align: right;}
.right-separator:after {content: '';position: absolute;right: 0;border-right: 2px solid #337ab7;top: 10%;bottom: 10%;}
@media (max-width:768px){
	.drug-interactions-banner, .icd-10-codes-banner, .all-conditions-banner{margin: 20px 10px 40px;}
	.interaction-result{margin-bottom: 30px;}
	.quick-page-link{width: 33.33333333%!important;}
	.quick-links-container{padding:0px;margin-left: 25px;}
	.right-separator{text-align: center;}
}

.condition-head span{
	font-size: 18px!important;
	font-weight: 600;
    color: #232323!important;
}
.home-page-search{
color: #ededed;
margin-left: -1em;
font-weight: bold;
}

/* Audio Box */

#audio-controls{width:400px;height:225px;z-index:1000;position:fixed;text-align:center;display:none;cursor:move;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#235d79;color:transparent;text-shadow:0 0 0 #FFF;border-radius:18px}
.audio-box{color:#184054;left:50%;top:80%;position:absolute;transform:translate(-50%,-50%)}
#stop-audio{float:right;cursor:pointer;margin-right:12px;margin-top:12px}
.audio-subsection-heading{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;margin-top:22px;font-family:Poppins}
.audio-loading{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 1s linear infinite;left:0;top:0;position:relative;transform:translate(-50%,-50%)}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.now-playing{margin-top:37px;font-weight:600;font-size:20px;font-family:Poppins}
.dual-spinner { z-index: 2000; position: fixed; width: 100%; height: 100%; top: 100%; left: 50%; transform: translate(-50%, -50%); }
.dual-spinner:after { content: " "; display: block; width: 80px; height: 80px; margin: auto; border-radius: 50%; border: 10px solid #f5a623; border-color: #f5a623 transparent #f5a623 transparent; animation: dual-spinner 1.2s linear infinite; color: #f5a623; }
@keyframes dual-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*===========tiles===========*/
.tiles-row{margin-top:35px}
.bottom-row{margin-top:145px}
.info-tile {
	margin: 0px 0px 16px;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	background: #fff;
	padding: 16px 8px;
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 4px;
	border-left: 6px solid;
}
.tile-heading{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.69px;
	color: #000;
	text-transform: capitalize;
}
.tile-icon{height: 50px;}
.info-tile.one{border-color: #6acae8;}
.info-tile.one:hover{background-color: #6acae8;}
.info-tile.two{border-color: #e5696b;}
.info-tile.two:hover{background-color: #e5696b;}
.info-tile.three{border-color: #7c8de8;}
.info-tile.three:hover{background-color: #7c8de8;}
.info-tile.four{border-color: #fbb943;}
.info-tile.four:hover{background-color: #fbb943;}
.info-tile.five{border-color: #43b671;}
.info-tile.five:hover{background-color: #43b671;}
.info-tile.six{border-color: #4a90e2;}
.info-tile.six:hover{background-color: #4a90e2;}

.tour-dialog .modal-dialog{width:60%}
.tour-dialog .modal-body {background-image: url(assets/images/quick-jump-background.webp);}
.modal.tour-dialog {backdrop-filter: blur(1px);}
.tour-dialog .btn-primary{background-color:#337ab7}
.tour-dialog .tour-checkbox{margin-top:6px;text-align: center;}
.tour-dialog .close{font-size: 20px;color: black;background: transparent;display: block!important;}
.quick-jump{margin-left: 12px;color: black;}
.quick-jump h1{font-size: 20px;text-align: center;margin-left: 60px;font-weight: 600;}
.refill-medication{-webkit-box-shadow: 0px 1px 1px #A9A9A9;-moz-box-shadow: 0px 1px 1px #A9A9A9; box-shadow: 0px 1px 1px #A9A9A9;}
.refill-medication-checkbox{margin-top: 0.7em;}
.refill-medication-ans{margin-left: 1em;}
.tour-btn-group{text-align:right}
@media (max-width:768px){
.splash-screen-img{display:none!important}
.bottom-row{margin-top:0px!important}
.tour-dialog .modal-body button{margin-bottom: 5px;}
.tour-btn-group{text-align:center;}
.tour-dialog{padding-bottom: 60px;}
.tour-dialog .modal-dialog{width: 95%;margin-top: 50px;}
}
.apply-filter-section-code {
	padding: 10px 12px 20px 12px;
    position: relative;	
}
.apply-filter-section-code select{
	cursor:pointer;
}
.zoomWindowContainer div{
	top: 50%!important;
	left: 50%!important;
	transform: translate(-20%, -20%)!important;
}
/*reCaptcha*/
.form-wrapper-outer{
	padding: 40px;
	border-radius: 8px;
	margin: auto;
	width: 460px;
	border: 1px solid #DADCE0;
	margin-top: 7%;
}

.field-wrapper{
	position: relative;
	margin-bottom: 15px;
	margin-left: 13px;
}

.field-wrapper input{
	border: 1px solid #DADCE0;
	padding: 15px;
	border-radius: 4px;
	width: 100%;
}

.field-wrapper input:focus{
	border:1px solid #1A73E8;
}

.field-wrapper.field-error{
  border: 1px solid red;
}
.field-wrapper.field-error .field-placeholder span{
  color: red;
}

#message-wrap {
	padding: 15px;
	text-align: center;
	display: none;
	border-radius: 4px;
}

#message-wrap.success-msg{
  color:green;
  background: #e3ffd5;
}
#message-wrap.error-msg{
  color:red;
  background: #ffd5d5;
}
.tile-widget-main {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 8px;
  width: 85%;
	position: relative;
	left: 10%;
}
.tile-widget-main.tile-companies{
	height:106px;
}
.tile-widget-main.tile-companies.expand{
	height:auto;
}
.tile-widget-main.tile-conditions{
	height:106px;
}
.tile-widget-main.tile-conditions.expand{
	height:auto;
}

.home-tile-section .tile-widget, .tile-widget {
    text-align: center;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 224, 224);
    border-image: initial;
    padding: 15px 15px 5px;
    transition: all 0.3s ease-in 0s;
}

.tile-widget {
	width: 20%;
}

.common-listing {
	margin-top: 50px;
}

.home-tile-section .tile-widget{
    width: 18%;
	border: solid 1px lightgray;
    border-radius: 5px;
    margin-bottom: 16px;
}
.tile-widget span {
    display: block;
    color: #337ab7;
    padding: 12px;
	font-weight: 600;
}
.tile-widget .diabetes-type a{
    color: #337ab7;
	padding-left: 0px;
	font-weight: 600;
}
.tile-widget .diabetes-type{
	margin-top: -10px;
}
.condition-arrow img, .companies-arrow img, .condition-arrow{
	cursor:pointer;
}
.tile-widget:hover {
    background-color: #b2ebf2;
}
.tour-dialog .tile-widget span{
	padding-top: 15px;
}
.tour-dialog .tile-widget-main{
	justify-content: unset;
	left: 16%;
}
.tour-dialog .tile-widget{
	width: 26%;
    padding: 22px 15px 0px 15px;
}
@media (max-width:768px){
	.tour-dialog .tile-widget {width: 33%;padding-bottom: 5px;}
	.quick-jump h1 {margin-left:0px;}
	.tour-dialog .tile-widget span{padding-left: 0px;}
	.tile-widget-main{width:100%;left:0!important;}
	.tile-widget-main.tile-companies{height:117px;}
	.tile-widget-main.tile-conditions{height:117px;}
	.tile-widget{width:45% !important;}
}
.dateclass{
    width:100%;
}
.dateclass.placeholderclass::before{
    width:100%;
    content:attr(placeholder);
    background-color:#FFFFFF;
}
.dateclass.placeholderclass:hover::before{
    width:0%;
    content:"";
}
.doctor-close-btn{margin-left: 38em;}
.covid-faq .panel-heading.collapsed::after, 
.covid-vaccines .panel-heading.collapsed::after{
	color: #6f6f6f;
    font-size: 20px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    float: right;
    margin-top: -14px;
}
.covid-faq .panel-heading::after, 
.covid-vaccines .panel-heading::after{
	color: #6f6f6f;
    font-size: 20px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f077";
    float: right;
    margin-top: -14px;
}
.covid-faq .panel-heading, .covid-vaccines .panel-heading{
    background: #f9f9f9!important;
    color: #6f6f6f;
	cursor: pointer;
}
.covid-faq .panel-title, .covid-vaccines .panel-title{font-size:14px;font-weight: 600;}

.add-to-medication {
	width: 35px;
    height: 35px;
    margin-right: 2px;
	cursor: pointer;
}

.added {
	background-color: #76f99cd6;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	float: left;
	margin-right: 2px;
}

.navbar-box-shadow {
    background-color: #0E7490;
}

.jvectormap-zoomin, .jvectormap-zoomout {
	width: 30px;
    height: 20px;
    font-size: 20px;
    padding-top: 15px;
}

.jvectormap-zoomout {
	top: 60px;
}

.jvectormap-zoomout:hover, .jvectormap-zoomin:hover{
	transform: scale(1.1);
}

.jvectormap-zoomout:active, .jvectormap-zoomin:active{
	transform: scale(1);
}