.kum-wrap{
  position:relative;
  display:inline-block;
  vertical-align:middle;
}
.kum-btn{
  background:none;
  border:0;
  padding:0;
  margin:0;
  font:inherit;
  color:inherit;
  cursor:pointer;
  text-align:left;
  line-height:inherit;
}
.kum-btn:hover{
  opacity:.9;
}
.kum-dropdown{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  width:150px;
  min-width:150px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  padding:6px;
  z-index:99999;
  box-sizing:border-box;
}
.kum-item{
  display:block;
  width:100%;
  padding:10px 12px;
  font-size:14px;
  line-height:1.4;
  color:#111;
  text-decoration:none;
  border-radius:8px;
  white-space:nowrap;
  text-align:left;
  box-sizing:border-box;
}
.kum-item:hover{
  background:#f5f5f5;
  color:#111;
}
@media (max-width:768px){
  .kum-dropdown{
    width:140px;
    min-width:140px;
    left:0;
    right:auto;
  }
  .kum-item{
    font-size:15px;
    padding:11px 12px;
    text-align:left;
  }
}


/* Keep author cell centered like original KBoard list */
.kboard-list table td.kboard-list-user,
.kboard-default table td.kboard-list-user,
.kboard-default .kboard-list table td.kboard-list-user,
.kboard-default .kboard-list-user,
.kboard-mobile .kboard-list-user,
.kboard-mobile td.kboard-list-user,
.kboard-default .kboard-mobile-list .kboard-list-user,
.kboard-list .kboard-list-user{
  text-align:center !important;
}

.kboard-list table td.kboard-list-user .kum-wrap,
.kboard-default table td.kboard-list-user .kum-wrap,
.kboard-default .kboard-list-user .kum-wrap,
.kboard-mobile td.kboard-list-user .kum-wrap,
.kboard-list .kboard-list-user .kum-wrap{
  display:inline-block;
  text-align:center;
}

.kboard-list table td.kboard-list-user .kum-btn,
.kboard-default table td.kboard-list-user .kum-btn,
.kboard-default .kboard-list-user .kum-btn,
.kboard-mobile td.kboard-list-user .kum-btn,
.kboard-list .kboard-list-user .kum-btn{
  text-align:center;
}

/* dropdown itself stays left aligned */
.kum-dropdown,
.kum-item{
  text-align:left !important;
}

/* broken avatar fallback */
.kum-avatar-fallback,
img.kum-avatar-fallback{
  width:32px;
  height:32px;
  border-radius:999px;
  object-fit:cover;
  display:inline-block;
  vertical-align:middle;
  background:#ececec;
}