/* Navbar css */
.nav-item.nav-link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar {
  height: 60px;
}

.nav-item.pestaña-navbar.active {
	background-color: rgba(255,255,255,0.1);
}

.fa-icon {
	font-size: 20px;
}

.nav-item {
	margin: 0 10px;
}

.img-nav {
	background-color: rgb(75, 160, 181);
	background-color: white;
}

nav {
	background-color: rgb(75, 160, 181) !important;
	
}

#boton-logout, #boton-configurar-fuente {
	color: white;
}

.pestaña-navbar {
	font-size : 20px;
	color : white;
}

.border-bottom-3 {
    border-bottom : 4px solid white !important;
}

.nav.navbar-nav.navbar-right li a {
    color: blue;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255);

}

.font-size-20 {
	font-size : 20px;
}

#li-configurar-fuente:hover {
	cursor: pointer;
}

#boton-cancelar-modal-configurar-fuente {
	width : fit-content;
}

#input-fuente-del-usuario-modal-configurar-fuente, #input-tamaño-de-fuente-del-usuario-modal-configurar-fuente {
	width : 200px;
}

#label-modal-configurar-fuente {
	font-size : 28px;
}

/* Poner el modal configurar fuente debajo del botón */
.nav.navbar-nav li {
  float:left;
}
.nav.navbar-nav li a#boton-configurar-fuente {
  position:relative;
}

div.modal#modal-configurar-fuente {
  position: absolute;
  width: 380px;
  height: fit-content;
  top: 30px;
  left: -250px;
  right : 900px;
  padding: 0;
  margin: 0;
}

div.modal#modal-configurar-fuente .modal-footer{
  padding: 5px;
  margin: 0;
}

div.modal#modal-configurar-fuente .modal-body {
  padding: 10px 20px;
  margin: 0;
}

div.modal#modal-configurar-fuente .modal-header {
  padding: 5px 20px;
  margin: 0;
}

.modal-backdrop {
  display:none;
}

/* Cambiar el color de selección de un elemento en el dropdown de la navabr */

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #4BA0B5 !important;
  color: white;
}