.divider{
    padding-top:1em;
    padding-bottom:2em
}
.reg-counter{
    color:#4a4a4a !important
}


.d-u-name { letter-spacing:0px; font-size:17px; }
.d-u-name span { color:#ec5596; }
.d-u-details { line-height:normal; display: flex; align-items: center; }
.d-u-details .m-r-0 { font-size:15px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right:10px !important; }
.is-online-new { letter-spacing: 0px; position: relative; background-color:#2fcc57; color:#fff; padding:2px 8px 2px 8px; border-radius:5px; font-size:12px; float:right; margin-right:0px !important; padding-left:15px; }
.is-online-new b { font-size:20px; position:absolute; top:-4px; left: 5px; }
.is-online-today { background-color:#fff; border:1px solid #2fcc57; color:#2fcc57; }

.column .d-u-card { 
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-radius:15px !important;
}
.column .d-u-card .card-content { padding:10px 18px 18px 18px; }
.avatar-fixed img { 
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}


/* Alerts */
.new-alert {
  position:fixed;
  width:500px; height:auto;
  max-width:95%;
  border:2px solid #000;
  background-color:#fff;
  border-radius:15px;
  padding:10px 10px 5px 10px;
  z-index:99999;
  overflow:hidden;
  transition: all 0.5s;
  background-color:#fff;
}
.new-alert-photo {
  width:30%;
  float:left;
}
.new-alert-photo img {
  width:100%;
  max-width:100%;
  border-radius:15px;
  min-width:100%; min-height:100%;
}
.new-alert-info {
  width:70%;
  float:right;
  padding-left:10px;
}
.new-alert-info .line-1 {
  color:#222;
  line-height:1.6em;
  margin-bottom:10px;
  
  background-color:#fff;
}
.new-alert-info .line-2 a {
  padding:5px;
  font-size:14px;
}
.new-alert-close {
  display:block;
  position:absolute;
  bottom:5px; right:10px;
  color:#888;
}

.for-notif p.free-creds {
  color:#222;
  font-size:16px;
  border:3px solid #2fcc57;
  padding:3px 12px;
  border-radius:6px;
  margin-bottom:8px;
  background-color:#dff5e5;
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.new-alert-info-animation {
  animation: flickerAnimation 0.75s 5;
}


@media (max-width: 768px) {
  .for-notif p.free-creds {
    padding:7px 14px;
    margin-bottom:15px;
    text-align:center;
    line-height:28px;
  }
}

@media (min-width: 500px) {
  .new-alert {
    bottom:-300px; right:10px; 
    opacity:0;
  }
  .new-alert-trigger {
    bottom:15px !important;
    opacity:1 !important;
  }
}

@media (max-width: 500px) {
  .new-alert {
    top:-300px; left:50%;
    transform:translate(-50%,0%);
  }
  
  .new-alert-trigger {
    top:10px !important;
    opacity:1 !important;
  }  
}