.bp-birthday-users-list {
margin: 0;
padding: 0;
list-style: none;
}
.bp-birthday-users-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
padding: 3px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 100%;
list-style: none;
}
.bp-birthday-users-list li:last-child {
margin-bottom: 0;
}
.bp-birthday-users-list .avatar {
max-width: 50px;
}
.bp-birthday-users-list .badge-wrap {
display: block;
font-size: 12px;
}
.bp-birthday-users-list .birthday-item-content {
margin-left: 12px;
}
.bp-birthday-users-list .birthday-item-content>.badge {
color: #fff;
background: #228B22;
padding: 2px 5px;
line-height: 1.4;
border-radius: 100px;
margin-top: 5px;
display: inline-block;
font-size: 12px;
}
.bp-birthday-users-list .bp-user-age {
font-size: 13px;
margin: 0 4px 0 2px;
}
.bp-birthday-users-list .bbirthday_action {
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.bp-birthday-users-list .bbirthday_action span {
margin-right: 3px;
margin-top: 2px;
} .bp-birthday-blur {
-webkit-filter: blur(4px);
filter: blur(4px);
}
.bp-birthday-brightness {
-webkit-filter: brightness(0.30);
filter: brightness(0.30);
}
.bp-birthday-contrast {
-webkit-filter: contrast(180%);
filter: contrast(180%);
}
.bp-birthday-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.bp-birthday-huerotate {
-webkit-filter: hue-rotate(180deg);
filter: hue-rotate(180deg);
}
.bp-birthday-invert {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.bp-birthday-opacity {
-webkit-filter: opacity(50%);
filter: opacity(50%);
}
.bp-birthday-saturate {
-webkit-filter: saturate(7);
filter: saturate(7);
}
.bp-birthday-sepia {
-webkit-filter: sepia(100%);
filter: sepia(100%);
}
.bp-birthday-shadow {
-webkit-filter: drop-shadow(8px 8px 10px green);
filter: drop-shadow(8px 8px 10px green);
}    @media only screen and (max-width: 1430px) {} @media only screen and (max-width: 1280px) {} @media only screen and (max-width: 980px) {} @media only screen and (max-width: 768px) {} @media only screen and (max-width: 600px) {} @media only screen and (max-width: 420px) {} @media only screen and (max-width: 380px) {} @media only screen and (max-width: 320px) {}.atwho-view{background:rgba(204,204,204,.8);border-radius:2px;border:1px solid #ccc;box-shadow:0 0 5px rgba(204,204,204,.25),0 0 1px #fff;color:#d84800;display:none;font-family:sans-serif;margin-top:18px;position:absolute;top:0;z-index:1000}.atwho-view{left:0}.atwho-view ul{background:#fff;list-style:none;margin:auto;padding:0}.atwho-view ul li{border-bottom:1px solid #efefef;box-sizing:content-box;cursor:pointer;display:block;font-size:14px;height:20px;line-height:20px;margin:0;overflow:hidden;padding:5px 10px}.atwho-view img{border-radius:2px;float:right;height:20px;margin-top:0;width:20px}.atwho-view strong{background:#efefef;font-weight:700}.atwho-view .username strong{color:#d54e21}.atwho-view small{color:#aaa;float:right;font-size:smaller;font-weight:400;margin:0 10px 0 40px}.atwho-view .cur{background:rgba(239,239,239,.5)}@media (max-width:900px){.atwho-view img{float:left;margin:0 10px 0 0}}@media (max-width:400px){.atwho-view ul li{font-size:16px;line-height:23px;padding:13px}.atwho-view ul li img{height:30px;margin-top:-5px;width:30px}.atwho-view{border-radius:0;left:0!important;width:100%}.atwho-view ul li .username{display:inline-block;margin:-10px 0 0 0;padding:10px 0}.atwho-view ul li small{display:inline-block;margin-left:20px}}