.body-bg-dark {
    background-color: #454d55;
}

.bg-card-header-dark {
    background-color: #3f6791;
}

.navbgcolor {
    background-color: #1a4d80;
}

.menutextcolor {
    color: white;
    /*font-family: monospace;*/
}

.dropdown-item:focus, .dropdown-item:hover {
    color: white;
	background-color: #1B4D7F;
}
.nav-link:focus, .nav-link:hover {
	color: white;
	background-color: rgba(0,0,0,.5);
	border-radius: 4px;
}

.dropdown:hover >.dropdown-menu{
    display: block !important;
  }
  .dropdown-submenu:hover > .dropdown-menu{
    display: block !important;
      left: 100%;
      margin-top: -37px;
  }

  .dropdown-item{
    font-size: small; /* 13px */
  }
  .dropdown-toggle::after{
    font-size: var(--font-md);
    margin-bottom: -2px;
  }
  .dropdown-menu li a.active{
    color:#fff;
  }

  .custom-toggle-arrow{
        font-size: 18px;
        margin-top: 1px;
        line-height: 12px;
  }

  .margen-d {
    margin-right: 4rem;
  }

/* Elimina el "*" de campo requerido de los formularios con Crispy Forms */
.asteriskField {
    display: none;
}



.divider:after, .divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.img_conect {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
}

.body-login {
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 100%;
    min-height: 100vh;
}


.delete-link {
  background-color: red;
  color: white;
  border: 1px solid white;
  cursor: pointer;
  padding: 3px;
}
#result {
  margin: 20px;
  padding: 10px;
  border: 1px solid orange;
}


/* Hace que los botones tengan la apariencia de un Link */
.buttonToLink{
  background: none;
  border: none;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}

.buttonToLink:hover{
  background: none;
  text-decoration: underline;
}



/*para el menú multinivel */
.dropdown-menu li {
  position: relative;
}

.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
  display: block;
}