
.dotted{
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.base{
  display: flex;
  align-items: center;
  color: var(--lib_base_listitem_base_color);
  padding: var(--lib_size_10);
  cursor: pointer;
}
.rightAlignment{
  justify-content: space-between;
}
.disabled{
  color: var(--lib_base_listitem_disabled_color);
  background-color: var(--lib_base_listitem_disabled_bg);
}
.color_primary:hover {
  background-color: var(--lib_base_listitem_primary_hover_bg);
}
.color_secondary:hover{
  background-color: var(--lib_base_listitem_secondary_hover_bg);
}

.size_small{
  padding: var(--lib_size_9) var(--lib_size_5)
}
.size_medium{
  padding: var(--lib_size_9) var(--lib_size_20);
}
.size_large{
  padding: var(--lib_size_10) var(--lib_size_25);
}
.highLight{
  background-color: var(--lib_base_listitem_highlight_bg);
}
.active, .active:hover{
  background-color: var(--lib_base_listitem_active_bg);
}
[dir=ltr] .active, [dir=ltr] .active:hover{
  border-left: 1px solid  var(--lib_base_listitem_active_border);
}
[dir=rtl] .active, [dir=rtl] .active:hover{
  border-right: 1px solid  var(--lib_base_listitem_active_border);
}

[dir=ltr] .lhs{
  margin-right: var(--lib_size_10);
}

[dir=rtl] .lhs{
  margin-left: var(--lib_size_10);
}
[dir=ltr] .rhs{
  margin-left: var(--lib_size_10);
}
[dir=rtl] .rhs{
  margin-right: var(--lib_size_10);
}



.content{
  display: flex;
  flex-direction: column;
}
.subTitle{
  font-size: var(--lib_fsize_12);
  margin-top: var(--lib_size_5);
}