/* Dropdown Menu */

@keyframes fadeInUp {
  from {
    //opacity: 0.5;
    transform: translate3d(0, 3px, 0);
  }
  to {
    //opacity: 1;
    transform: none;
  }
}


.dropdown-menu {
  border: 0px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20) !important;
  font-size: 13px;
  background-color: $white;
  color: #4e4e4e;

  ul {
    margin-top: 0px;
  }
}

.dropdown-divider {
  margin: 0;
  border-top: 1px solid rgba(66, 59, 116, 0.15);
}


.dropdown-container {
  position: relative;
  height: 325px;
  width: 100%;
}

.dropdown-item {
  padding: .70rem $spacer * 1.5;
  color: #16181b;

  &:hover {
    padding: .70rem $spacer * 1.5;
    background-color: #f6f9fc;
    color: #16181b;
  }

  &.active, &:active {
    color: $white;
    text-decoration: none;
    background-color: #0d6efd;
  }
}

.dropdown-toggle-nocaret:after {
  display: none;
}

.dropdown-lg .dropdown-menu {
  width: 320px;
  padding: 0;

  .list-group-flush {
    &:first-child .list-group-item:first-child {
      border-top: 0;
      border-top-left-radius: .25em;
      border-top-right-radius: .25em;
    }

    &:last-child .list-group-item:last-child {
      border-bottom: 0;
      border-bottom-left-radius: .25em;
      border-bottom-right-radius: .25em;
    }
  }

    
  .list-group-item:hover{
    background-color: #f8f9fa;
    color: #495057;
    transition: all 0.2s ease;
  }

    .list-group-item-action:active {
      color: #636363;
      background-color: #e9ecef;
  }

  .list-group-item-action[disabled]:hover {
    background: #fff !important;

    }
    .list-group-item.active {
      z-index: 0;
      color: $white;
      background-color: #0d6efd;
      border-color: none;
    }
  .media {
    .avatar img {
      width: 55px;
      height: 55px;
      border-radius: 4%;
      border: 2px solid $white;
      box-shadow: $box-shadow-sm !important;
    }

    .media-body {
      .msg-title {
        font-size: 14px;
        color: #4e4e4e;
        font-weight: 600;
        margin-bottom: 0px;
      }

      .msg-info {
        font-size: 13px;
        color:  #4e4e4e;
        margin-bottom: 0;
        white-space: nowrap;
      }
    }
  }
}
