@import './../../../assets/scss/abstracts/variables';
@import './../../../assets/scss/mixins/box-shadow';
@import './../../../assets/scss/mixins/border-radius';

.popover {
  position: absolute;
  top: 30px;
  right: -1px;
  z-index: 2;
  padding: 0.5rem;
  border: 1px solid $gray-2;
  min-width: 152px;
  @include border-radius(8px);
  @include box-shadow($shadowDefault);

  &.left {
    right: inherit;
    left: 0px;
  }

  &:parent {
    display: none;
  }

  // ul {
  //   li {
  //     a {
  //       //    border-bottom: 1px solid rgba(155, 173, 198, 0.2);
  //       span {
  //         &.icon {
  //           &:before {
  //             color: $gray-5 !important;
  //             font-size: 14px;
  //             position: relative;
  //             top: -2px;
  //           }
  //         }
  //       }
  //       &:hover {
  //         background: $gray-6;
  //       }
  //     }
  //     &:last-child {
  //       a {
  //         border-bottom: none;
  //         padding-bottom: 0 !important;
  //       }
  //     }
  //   }
  //   &:before {
  //     content: '';
  //     width: 14px;
  //     height: 14px;
  //     border: 1px solid #dae3ee;
  //     border-right: none;
  //     border-bottom: none;
  //     position: absolute;
  //     top: -7.5px;
  //     right: 16px;
  //     background: white;
  //     transform: rotate(45deg);
  //     border-radius: 2px 0 0 0;
  //     //@include box-shadow($shadowDefault);
  //   }
  // }
}

// .subMenu {
//   li {
//     a {
//       span {
//         &:before {
//           color: lime !important;
//         }
//       }
//     }
//   }
// }