/* Jquery Validation */
span.error {
  display: block;
  color: red;
  font-size: small;
}

.input-group span.error {
  position: absolute;
  bottom: -20px;
}

/* Background Color */

.bg-main {
  background-color: #0d72b8;
}

.bg-orange {
  background-color: #ffb606;
}

/* Text Color */

.text-main {
  color: #0d72b8;
}

.text-orange {
  color: #ffb606;
}

.text-orange-i {
  color: #ffb606 !important;
}

/* .btn-link:hover {
  color: #ffb606;
} */

.nav-item:hover {
  color: white;
  background-color: #ae003e;
  /* border-right:inset;
  border-color: #ae003e; */
 }


 .nav-item_selected {
  color: white;
  background-color: #ae003e;
  /* border-right:inset;
  border-color: #ae003e; */
 }

 .nav-link:hover{
  color: white;
 }

/* Site */
.slider_img{
  max-height: 45rem;
}

.menutitle {
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  /* font-weight: 700; */
  color: white;
  font-size: large;
}

.menu{ 
  background:  #0D3894;
  margin-top: -8px;
  /*margin-bottom: -8px; */
}

.menuAdministrador{ 
  background:  #0D3894;
  margin-top: -10px;
  margin-bottom: 8px;
}

.colorfull{
background-color: #0D3894;
--bs-bg-opacity: .5;
}

#coloresf{
  --bs-btn-color: #f08e255;
  --bs-btn-bg: #AF003F;
  --bs-btn-border-color: #AF003F;
  --bs-btn-hover-color: #3a3a3a;
  --bs-btn-hover-bg:#AF003F;
  --bs-btn-hover-border-color: #AF003F;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #aaa;
  --bs-btn-active-bg: #AF003F;
  --bs-btn-active-border-color: #AF003F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #AF003F;
  --bs-btn-disabled-border-color: #AF003F;
  --bs-btn-disabled-opacity: 0.7;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  color: #fff;
  font: 120% Quicksand;
}

.buttonLogOut{
  background-color: #B3ACAC;
}

.borderOrange{
  border-bottom: 8px solid #f08e25;
}

.borderUsuarios{
  border-right:inset;
}

.borderMaterias{
  border-right:inset;
}

/* .tituloModal{
  font: 120% Quicksand;
} */

#user{
  border-color: #0c62a0;
}

#pass{
  border-color: #0c62a0;
}

#passView{
  border-color: #0c62a0;
}

.btn-close{
    /* background-image:url('../img/cerrar_icon.png'); */
  background-size:cover;
  /* background-color: #ae003e;
  color: white; */
  width: 0px;
  height: 0px;
}
#btnSalir{
  color: white;
  background-color: #043377;
  height:1em;
  font-size:xx-large;
}

/* Cree al final */
#modalPosition{
padding: 17px;
float: right;
margin-top: 141px;
}


/* Footer */
.footerInicio {
  /* position: absolute; */
  bottom: 0px; /* Forzar: Posicionarse hasta Abajo*/
  height: 60px;
  left: 0px; /* para Estirar  a lo ancho de la pagina */
  right: 0px;
  padding-top: 20px;
  background-color: #0D3894;
  /* border-top: 5px solid #BA975C; */
  color: white;
  margin-top: -23px;
}

/* Footer */
.footer {
    /* position: absolute; */
    bottom: 0px; /* Forzar: Posicionarse hasta Abajo*/
    height: 60px;
    left: 0px; /* para Estirar  a lo ancho de la pagina */
    right: 0px;
    padding-top: 20px;
    background-color: #0D3894;
    /* border-top: 5px solid #BA975C; */
    color: white;
    /* margin-top: -23px; */
}

    .footer p {
        font-weight: 600;
        margin: 0px;
    }


* {
    box-sizing: border-box;
}

.letranegra{
    font-weight: bold;
}
.centrado{
text-align-last: center;
padding-top: 20px;
}

.imgcenter{
    align-self:center;
}

.footerNew{
  background-color: #f6eaea;
  height:130px;
}

.alinearIzquierda{
  float: left;
}

#groupLogos{
  /* margin-top: 16px; */
  display:flow;
}
.footerLogosadisInsight{
  background-image:url('../img/logos/adisInsight.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosPharmaceutical{
  background-image:url('../img/logos/Pharmaceutical.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 76%;
}

.footerLogosPharmaceutical1{
  background-image:url('../img/PhP-DietarySupplement');
  background-repeat:no-repeat;
}

.footerLogosstockleysDrug1{
  background-image:url('../img/logos/stockleysDrug.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
}

.footerLogosstockleysDrug{
  background-image:url('../img/logos/stockleysDrug.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosbnf{
  background-image:url('../img/logos/bnf.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosagilo{
  background-image:url('../img/logos/agilo.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosherbalMedicines{
  background-image:url('../img/logos/herbalMedicines.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosStockleys{
  background-image:url('../img/logos/StockleysInteractionsChecker.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosDrugMonitoringChecker{
  background-image:url('../img/logos/DrugMonitoringChecker.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosDrugsinPregnancy{
  background-image:url('../img/logos/DrugsinPregnancyandLactation.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogospubmed{
  background-image:url('../img/logos/pubmed.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}

.footerLogosMedicinesComplete{
  background-image:url('../img/logos/MedicinesComplete.png');
  background-repeat:no-repeat;
  /* height: 100px;
  width: 105px; */
  background-size: 100px 100px;
  background-position:center;
  border: transparent;
  /* height: 100px; */
  border-radius: 140;
}


/* #MedicineComplPrueba{
 width: 5%;
} */


.btnBusqueda{
    --bs-btn-color: #f08e255;
    --bs-btn-bg: #AF003F;
    --bs-btn-border-color: #AF003F;
    --bs-btn-hover-color: #3a3a3a;
    --bs-btn-hover-bg: #AF003F;
    --bs-btn-hover-border-color:#AF003F;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AF003F;
    --bs-btn-active-border-color: #AF003F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:#AF003F;
    --bs-btn-disabled-border-color: #AF003F;
    --bs-btn-disabled-opacity: 0.7;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
    color: #fff;
    font: 150% Quicksand;
}


.btnTutorial{
  --bs-btn-color: #f08e255;
  --bs-btn-bg: #AF003F;
  --bs-btn-border-color: #AF003F;
  --bs-btn-hover-color: #bb3b3bb7;
   --bs-btn-hover-bg: #AF003F; /*si te pones en cima es color diferente */
  --bs-btn-hover-border-color:#AF003F;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AF003F;
  --bs-btn-active-border-color: #AF003F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg:#AF003F;
  --bs-btn-disabled-border-color: #AF003F;
  --bs-btn-disabled-opacity: 0.7;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
  font-size: large;

}

#inicioSesion{
  border-radius: 8px;
  padding: revert;
  background: #19499E;
  color: white;
  font-family: 'Barlow', sans-serif;
  font-size: large;
}



#inicioSesion1{
  border-radius: 8px;
  padding: revert;
  background: #19499E;
}

#modalcolor{
  background: #043377;
  color: white;
}

.btn-orangeHome {
  --bs-btn-color: #f08e255;
  --bs-btn-bg: #AF003F;
  --bs-btn-border-color: #AF003F;
  --bs-btn-hover-color: #3a3a3a;
  --bs-btn-hover-bg:#AF003F;
  --bs-btn-hover-border-color: #AF003F;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AF003F;
  --bs-btn-active-border-color: #AF003F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #AF003F;
  --bs-btn-disabled-border-color: #AF003F;
  --bs-btn-disabled-opacity: 0.7;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  color: #fff;
  font: 120% Quicksand;
  width: 400px;
}

.con_decorado{
  text-align: center;
  padding-top: 20px;
}

.Editoriales{
  background: #E9ECEF;
  color: #AF003F;
  padding-top:20px ;
}

.modificaciontamañoImagen{
  align-self: center;
  width: 294px;
  height: 103px;
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
}


.imagenM{
    background: #E9ECEF;
    color: #AF003F;
    padding-bottom: 7px;
    padding-top: 7px;
    /* padding-top:20px ;
    padding-right: 200px;
    padding-left: 200px;
    padding-bottom: 41px; */
}

.National{
  align-self: center;
  height: 103px;
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
  width: 136px;
}

#margin{
  border-radius:20px;
  margin-left: 20px;
  margin-right: 20px;
}

.iniciologo{
width: 200px;
}

.btnSeparate{
  margin-left: 30px;
}

.sizeImage{
  width: 160px;
}

.sizebtnCierreSession{
  width: 30px;
}

.sizeImage1{
  /* width: 110px; */
  width: 90px;
}

/* #borderInset{
  border-right: inset;
  border-color: #19499E;
} */

.logoAdis{
  align-self: center;
} 

.agrega_margenes{
  background-color:#19499E;
}

/* #padImage{
   padding-top: 5%;
} */
/* 
#alinearizquierda{
text-align-last:end;
} */
#alinearCentro{
text-align-last:center;
align-self: center;
}

#borderleftInset{
  border-left: inset;
  border-color: blue;
  border-width: thin;
}

@media screen and (max-width: 767px) {  /* Cuando la patalla llegue a este tamaño se ocultara "border-left" */
  #borderleftInset{
    border-left:none;
  }
}

#separacion{
  /* padding-top: 30px; */
  border: 0;
  border-bottom: inset;
  padding-bottom: 16px;
}

#separacion_1{
    padding-top: 30px;
}

#separacionDuplica{
  /* padding-top: 30px; */
  border: 0;
}

#inicioSep{
  padding-right:80px;
  padding-left: 220px;
}

#formulariofont{
  /* font-family: fantasy; */
  font-family: 'Barlow', sans-serif;
  font-size: x-large;
  /* font-weight: bold; */
}


#btnCenter{
  text-align: -webkit-center;
}

#btnLarge{
  width: 300px;
}

#btnMedium{
  width: 170px;
}


#InicioSesion{
  padding-top: 20px;
}

#btnInicioNameUsuario{
  background: #043377;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

#anchoSubmenu{
  margin-bottom: -8px;
}

.modal-header{
  background: #043377;
}


.contenedorInicio{
  justify-content: center;
}

.tutorialfont{
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
}

.tutorialfontblue{
  font-family: 'Barlow', sans-serif;
  color: #043377;
  font-weight: bold;
  font-size: large;
}

.tutorialfontred{
  font-family: 'Barlow', sans-serif;
  color: #AF003F;
  font-weight: bold;
  font-size:x-large;
}

.insetBorderVideo{
  border-bottom: inset;
}



.editorialCentrado{
  text-align: center;
  font-family: 'Barlow', sans-serif;
  font-weight: 900;
  font-size: xxx-large;
  -webkit-text-stroke-width:medium;
  
}

#bienvenidoUser{
  margin: 0px;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

#nameUser{
  margin: 0px;
  font-family: 'Barlow', sans-serif;
}

#loginLogo{
  margin: 0px;
}

.formCierre{
  padding-left: 20px;
}


/* #borderInsetmenu{
  border-right:inset;
  border-color: #AF003F;
} */

/* Tipos de letra */
.textBarlowlight{
  font-family: 'Barlow', sans-serif;
  font-size: large;
}

.textBarlowBold{
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

.tipoDeletra{
  font-family: 'Barlow', sans-serif;
}

.textMedicineComplete{
  font-family: 'Barlow', sans-serif;
  font-size: larger;
}

.colornegrita{
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
  font-size: large;
}


/* Animacion a los botones */
.button_slide {
  color: #FFF;
  border: 2px solid #AF003F;
  border-radius: 0px;
  display: inline-block;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #AF003F;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  color: #fff;
  font-family:'Barlow', sans-serif;
  font-weight: bold;
  background-color: #AF003F;
  border-radius: 10px;
  font-size: large;
}

.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #AF003F;
  color: white;
}
#outer {
  width: 364px;
  margin: 50px auto 0 auto;
  text-align: center;
}


/* Tamaño slider botones */
#sliderbtn{
  width: 50%;
}




/* Imagenes cards*/
.contenedor-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contenedor-cards .contenedor-card-item {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 25%;
	margin: 1%;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 5px;
	cursor: help;
}

.contenedor-cards .contenedor-card-item:hover {
	box-shadow: 0 15px 30px rgba(0,0,0,0.3);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}

.contenedor-card-item-wrapper {
	overflow: hidden;
	position: relative !important;
	background: #3E2723;
	border-radius: 5px;
}

.contenedor-card-item img {
	max-width: 100%;
	position: relative;
	top: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 5px;
}

.contenedor-card-item .contenedor-info {
	position: absolute;
	width: 100%;
	height: 70px;
	bottom: -70px;
	-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.contenedor-card-item .contenedor-info .fondo {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.73) 53%, rgba(0,0,0,0.88) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.73) 53%,rgba(0,0,0,0.88) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.73) 53%,rgba(0,0,0,0.88) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0000000',GradientType=0 );
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.contenedor-card-item .contenedor-info .info {
	color: #fff;
	position: relative;
	z-index: 500;
	padding: 20px 15px;
}

.contenedor-card-item .contenedor-info .info .titulo {
  margin: 0;
  font-size: 20px;
}

.contenedor-card-item .contenedor-info .info .categoria {
	display: block;
	font-size: 10px;
}

.contenedor-card-item:hover .contenedor-info {
	bottom: 0;
}

.contenedor-card-item:hover img {
	top: -30px;
	-webkit-transform: rotate(-5deg) scale(2);
	-ms-transform: rotate(-5deg) scale(2);
	-o-transform: rotate(-5deg) scale(2);
	transform: rotate(-5deg) scale(2);
}


@media screen and (max-width: 900px) {
	.contenedor-card-item:hover img {
    top: -30px;
    -webkit-transform: rotate(-5deg) scale(1.3);
    -ms-transform: rotate(-5deg) scale(1.3);
    -o-transform: rotate(-5deg) scale(1.3);
    transform: rotate(-5deg) scale(1.3);
  }

	.contenedor-card-item .contenedor-info {
		bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.contenedor {
		width: 95%;
	}

	.contenedor-cards .contenedor-card-item {
		width: 48%;
		margin: 1%;
	}
}

@media screen and (max-width: 550px) {
  .contenedor-cards .contenedor-card-item {
    width: 60%;
    margin: 10px auto;
  }
}

@media screen and (max-width: 480px) {
	.contenedor {
		width: 90%;
	}
  
  .contenedor-cards .contenedor-card-item {
    width: 90%;
  }
}

@media screen and (max-width: 400px) {
	.contenedor {
		width: 100%;
	}
}





/* 
.splide__pagination {
  counter-reset: pagination-num;
}

.splide__pagination__page:before {
  counter-increment: pagination-num;
  content: counter( pagination-num );
} */



/* yo 
.splide__slide {
  width: calc(9%) !important;
}*/
.splide__slide  a{
  padding: 10px 0px 0px !important;
}
 
/* Administrador */


.menuAdmin{
  background:  #0D3894;
  margin-top: -8px;
  margin-bottom: -8px;
}

#separacionMarg{
  margin-top: 70px;
  margin-bottom: 70px;
}


/* Cuerpo */
#hero {
  padding-left: 10px;
  /* Com esto fuerzo que ocupe el 100% de su Contenedor */
  min-height: 87.03vh; 
}

#hero .altoRow {
  /* Com esto fuerzo que ocupe el 100% de su Contenedor */
  min-height: 85.03vh;
}

#hero {
  background-image: linear-gradient(to right, white 20%, transparent 50%),
    url("../img/administrador.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#adminSeparacion{
  margin-top: 30px;
}

#letterTbUsuarios{
  color: #0D3894;
  margin-bottom: 40px;
}

#estadisticasUsuarios{
  margin-top: 50px;
}


/* .contraseñaListUser{
  width: 336px;
  border-radius: .375rem;
} */


/* 
estilos update */

.btn-UpdateUser {
  --bs-btn-color: #f08e255;
  --bs-btn-bg: #AF003F;
  --bs-btn-border-color: #AF003F;
  --bs-btn-hover-color: #3a3a3a;
  --bs-btn-hover-bg:#AF003F;
  --bs-btn-hover-border-color: #AF003F;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AF003F;
  --bs-btn-active-border-color: #AF003F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #AF003F;
  --bs-btn-disabled-border-color: #AF003F;
  --bs-btn-disabled-opacity: 0.7;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  color: #fff;
  font: 120% Quicksand;
  width: 400px;
}

#emailUpdate{
  margin-right: 15px;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

#passUpdate{
  margin-right: 18px;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

#statusUpdate{
  margin-right: 10px;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

#perfilUpdate{
  margin-right: 18px;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

#userUpdate{
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
}

.editUser{
  color: #043377;
}

#email{
  border-color: #0c62a0;
}

#password{
  border-color: #0c62a0;
}

#status{
  border-color: #0c62a0;
}

#id_perfil{
  border-color: #0c62a0;
}


.createUser{
  --bs-btn-color: #f08e255;
  --bs-btn-bg: #AF003F;
  --bs-btn-border-color: #AF003F;
  --bs-btn-hover-color: #3a3a3a;
  --bs-btn-hover-bg:#AF003F;
  --bs-btn-hover-border-color: #AF003F;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AF003F;
  --bs-btn-active-border-color: #AF003F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #AF003F;
  --bs-btn-disabled-border-color: #AF003F;
  --bs-btn-disabled-opacity: 0.7;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  color: #fff;
  font: 120% Quicksand;
  width: 400px;
}

.createUserAlign{
  text-align: end;
}

/* .btn-group, .btn-group-vertical{
  position:absolute !important;
} */

/* DataTable */
.pagination{
  /* margin-left: 900px !important; */
  justify-content:flex-end;
}

.tbCenter{
  text-align-last: center;
}

.tbCenter1{
  text-align-last: center;
  background-color: #0D3894 !important;
  color: white !important;
}


/* //Aqui centre el buscador */
.dt-search{
  text-align: -webkit-center !important;
  margin: 20px;
}



/* Invisible texto*/
figcaption {
  display:none; 
  transition: all .5s;
}
/* Visible texto*/
figure:hover > figcaption {
  display:block;
  transition: all .5s;
  color: #3a3a3a;
  position: fixed;
}

#lnkInicial{
  width: 5%;
}


.linkBotones{
  /* height: 100%; */
  padding: 0px;
  margin: 0px;

}

#prueba2{
  display: none;
}

#prueba1:hover #prueba2{
  display: block;
}

#medicinetop{
  width: 130%;
  padding: 0px;
  margin: 0px;
}

#showBtn{
  display: none;
  color: black;
}

#inicioBtn:hover #showBtn{
  display: block;
}

.custom-tooltip {
  --bs-tooltip-bg: #1FAFF7;
  /* --bs-tooltip-color: black; */
}