@import "common";

.bui-list {
  flex: 1;
}

.bui-cell {
  flex-direction: row;
  align-items: center;
  height: $nb100;
  border-bottom-width: 1px;
  border-bottom-color: $color_border;
  border-bottom-style: solid;
}

.bui-cell:active {
  background-color: $color_default;
}

.bui-cell-large {
  flex-direction: row;
  //align-items: center;
  height: $nb120;
  border-bottom-width: 1px;
  border-bottom-color: $color_border;
  border-bottom-style: solid;
}
.bui-cell-swipe-menu{
  flex-direction: row;
  //height: $nb120;
  border-bottom-width: 1px;
  border-bottom-color: $color_border;
  border-bottom-style: solid;
}

.bui-cell-large:active {
  background-color: $color_default;
}

.bui-cell-xlarge {
  flex-direction: row;
  align-items: center;
  height: $nb140;
  border-bottom-width: 1px;
  border-bottom-color: $color_border;
  border-bottom-style: solid;
}

.bui-cell-xlarge:active {
  background-color: $color_default;
}

.bui-list-left {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: $nb20;
}

.bui-list-main {
  padding-left: $nb20;
  flex: 1;
  justify-content: center;
}

.bui-list-right {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: $nb20;
}

.bui-list-title {
  font-size: $nb34;
  color: $color_title;
  text-overflow: ellipsis;
  lines: 1;
}

.bui-list-subtitle {
  font-size: $nb30;
  color: $color_subtitle;
  text-overflow: ellipsis;
  lines: 1;
}

.bui-list-thumb {
  width: $nb80;
  height: $nb80;
}

.bui-list-action {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 300px;
}

.bui-loading{
  width: 750px;
  height: 150px;
  /*flex-direction: column;*/
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.bui-refresh{
  justify-content: center;
  flex-direction: row;
  width: 750px;
  height: 100px;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.bui-loading-indicator{
  font-size: 30px;
  text-align: center;
  color: $color_subtitle;
}
.bui-indicator {
  height: 60px;
  width: 60px;
  color: $color_subtitle;
}


.bui-list-swipe{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 1px;
  flex-direction: row;
  justify-content: flex-end;
}
.bui-list-swipe-btn{
  flex-direction: row;
  width: 120px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #c6c7c8;
}
.bgRed{
  background-color: $color_danger_active;
}
.bui-list-swipe-btn-text{
  font-size: 30px;
  color: $color_white;
}
.bui-list-swipe-main{
  background-color: #ffffff;
  flex-direction: row;
  //justify-content: flex-start
}
.bui-list-main-left{
  justify-content: center;
  flex: 1
}
.bui-list-desc{
  font-size: 25px;
  color: $color_title;
}