body{
	font-size: 12px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	background-image: url("../img/content_background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
h2.laboratorio{
	font-size: 1.5em;
	line-height: 1.45em;
}

.text-500{
	font-weight: 500;
}
.page-header.page-header-small{
	min-height: 15vh;
}

.text-bold{
	font-weight: bold !important;
}
.text-ocean{
	color:#be6e19;
}

#logo{height: 60px; width: auto;}


.logo-quickmed{
	padding-top: 2.5rem;
	padding-left: 2.5rem;
}

.logo-quickmed img{
	max-height: 90px;
}
.logo-edifarm{
	padding-top: 2.5rem;
	padding-left: 2.5rem;
	padding-bottom: 2.5rem;
}
.logo-edifarm img{
	max-height: 70px;
}
.logo-footer{
	height: 25px;
	display: inline-block;
}

.banner-fijo{
	width: 100%;
	background: #ffffff;
	margin:auto;
	position: fixed;
	bottom: 0;
	z-index: 99999;
}
.banner-fijo img{
	max-width: 640px;
	margin: auto;
	width: 100%;
}

.card-collapse .card-header {
    border-bottom: solid 1px #000000;
}
.card-collapse .card-header a{
	width: 100%;
	display: inline-block;
}
.card-collapse .card-header a i.now-ui-icons {
    position: absolute;
    right: 0;
}

.item-list .nivel{
	padding-left: 10px;
	font-weight: bold;

}

.atc.card-collapse .card-header,
.cie.card-collapse .card-header {
    border-bottom: solid 1px #0284C3;
}



.atc.item-list .nivel5,
.cie.item-list .nivel4{
	padding-left: 10px;
	font-style: italic;
	font-weight: normal;
}
.teratogenicidad{
	position: relative;
}
.teratogenicidad::before {
    content: "Teratogenicidad";
    position: absolute;
    top: 50px;
    color: #4d4d4d;
    left: 55%;
    display: block;
    width: 56%;
	z-index: 999;
  text-shadow: 0 1px 1px rgba(78, 115, 146, 0.6);
	font-weight: bold;
}
.contenido{
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
}

/*** Table Styles **/

.table-data {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  margin: auto;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
.table-data th {
  color:#4d4d4d;
  background:#be6e19;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:10px;
  font-weight: bold;
  padding:5px 24px;
  text-align:center;
  text-shadow: 0 1px 1px rgba(78, 115, 146, 0.6);
  vertical-align:middle;
}

.table-data th:first-child {
  border-top-left-radius:3px;
}
 
.table-data th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-data tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#4d4d4d;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.table-data tr:hover td {
  background:#f0ebd8;
  color:#4d4d4d;
  border-top: 1px solid #22262e;
}
 
.table-data tr:first-child {
  border-top:none;
}

.table-data tr:last-child {
  border-bottom:none;
}
 
.table-data tr:nth-child(odd) td {
  /*background:#f0ebd8;*/

}
 
.table-data tr:nth-child(odd):hover td {
  background:#f0ebd8;
}

.table-data tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-data tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.table-data td {
  background:#FFFFFF;
  padding:0 20px;
  text-align:left;
  vertical-align:middle;
  font-weight:500;
  font-size:12px;
  /*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);*/
  border-right: 1px solid #C1C3D1;
}

.table-data td:last-child {
  border-right: 0px;
}

.table-data th.text-left {
  text-align: left;
}

.table-data th.text-center {
  text-align: center;
}

.table-data th.text-right {
  text-align: right;
}

.table-data td.text-left {
  text-align: left;
}

.table-data td.text-center {
  text-align: center;
}

.table-data td.text-right {
  text-align: right;
}

#vertical-tabs.nav-pills .nav-item i {
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	
}

.now-ui-icons.ui-ficha::before{
	content: "";
	width: 24px;
	height: 24px;
	background-image: url('../img/icono-ficha.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top:calc( 50% - 12px);
	left:3px;
}
.now-ui-icons.ui-dosis::before{
	content: "";
	width: 24px;
	height: 24px;
	background-image: url('../img/icono-dosis-pediatrica.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top:calc( 50% - 12px);
	left:3px;
}
.now-ui-icons.ui-interacciones::before{
	content: "";
	width: 24px;
	height: 24px;
	background-image: url('../img/interacciones-medicamentosas.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top:calc( 50% - 12px);
	left:3px;
}
.now-ui-icons.ui-reacciones::before{
	content: "";
	width: 24px;
	height: 24px;
	background-image: url('../img/reacciones-adversas.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top:calc( 50% - 12px);
	left:3px;
}

.d-mobile{
	display: none;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.vertical-tabs{
/*	width: 100%;
	height: 400px;
	top:0;
	left:0;
	*/
}
#vertical-tabs{
	/*position: fixed;*/
}
#productos-relacionados .owl-item{
	border:1px solid #f0ebd8;
	
}

#productos-relacionados .item .imagen{
	width: 100%;
	/*max-width: 250px;*/
	height: 150px;
	display: block;
	margin: auto;
	overflow: hidden;
	background-color: rgba(255,255,255,0.80);
}
#productos-relacionados .item .imagen img{
	width: auto;
	margin: auto;
	display: block;
	height: 100%;
}

nav .container .navbar-translate {
    z-index: 9;
}

button.navbar-toggler.navbar-toggler.toggled {
	position: absolute;
	right: -290px;
}

.titulo-producto{
	text-align: left;
}

.portada.carousel {
    margin: 10px auto;
    background: none;
	width: 90%;
	height: 100%;
	position: relative;
}
.portada.carousel img {
	width: 240px;
	height: auto;
	display: block;
	margin: auto;
	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-page .page-header:before, .profile-page .page-header:before{
	background-color: rgba(255,255,255,0);
}
.navbar .navbar-nav .nav-link:not(.btn),
.navbar a:not(.btn):not(.dropdown-item){
	color:#4d4d4d;
}
.bg-primary{
	background-color:#f0ebd8 !important;
}

.btn-primary{
	background-color:#be6e19;
}
.nav-pills .nav-item .nav-link{
	background-color :#f0ebd8;
}


nav.navbar.navbar-expand-lg.fixed-top{
	background-image: url('../img/bg3-header.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}


.nav-pills.nav-pills-primary .nav-item .nav-link.active, 
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, 
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover{
	background-color:#be6e19;
	color:#FFFFFF;
}


.border-indigo-400{
	color:#be6e19 !important;
	border-bottom: solid 2px #be6e19;
}


.medical-blue{
	background:#be6e19;
}
.gold-background{
	background-color :#f0ebd8;
	/*background-color: rgba(240,235,213,0.5);*/
}
.gold-text-bold,
.gold-text-bold:focus,
.gold-text-bold:active{
	color:#d89874;
	font-weight: bold;
}
.btn-default{
	color:#000000;
	background-color: #ffffff;
}

.dt-sc-background-two-gradient {  
		background: -moz-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(137,205,223,1)), color-stop(50%, rgba(137,205,223,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
		background: linear-gradient(180deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be6e19', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
 }

.resaltador-titulo::before {
    content: "";
    position: relative;
    margin: -15px auto 0;
    width: 60px;
    height: 5px;
    background: #be6e19;
	display: block;
}
.gold-border{
border:	1px solid #f0ebd8;
}
.owl-item{
border:	1.5px solid #f0ebd8;
}
.item-titulo{
	width: 100%;
	max-height: 40px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-pills .nav-item .nav-link:hover {
	color:#ffffff;
	background-color: rgba(0,0,0,0.9);
}

.caption.gold-background::after {
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    height: 0;
    margin: 0 auto;
    position: absolute;
    bottom: -1px;
    top: auto;
    left: 0;
    right: 0;
    width: 0;
    z-index: 1;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
}

.productos .producto{
	width: 100%;
	max-width: 400px;
	height: 200px;
	margin: 1em auto;
}

.productos .producto img{
	width: auto;
	height: auto;
	max-height: 200px;
	max-width: 100%;
	margin: 0 auto;
}
.tabs-vertical{padding-left: 0}

#principios-activos {
	max-height: 300px;
	overflow-y: auto;
}



#presentaciones .price{
	background: #4d4d4d;
	border:solid 1.5px #4d4d4d;
	color:#ffffff;
}
#presentaciones .price:hover{
	border: solid 1.5px #f0ebd8;
	background: #f0ebd8;
	color:#4d4d4d;
}


.price .dt-sc-price{
    vertical-align: baseline;
}


.price .dt-sc-price h6 {
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 700;
    position: relative;
	padding: 0;
	text-align: center;
}
.price .dt-sc-price h6 sup {
    font-size: 15px;
    top: -15px;
    letter-spacing: 0.5px;
}
.price .dt-sc-price h6 span {
    font-size: 6px;
    position: relative;
    bottom: 2px;
    margin: 0px 0px 0px -18px;
	right: 0px;
	display: inline-block;
}
.price .titulo{
	position: relative;
	margin: 0 10px;
	padding: 1em 0;
	border-bottom: solid 1px #ffffff;
	text-align: center;
	height: 130px;
}
.price .titulo p {font-size: 15px;
  font-weight: bold;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 100%;
}


.price .precio-total{
	text-align: center;
	font-style: italic;
}
.price .precio-total h4{
	margin: 0 auto;
}
.btn-user{
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
}
.btn-newuser {
  background-color: #EDEDED;
  color: rgb(31, 41, 55);
}
.btn-facebook {
  background-color: #3B5998;
  color: white;
}

.btn-facebook:hover {
	opacity: 1;
}

.text-red{
	color:rgba(255, 0, 0, 0.8);
}
.text-green{
	color:rgba(24, 206, 15, 0.8);
}
.cnmb {
    position: absolute;
    width: 30px;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn{
	border-radius: 50px;
}

#search-ficha{
	display: none;
	z-index: 99999;
}

.ficha-search-icon{
	position: absolute;
	top:2px;
	right: 20px;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.5em;
	padding: 5px 0 0 7px;    
	width: 30px;    
	height: 30px;
	background-color: #ffffff;    
	border-radius: 50%;
}
.vertical-tabs a > *,
.ficha-search-icon i{
	pointer-events: none;
}

.carusel .caption {
    height: 110px;
}

nav.paginador .paginas .label-pages-pagination span span,
nav.paginador .paginas .label-pages-pagination span a{
	width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    padding: 0.25em 0;
	border: none !important;
}
nav.paginador .paginas .label-pages-pagination span a{
	text-decoration: none;
}
nav.paginador .paginas .label-pages-pagination span a:hover{
	background-color: rgba(136,136,136,0.06);
	text-decoration: none;
}
nav.paginador .paginas .label-pages-pagination span span.current-page{
	background-color: #888888;
    border-color: #888888;
    color: #FFFFFF; 
	box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 20%);
}

.navbar .navbar-nav .nav-item.active .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):active {
  background-color: #D2C593;
  background-color: rgba(240,235,213,0.5);
  border-radius: 0.1875rem;
  font-weight: 600;
}
.concentraciones-link{
	position: absolute;
    top: 38px;
    right: 20px;
}
#password-input{position: relative;}
#password-input .eye-control {
    position: absolute;
    top: 50%;
    transform: translateY(25%);
    right: 10px;
    font-size: 1.2em;
}

#alertas{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

h2#add-favoritos{
    border-radius: 50%;
    width: 50px;
    height: 50px;
   /* padding: 10% 8%;*/
	margin: 0 auto;
	display: block;
}
h2#add-favoritos.favorito{
	color: steelblue;
}

/* Responsive */
@media (max-width:991px){
	.sidebar-collapse .navbar-collapse:before{
		background: -moz-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(137,205,223,1)), color-stop(50%, rgba(137,205,223,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(270deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
		background: linear-gradient(180deg, rgba(137,205,223,1) 0%, rgba(137,205,223,1) 50%, rgba(255,255,255,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be6e19', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
	}
	.sidebar-collapse .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link:not(.btn){
		font-weight: bold;
		
	}
	
	.sidebar-collapse .navbar-collapse .navbar-nav .nav-item .btn.btn-primary{
		background-color: #ffffff;
		color:#4d4d4d;
	}
	.sidebar-collapse .navbar .navbar-toggler-bar{
		background: #4d4d4d;
	}
	
.titulo-producto{
	text-align: center;
}
}

@media (max-width: 767px) {
    
.d-mobile{
	display: inline-block;
}
.d-desktop{
	display: none;
}
	.table-data th{
		display: none;
	}
	.table-data td {
		display: block;
		border-bottom: solid 1px #c4c4c4;
		padding: 0 0 0 100px;
		position: relative;
	}
	.table-data td::before{
		position: absolute;
		top: 0;
		left: 0px;
		color: #FFFFFF;
		background: #0d3e4d;
		border-bottom: none;
		border-right: none;
		font-size: 11px;
		font-weight: 400;
		width: 90px;
		height: 100%;
		padding-left: 5px;
		vertical-align: middle;
	}
	#productos-nuevos.table-data td:nth-child(1)::before{
		content: "Producto";
	}
	#productos-nuevos.table-data td:nth-child(2)::before{
		content: "Laboratorio";
	}
	#productos-nuevos.table-data td:nth-child(3)::before{
		content: "Presentación";
	}
	/*#productos-nuevos.table-data td:nth-child(4)::before{
		content: "";
	}*/
	#productos-nuevos.table-data td:nth-child(5)::before{
		content: " ";
		background: none;
		border: none;
	}
	
	
	#productos-lista.table-data td:nth-child(1)::before{
		content: "Producto";
	}
	#productos-lista.table-data td:nth-child(2)::before{
		content: "Laboratorio";
	}
	#productos-lista.table-data td:nth-child(3)::before{
		content: "Tipo";
	}
	
	#principios-ficha.table-data td:nth-child(1)::before{
		content: "Prinicio Activo";
	}
	#principios-ficha.table-data td:nth-child(2)::before{
		content: "Terat. Embarazo";
	}
	#principios-ficha.table-data td:nth-child(3)::before{
		content: "Terat. Lactancia";
	}
	
	
	#ficha-concentraciones.table-data td:nth-child(1)::before{
		content: "Principio Activo";
	}
	#ficha-concentraciones.table-data td:nth-child(2)::before{
		content: "Presentación";
	}
	#ficha-concentraciones.table-data td:nth-child(3)::before{
		content: "Concentración";
	}
	
	
	#ficha-historico.table-data td:nth-child(1)::before{
		content: "Presentación";
	}
	#ficha-historico.table-data td:nth-child(2)::before{
		content: "Prec. Unit.";
	}
	#ficha-historico.table-data td:nth-child(3)::before{
		content: "Prec. Farm.";
	}
	#ficha-historico.table-data td:nth-child(4)::before{
		content: "Prec. Total.";
	}
	#ficha-historico.table-data td:nth-child(5)::before{
		content: "Fecha Act.";
	}
	#ficha-historico.table-data td:nth-child(6)::before{
		content: "Guía";
	}
	#ficha-historico.table-data td:nth-child(7)::before{
		content: "Descontinuado";
	}
	
	
	.reacciones.table-data td:nth-child(1)::before{
		content: "Principio Activo";
	}
	.reacciones.table-data td:nth-child(2)::before{
		content: "Sistema";
	}
	.reacciones.table-data td:nth-child(3)::before{
		content: "Reacción";
	}
	
	
	
	.interacciones.table-data td:nth-child(1)::before{
		content: "Principio Activo";
	}
	.interacciones.table-data td:nth-child(2)::before{
		content: "Interactúa con";
	}
	.interacciones.table-data td:nth-child(3)::before{
		content: "Efecto";
	}
	.interacciones.table-data td:nth-child(4)::before{
		content: "Comentario";
	}
	
	
	.teratogenicidad::before{
		display: none;
	}
	
.table-data td:last-child {
  border-right: 1px solid #C1C3D1;
}
	
.img-raised {
    box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 30%);
	max-width: 240px;
	height: 90px;
	width: auto;
}
	#vertical-tabs.nav-pills .nav-item .nav-link{
		min-width: 10px;
	}
	
	
.portada.carousel {
    margin: -10px auto 0;
}
.footer .copyright{
    display: block;
    float: none;
	text-align: center;
	margin-top: 10px;
}
.footer nav {
    display: block;
    float: none;
}
	
	#cabecera-producto{
		margin-top: 130px !important;
	}
	
}