@charset "UTF-8";
/* CONTENEDOR */
.aol-container-profile {
  background: #00659D;
  min-height: 100vh;
  color: #fff;
}

/* HEADER */
.aol-profile-header {
  padding: 30px 20px 10px;
}

.aol-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  /*background: #ccc;*/
  margin-bottom: 10px;
}

.aol-username {
  font-weight: 600;
  margin-bottom: 5px;
}

.aol-edit-profile {
  /*font-size: 13px;*/
  text-decoration: underline;
  color: #E4F9FF;
}

/* MENU */
.aol-menu-list {
  list-style: none !important;
  padding: 0 !important;
  margin-top: 20px !important;
}

/* ITEM */
.aol-menu-item {
  display: flex !important;
  align-items: center !important;
  padding: 14px 18px !important;
  margin: 8px 15px !important;
  border-radius: 12px !important;
  color: #E4F9FF !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

/* ICONO */
.aol-menu-item i {
  font-size: 18px !important;
  margin-right: 12px !important;
  width: 22px !important;
}

/* TEXTO */
.aol-menu-item a {
  color: #E4F9FF !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* HOVER */
.aol-menu-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* ACTIVO */
.aol-menu-item.active {
  background-color: #17A4CC !important;
  color: #fff !important;
}

.border-top {
  border-top: none !important;
}

.border-bottom {
  border-bottom: none !important;
}

.aol-menu-sidebar {
  margin-left: 15px;
}

.remove-margin {
  margin: 0px;
}

.hiddenItems {
  display: none !important;
}

.icon_bars {
  color: #00659D;
  font-size: 25px;
  padding: 8px;
}

/* CONTENEDOR */
.aol-header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* LINK EDITAR PERFIL */
.aol-link-edit {
  color: #00659D;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.aol-link-edit:hover {
  text-decoration: underline;
  color: #004f7a;
}

/* BOTÓN CERRAR SESIÓN */
.aol-btn-logout {
  border: 1.5px solid #EA8215;
  color: #EA8215;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
}

/* HOVER */
.aol-btn-logout:hover {
  background-color: #EA8215;
  color: #fff;
  text-decoration: none;
}

/* CONTENEDOR */
.aol-select-group {
  border-radius: 10px;
  overflow: hidden;
}

/* ICONO IZQUIERDO */
.aol-select-icon {
  background-color: #00659D;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 16px;
}

/* SELECT */
.aol-select-control {
  border: 1px solid #00659D !important;
  border-left: none !important;
  color: #42474E !important;
  font-weight: 500 !important;
  height: 42px !important;
  border-radius: 0 10px 10px 0 !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

/* HOVER */
.aol-select-control:hover {
  border-color: #004f7a;
}

/* FOCUS */
.aol-select-control:focus {
  border-color: #00659D;
  box-shadow: 0 0 0 0.2rem rgba(0, 101, 157, 0.25);
}

/* ICONO DROPDOWN (Bootstrap override) */
.aol-select-control.custom-select {
  background-image: none; /* quitamos el default */
  position: relative;
}

/* FLECHA PERSONALIZADA */
.aol-select-group::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #00659D;
  pointer-events: none;
}

#header .b2b-user-name-header {
  font-size: initial !important;
  margin-left: 5px !important;
}

.aol-header-actions {
  margin-right: 5px !important;
}

@media screen and (max-width: 768px) {
  .aol-container-profile-mobile {
    background-color: #00659D !important;
  }
  .aol-menu-item-signout {
    display: block !important;
  }
}

/*# sourceMappingURL=new-menu.css.map */