/*--------------------------------------------------------------
 magnific popup
--------------------------------------------------------------*/
.bmf-white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  overflow-x: hidden;
  max-height: 500px; }

.bmf-white-popup .pagination {
    display: none !important;
}

.bmf-white-popup ul#members-list {
  border-top: none;
}

.bmf-white-popup ul#members-list li:last-child {
    border-bottom: none;
}

.bmf-white-popup ul#members-list li {
    width: 100%;
    overflow: hidden !important;
}
.bmf-white-popup ul#members-list li .action {
    display: none;
}

.bmf-white-popup ul#members-list li .activity {
    display: none;
}

#buddypress .mfp-close {
  font-size: xx-large;
  border: none;
}
#buddypress .mfp-close:hover {
    background: #fff;
    border: none;
}

a.mutual-friends {
  display: block;
  color: #1a1a1a;
  font-size: small;
  opacity: .8;
  text-decoration: none;
}
a.mutual-friends:hover {
color: #1a1a1a;
text-decoration: underline;
}

.mfp-title {
  position: absolute;
  /* other formatting */
}

.bmf-white-popup header {
  border-bottom: 1px dotted #ccc;
  padding-bottom: .4em;
  margin-bottom: .4em;
}

.popup-scroll {
  /* Overflow Scroll */
  overflow-y: auto;
  max-height: 300px;
  padding: 0 1em 0 0;
}

.bmf-spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

/* ------- KLEO Theme: Mutual Friend The pop-up is completely white after it loads fix --------- */
.bmf-white-popup ul#members-list li .animated.animate-when-almost-visible {
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------------
    Loading animation
   -------------------------------------------------------------------------------- */
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

/*# sourceMappingURL=bp-mutual-friends.css.map */